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