*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:#fafafa;color:#262626;line-height:1.4}nav{background:#fff;padding:1rem 2rem;border-bottom:1px solid #dbdbdb;position:sticky;top:0;z-index:10;display:flex;gap:1.5rem;flex-wrap:wrap}nav a{color:#0095f6;text-decoration:none;font-size:.9rem;font-weight:500}nav a:hover{text-decoration:underline}ul{list-style:none;padding:2rem;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1600px;margin-inline:auto}@media(max-width:1100px){ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){ul{grid-template-columns:1fr}}.post{background:#fff;border:1px solid #dbdbdb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;font-size:.875rem}.post-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem}.avatar-wrapper{flex-shrink:0}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.avatar.story-ring{padding:2px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);position:relative}.avatar.story-ring:after{content:"";position:absolute;inset:2px;border-radius:50%;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border:2px solid white}.header-info{flex:1;min-width:0}.username-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.username{font-weight:600;color:#262626}.verified{color:#0095f6;font-size:.75rem;background:#fff;border-radius:50%;font-weight:700}.separator{color:#8e8e8e}.follow-status{color:#262626;font-weight:500}.meta-row{display:flex;gap:.3rem;font-size:.75rem;color:#8e8e8e}.location{color:#262626;font-size:.75rem}.more-icon{color:#262626;font-size:1.3rem;cursor:pointer;padding:.2rem .5rem}.post-media{position:relative;width:100%;aspect-ratio:1 / 1;background:#efefef;overflow:hidden}.post-media img{width:100%;height:100%;object-fit:cover;display:block}.media-overlay{position:absolute;inset:0;pointer-events:none}.tag-badge{position:absolute;bottom:.75rem;left:.75rem;background:#0009;color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;display:flex;align-items:center;gap:.3rem}.carousel-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.3rem}.dot{width:6px;height:6px;border-radius:50%;background:#fff9}.dot.active{background:#fff}.post-actions{display:flex;justify-content:space-between;padding:.5rem .75rem}.actions-left,.actions-right{display:flex;gap:.5rem}.action-icon{font-size:1.5rem;cursor:pointer;padding:.25rem;user-select:none}.action-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;color:#262626}.follow-btn{background:none;border:none;cursor:pointer;color:#0095f6;font-weight:600;font-size:.875rem;padding:0}.more-btn{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:.2rem .5rem;color:#262626}.post-body{padding:0 1rem .85rem;display:flex;flex-direction:column;gap:.5rem}.likes-row{display:flex;align-items:center;gap:.5rem}.liker-avatars{display:flex}.mini-avatar{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f09433,#dc2743);border:2px solid white;margin-right:-6px}.likes-text{font-size:.85rem;color:#262626}.caption{margin:0;font-size:.875rem;line-height:1.4}.more-link{color:#8e8e8e}.hashtags{display:flex;flex-wrap:wrap;gap:.3rem}.hashtag{color:#00376b;font-size:.85rem}.mentions{display:flex;gap:.5rem}.mention{color:#00376b;font-size:.85rem}.comments-preview{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.comment-row{display:flex;gap:.4rem}.comment-row strong{font-weight:600}.view-all-comments{color:#8e8e8e;font-size:.8rem;cursor:pointer}.timestamp{font-size:.65rem;color:#8e8e8e;letter-spacing:.05em}.extra-comments{display:flex;flex-direction:column;gap:.2rem}.view-all-comments{color:#8e8e8e;font-size:.8rem;cursor:default}.view-all-comments-btn{background:none;border:none;color:#8e8e8e;font-size:.8rem;cursor:pointer;padding:0;text-align:left}.view-all-comments-btn:hover{color:#262626}.dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:800px;margin:2rem auto}.widget{background:#fff;border:1px solid #dbdbdb;border-radius:8px;padding:1rem;min-height:120px}.widget-title{font-size:.85rem;font-weight:600;color:#8e8e8e;text-transform:uppercase;margin:0 0 .5rem}.widget-body{display:flex;align-items:center;justify-content:center;min-height:60px}.widget-static{color:#c7c7c7;font-size:.85rem}.widget-counter{display:flex;align-items:center;gap:.5rem}.widget-counter button{width:30px;height:30px;border-radius:50%;border:1px solid #dbdbdb;cursor:pointer}.counter-value{font-size:1.5rem;font-weight:600;min-width:30px;text-align:center}.toggle{display:flex;align-items:center;gap:.5rem;border:none;background:none;cursor:pointer}.toggle-slider{width:36px;height:20px;border-radius:10px;background:#e5e7eb;position:relative;transition:background .2s}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on .toggle-slider{background:#0095f6}.toggle.on .toggle-slider:after{transform:translate(16px)}.slider-widget{display:flex;align-items:center;gap:.5rem;width:100%}.slider-widget input{flex:1}.slider-value{font-size:.85rem;font-weight:600;min-width:40px}.search-widget{width:100%}.search-widget input{width:100%;padding:.3rem;border:1px solid #dbdbdb;border-radius:4px;font-size:.85rem}.search-widget ul{list-style:none;padding:0;margin:.3rem 0 0;font-size:.8rem;max-height:60px;overflow:hidden}.tabs-widget{width:100%}.tabs-header{display:flex;gap:.3rem;border-bottom:1px solid #dbdbdb}.tabs-header button{background:none;border:none;padding:.3rem .5rem;cursor:pointer;font-size:.8rem}.tabs-header button.active{border-bottom:2px solid #0095f6;font-weight:600}.tabs-content{padding:.5rem 0;font-size:.8rem;color:#6b7280}.dropdown-widget{padding:.3rem;border:1px solid #dbdbdb;border-radius:4px;font-size:.85rem}.checkbox-widget{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.checkbox-widget label{display:flex;gap:.3rem;align-items:center;cursor:pointer}.accordion-widget{width:100%}.acc-item button{display:block;width:100%;background:none;border:none;text-align:left;padding:.3rem;cursor:pointer;font-size:.85rem;font-weight:500}.acc-body{padding:.3rem;font-size:.8rem;color:#6b7280}.progress-widget{width:100%;display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#0095f6;transition:width .05s linear}.progress-text{font-size:.8rem;min-width:35px}.rating-widget{display:flex;gap:.1rem}.rating-widget button{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:0}.md-widget{display:flex;flex-direction:column;gap:.5rem;width:100%}.md-input{width:100%;min-height:80px;padding:.4rem;border:1px solid #dbdbdb;border-radius:4px;font-family:monospace;font-size:.8rem;resize:vertical}.md-preview{padding:.5rem;border:1px solid #dbdbdb;border-radius:4px;background:#fafafa;font-size:.85rem;max-height:150px;overflow:auto}.md-preview h1{font-size:1rem;margin:.3rem 0}.md-preview p{margin:.3rem 0}.md-preview ul{margin:.3rem 0;padding-left:1.2rem}.md-preview a{color:#0095f6}.md-preview table{border-collapse:collapse;font-size:.8rem;margin:.3rem 0}.md-preview th,.md-preview td{border:1px solid #dbdbdb;padding:.2rem .5rem}.md-preview code{background:#f0f0f0;padding:.1rem .3rem;border-radius:3px;font-family:monospace;font-size:.8rem}.md-preview del{color:#999}.datepicker-widget input{width:100%;padding:6px 10px;border:1px solid #aeaeae;border-radius:4px}.select-widget{width:100%}