@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
[hidden]{display:none!important}
@media(max-width:760px){body aside nav{z-index:6}}
.catalog-picker{position:relative;min-width:0;width:100%}.catalog-options{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:4;background:#181c2c;border:1px solid #606a85;border-radius:12px;max-height:320px;overflow-y:auto;box-shadow:0 16px 30px #0009}.catalog-options button{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:12px 14px}.catalog-options button:hover,.catalog-options button[aria-selected=true]{background:#adf66c17}.catalog-options strong{display:block;font-size:15px;overflow-wrap:anywhere}.catalog-options span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.catalog-options p{padding:10px 14px;font-size:14px;color:var(--muted)}#filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end}#filters>.sort-label{grid-column:1/-1}#filters select{height:50px}#filters>button{height:50px}#filters[hidden]{display:none!important}
.story-editor-footer{grid-column:1/-1}.story-editor-footer button{width:100%;position:static}.story-editor-modal .story-editor-preview{height:52dvh;width:calc(52dvh * 9 / 16)}.story-editor-modal .story-tools{max-height:52dvh}
@media(max-width:700px){.story-editor-modal .story-editor-preview{height:28dvh;width:calc(28dvh * 9 / 16)}.story-editor-modal .story-tools{max-height:32dvh}}
.story-editor-modal{width:min(860px,calc(100% - 24px))}.story-editor-modal .story-editor-layout{grid-template-columns:280px minmax(0,1fr);align-items:start}.story-editor-modal .story-tools{max-height:64dvh;overflow-y:auto;padding-right:8px}.story-editor-modal .story-editor-preview{margin:0;max-width:280px}.story-tools>#publish-story{position:sticky;bottom:0;box-shadow:0 -6px 15px var(--panel)}
@media(max-width:700px){.story-editor-modal{padding:18px}.story-editor-modal .story-editor-layout{grid-template-columns:1fr;gap:14px}.story-editor-modal .story-editor-preview{height:30dvh;width:auto;max-width:100%;margin:auto}.story-editor-modal .story-tools{max-height:36dvh}.story-editor-modal h2{margin-top:0}}
.story-editor-layout{display:grid;gap:20px}.story-editor-preview{position:relative;background:#0a0d16;border-radius:14px;overflow:hidden;max-width:270px;margin:auto;width:100%;aspect-ratio:9/16}.story-editor-preview canvas{width:100%;height:100%;display:block;touch-action:none}.story-editor-preview>p{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:12px;text-align:center;font-size:clamp(12px,2.5vw,16px);line-height:1.35;overflow-wrap:normal;pointer-events:none;color:var(--muted)}.story-editor-preview>p[hidden]{display:none}.story-tools{display:grid;gap:8px}.story-tools label{margin-bottom:5px}.story-tools textarea{min-height:70px}.story-text-options{display:grid;grid-template-columns:100px 1fr;gap:16px}.story-tools input[type=color]{height:44px;padding:4px}.story-tools input[type=range]{padding:8px}.story-tools details{padding:10px;border:1px solid var(--line);border-radius:10px}.story-tools details label:first-of-type{margin-top:12px}
.text-button{background:none;border:0;padding:3px;color:var(--accent);font-weight:700}.auth-submit{width:100%}.profile-grid-label{display:flex;align-items:center;justify-content:center;gap:9px;border-top:1px solid var(--line);padding:16px;margin-top:24px;text-transform:uppercase;letter-spacing:1px;font-size:14px}.profile-top{margin-bottom:0!important;border-bottom:0!important}.profile-header{align-items:center}.profile-identity{flex:1}.profile-stats{justify-content:space-between;gap:10px}.profile-stats span{display:flex;flex-direction:column;align-items:center;font-size:14px}.profile-identity h2{font-size:22px}.profile-grid{gap:5px}.profile-thumbnail{border-radius:0}.profile-avatar .avatar{border:2px solid var(--accent);padding:3px}.profile-top>.form-actions button{flex:1}
:root{color-scheme:dark;--bg:#101321;--panel:#181c2c;--line:#30354a;--muted:#a6adc4;--text:#f3f5fc;--accent:#adf66c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:10px 16px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2}.brand{font:700 25px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:var(--accent);color:var(--bg);height:38px;width:38px;border-radius:11px}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px minmax(0,660px) 280px;gap:36px;padding:36px 36px 100px}aside{position:sticky;top:116px;align-self:start}nav{display:grid;gap:8px}nav button{text-align:left;border:0;background:transparent;font-size:20px;display:flex;align-items:center;gap:14px;padding:14px}nav span{font-size:15px}.active{color:var(--accent);background:#adf66c0e!important}.primary{background:var(--accent);color:#15210b;border:0;font-weight:700}aside>.primary{margin-top:24px;width:100%}.quiet{background:transparent}.side-note{font:600 26px/1.35 'Space Grotesk',sans-serif;color:#727d9d;margin:40px 12px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:2px;font-size:12px;margin:0 0 6px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.2}h1{font-size:32px;margin:0}h2{font-size:23px}.section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:28px}.intro{background:linear-gradient(110deg,#293433,#1d253c);border:1px solid #43534c;border-radius:18px;padding:22px;display:flex;gap:18px;margin-bottom:24px}.intro p{color:#c1c9d8;margin:5px 0 0}.intro-symbol{font-size:36px;color:var(--accent)}.filters{display:flex;gap:10px;align-items:end;margin-bottom:22px}.filters label{flex:1}.rail{display:grid;gap:20px;align-self:start}.rail-card{padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.rail-card p{color:var(--muted)}.rail-card h2{margin-top:6px}.post{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:22px;background:var(--panel)}.post-head{display:flex;align-items:center;gap:12px;padding:20px}.avatar{height:44px;width:44px;object-fit:cover;border-radius:50%;background:#363d53;display:grid;place-items:center;font-weight:700;flex-shrink:0}.post-head button{padding:0;border:0;text-align:left;background:none}.meta{font-size:13px;color:var(--muted)}.post-head .tag{margin-left:auto}.tag{font-size:12px;letter-spacing:.5px;padding:5px 9px;background:#adf66c12;color:var(--accent);border-radius:6px}.post-body{padding:0 20px 18px}.post-body h2{font-size:22px;margin:0 0 10px}.post-body p{white-space:pre-wrap;overflow-wrap:anywhere}.media{width:100%;max-height:600px;object-fit:contain;background:#0a0d16;display:block}.actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding:12px 16px}.actions button{border:0;padding:7px;background:none}.actions .liked{color:var(--accent)}.spoiler{margin:0 20px 20px;background:#21263b;border:1px dashed #626b88;border-radius:12px;padding:20px;text-align:center}.empty{padding:38px 24px;text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:18px}.empty p{color:var(--muted)}label{display:grid;gap:7px;margin-bottom:12px;font-size:14px}input,textarea,select{width:100%;background:#101321;border:1px solid #40475f;padding:12px;border-radius:10px;color:var(--text);min-width:0}textarea{min-height:110px;resize:vertical}.check{display:flex;align-items:center}.check input{width:auto}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;width:min(560px,calc(100% - 24px));max-height:90vh;padding:28px;overflow:auto}dialog::backdrop{background:#050710cc}.close{float:right;background:none;border:0;font-size:26px;padding:0 6px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.auth-options{display:grid;gap:10px;margin:20px 0}.divider{text-align:center;color:var(--muted);margin:20px 0}.error{color:#ffb0b4;white-space:pre-wrap}.small{font-size:14px;color:var(--muted)}.profile-top{padding:30px;border-radius:18px;background:linear-gradient(130deg,#2d344e,#1c2934);margin-bottom:24px}.profile-top .avatar{width:76px;height:76px;font-size:28px}.profile-top h2{margin:14px 0 6px}.people{display:grid;gap:10px}.person{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--accent);color:#132005;padding:12px 20px;border-radius:12px;max-width:90vw;z-index:5;display:none}.comments{border-top:1px solid var(--line);padding-top:12px}.comments p{font-size:15px}.status{color:#f4cf77}.viewer-list{padding-left:18px}.rules-list li{margin-bottom:10px}video{max-width:100%}
@media(max-width:1180px){.layout{grid-template-columns:220px minmax(0,680px);justify-content:center}.rail{display:none}}@media(max-width:760px){header{height:66px;padding:0 18px}.brand{font-size:22px}.layout{display:block;padding:24px 14px 120px}aside{position:static}aside nav{position:fixed;bottom:0;left:0;right:0;background:#101321f5;border-top:1px solid var(--line);display:flex;justify-content:space-around;gap:0;z-index:3;padding:8px 2px}nav button{display:block;text-align:center;font-size:23px;padding:8px 5px;flex:1;border-radius:8px}nav span{display:block;font-size:12px}nav button[data-view="following"]{display:none}aside>.primary{position:fixed;bottom:86px;right:18px;width:auto;z-index:2;box-shadow:0 5px 25px #0008}.side-note,aside>#rules{display:none}.section-heading{align-items:start;gap:8px}h1{font-size:27px}.section-heading .quiet{font-size:13px;padding:8px}.intro{padding:18px}.post-head{padding:16px}.post-head .tag{max-width:100px;overflow-wrap:anywhere}.form-actions button{flex:1}.filters{align-items:center}.filters label{margin:0}}
.filters{align-items:flex-end}.filters label{margin:0}.filters input,.filters>button{height:50px}.create-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 24px}.create-row p{margin:0}.create-row button{flex-shrink:0}.story-strip{display:flex;gap:18px;align-items:center;overflow-x:auto;max-width:100%;padding:6px 2px 14px;scrollbar-width:thin}.story-bubble{padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:78px;max-width:90px;flex-shrink:0;font-size:13px}.story-bubble>span:last-child{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-ring{position:relative;display:grid;place-items:center;border:3px solid var(--accent);border-radius:50%;padding:4px;width:76px;height:76px}.story-ring .avatar{height:62px;width:62px;font-size:23px}.add-story .story-ring{border-color:#626b88}.story-plus{position:absolute;right:-2px;bottom:0;background:var(--accent);color:#101321;border:3px solid var(--bg);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:20px;line-height:1}.profile-top{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0 28px}.profile-header{display:flex;align-items:center;gap:30px}.profile-avatar .avatar{height:112px;width:112px;font-size:40px;border:3px solid var(--line)}.profile-identity{min-width:0}.profile-identity h2{margin:0 0 8px;overflow-wrap:anywhere}.profile-stats{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.profile-stats strong{font-size:20px}.profile-posts-title{font-size:18px;margin:24px 0 16px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-grid .empty{grid-column:1/-1}.profile-thumbnail{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;width:100%;overflow:hidden;border-radius:8px}.profile-thumbnail img,.profile-thumbnail video{width:100%;height:100%;object-fit:cover}.tile-text{padding:12px;overflow-wrap:anywhere;font-size:15px;max-height:100%;overflow:hidden}.tile-kind{position:absolute;right:8px;top:8px;background:#101321aa;padding:2px 6px;border-radius:5px}.tile-status{position:absolute;bottom:0;left:0;right:0;background:#101321dd;font-size:12px;padding:4px;color:#f4cf77}.tile-stats{display:flex;justify-content:space-between;gap:4px;font-size:12px;color:var(--muted);padding:7px 1px;flex-wrap:wrap}.load-more{display:block;margin:24px auto}.story-modal{padding:16px;max-width:440px;width:calc(100% - 24px);background:#0a0d16;max-height:94dvh}.story-modal .close{position:absolute;right:18px;top:29px;z-index:1;background:#0a0d16}.story-progress{display:flex;gap:4px;margin:4px 0 14px;padding-right:0}.story-progress span{height:3px;flex:1;background:#424961;border-radius:2px}.story-progress .watched{background:var(--accent)}.story-owner{display:flex;align-items:center;gap:12px;padding-right:30px;margin-bottom:14px}.story-stage{height:min(58dvh,540px);display:grid;place-items:center;background:#000;border-radius:10px;overflow:hidden;touch-action:pan-x}.story-stage img,.story-stage video{width:100%;height:100%;object-fit:contain}.story-caption{padding:0 4px;overflow-wrap:anywhere}.story-controls{display:flex;justify-content:space-between}.viewer-trigger{border:0;width:100%;background:none;color:var(--accent);padding-top:18px}#story-viewer-panel{border-top:1px solid var(--line);padding:16px;margin-top:12px;background:var(--panel);border-radius:10px}
@media(max-width:760px){aside nav{padding-bottom:calc(8px + env(safe-area-inset-bottom));}nav button{min-width:0;padding:8px 2px}nav span{font-size:12px}.create-row{align-items:flex-start;flex-wrap:wrap;gap:10px}.create-row button{width:100%;position:static}.story-strip{gap:14px}.profile-header{gap:18px}.profile-avatar .avatar{height:82px;width:82px}.profile-stats{gap:12px}.profile-stats span{display:flex;flex-direction:column;font-size:13px}.profile-grid{gap:7px}.tile-text{font-size:13px;padding:7px}.tile-stats{font-size:12px}.profile-top{padding-top:10px}#toast{bottom:calc(96px + env(safe-area-inset-bottom))}}

.header-tools,.community-tools{display:flex;gap:8px;align-items:center}.community-tools{margin:0 0 20px;flex-wrap:wrap}.header-tools button{font-size:13px;padding:8px}.notice{display:block;text-align:left;width:100%;margin:10px 0;padding:14px}.notice .meta{display:block;margin-top:4px}.notice.unread{border-left:4px solid var(--accent)}.comment{padding:14px 0;border-bottom:1px solid var(--line)}.comment.reply{margin-left:18px;padding-left:14px;border-left:2px solid var(--line)}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.comment summary{cursor:pointer;color:var(--accent)}.media-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.media-carousel>.media{width:100%;flex:0 0 100%;scroll-snap-align:start}.carousel-hint{padding:0 20px}.profile-stats button{border:0;padding:0;background:none;display:flex;flex-direction:column;align-items:center}.profile-stats button strong{font-size:20px}
@media(max-width:760px){header{gap:8px}.header-tools{gap:4px}.header-tools button{font-size:11px;padding:7px}.brand{font-size:19px;gap:6px}.brand .mark{height:30px;width:30px}.comment.reply{margin-left:10px}}

.own-story-bubble{position:relative;flex-shrink:0;min-width:78px}.own-story-bubble .story-plus{right:0;top:51px;bottom:auto;padding:0;z-index:1}.seen-story .story-ring{border-color:#626b88}.story-plus:focus-visible{outline:2px solid white;outline-offset:2px}

.seen-story .story-ring{border-color:#739956}.viewer-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.story-viewer-row{display:flex;align-items:center;gap:12px}.viewer-profile{padding:0;text-align:left;background:none;border:0;display:grid}.viewer-story{padding:0;border:0;background:none}.viewer-story .story-ring{width:54px;height:54px;padding:3px}.viewer-story .avatar{width:42px;height:42px;font-size:18px}

.danger{color:#ffb0b4;border-color:#80404a}.public-footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:24px 20px 110px;color:var(--muted);font-size:14px}.public-footer button{border:0;background:none;padding:0}.policy-page{max-width:800px;margin:auto;padding:30px 24px 100px}.policy-page p{line-height:1.7}.policy-page a{text-decoration:underline}

.story-stage{touch-action:none}.story-controls{gap:8px;flex-wrap:wrap}.story-controls button{flex:1}.policy-page{overflow-wrap:anywhere}
/* Social feed and comments */
.post-summary{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.post-summary .tag{margin:0}.post-copy{white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:8px 12px;line-height:1.2}.home-feed .post{max-width:680px;margin-inline:auto}.home-feed .post .media{max-height:650px;object-fit:contain}.home-feed .post-head{padding-block:16px}.notification-count{position:absolute;right:0;top:0;background:var(--accent,#b5ff6d);color:#101321;border-radius:20px;padding:1px 5px;font-size:10px}#notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:42px}.comments-modal{width:min(620px,calc(100vw - 24px));padding:0;max-height:85dvh;overflow:hidden}.comments-modal #modal-body{display:flex;flex-direction:column;max-height:85dvh;padding:0}.comments-heading{text-align:center;font-size:18px;margin:0;padding:22px;border-bottom:1px solid #343a50}.comments-list{overflow-y:auto;min-height:120px;padding:20px;flex:1}.comment-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.comment-avatar{background:none;border:0;padding:0;flex:none}.comment-avatar .avatar{width:36px;height:36px;font-size:16px}.comment-content{flex:1;min-width:0}.comment-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 8px}.comment-meta{display:flex;gap:16px;align-items:center;font-size:12px;color:#aab4ce}.comment-heart{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:5px;font-size:22px}.comment-heart span{font-size:11px}.comment-replies{margin-left:48px;margin-bottom:18px}.comment-replies summary{font-size:12px;color:#aab4ce;cursor:pointer;margin-bottom:18px}.comment-composer{border-top:1px solid #343a50;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:16px;background:#191e30}.comment-composer textarea{min-height:46px;height:46px;margin:0;resize:vertical}.comment-composer #reply-context{grid-column:1/-1;font-size:12px}.comment-composer #reply-context:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.writing-page main{max-width:900px;padding:30px;margin:auto}.writing-page textarea{width:100%;min-height:65vh;resize:vertical;line-height:1.7}.writing-page label{display:block;margin:16px 0 8px}@media(max-width:600px){.comments-modal{margin: auto 0 0;width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:82dvh}.comments-modal #modal-body{max-height:82dvh}.comments-list{padding:18px 14px}.actions{gap:4px}.actions button{padding:8px;font-size:12px}.post-summary{max-width:130px}.comment-replies{margin-left:30px}}
.comment-heart.liked{color:var(--accent)}.post-head>button{min-width:0;overflow-wrap:anywhere}.social-post{border-radius:14px}.social-post .post-head{border-bottom:1px solid var(--line)}#large-editor{display:inline-block;color:var(--accent);margin:0 0 18px;font-size:14px}#large-editor:hover{text-decoration:underline}.comments-modal>.close{position:absolute;right:12px;top:12px;z-index:1}
/* Consistent metadata and full-image story framing */
.post-summary{align-items:center;text-align:center}.post-summary .small{display:block;width:100%;white-space:nowrap}.post-head .post-summary .tag{margin:0}.header-tools button{height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px}#notifications{width:40px;min-width:40px;padding:8px}#notifications svg{width:20px;height:20px}.story-controls{gap:12px;flex-wrap:wrap;margin-bottom:16px}.story-controls button{flex:1;min-width:80px}#delete-own-story{margin:0 0 8px}.story-stage{position:relative;min-width:0;min-height:0}.story-stage img,.story-stage video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}
.shelf-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.shelf-chips span{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:13px}#profile-shelves{margin:20px 0 24px}.profile-tile{position:relative}.pinned-label{position:absolute;left:6px;top:6px;z-index:1;background:#101321dd;color:var(--accent);font-size:11px;padding:3px 7px;border-radius:5px}.comment-sort-label{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:0;border-bottom:1px solid var(--line)}.comment-sort-label select{width:auto;margin-left:auto}.attachment-order{display:grid;gap:8px}.attachment-item{display:flex;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px}.attachment-item img{width:46px;height:46px;object-fit:cover;border-radius:6px}.attachment-item span{flex:1;font-size:12px;overflow-wrap:anywhere;min-width:0}.attachment-item button{padding:6px 10px}.attachment-item button:disabled{cursor:pointer}#upload-progress{width:100%;accent-color:var(--accent)}#upload-status{margin:16px 0}.story-reactions{display:flex;gap:8px;margin-top:14px;justify-content:center}.story-reactions button{font-size:20px;padding:6px 10px}#story-reply-form{display:flex;gap:8px;margin-top:12px}#story-reply-form input{min-width:0}.story-response{border-bottom:1px solid var(--line);padding:14px 0}.story-response p{white-space:pre-wrap;overflow-wrap:anywhere}.story-response>button:last-child{float:right}

.media-picker{display:grid;gap:8px;margin-bottom:14px}.media-picker-button{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;text-align:left;background:#101321;border:1px dashed #56617b;padding:16px;border-radius:14px}.media-picker-button>svg{color:var(--accent);flex:none}.media-picker-button:hover{background:#1c2430;border-color:var(--accent)}.media-picker-plus{margin-left:auto;color:var(--accent);font-size:24px;line-height:1}.media-picker input[hidden]{display:none}

.capture-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.capture-actions button{flex:1;white-space:nowrap}.story-editor-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.story-editor-preview>video[hidden],.story-editor-preview>canvas[hidden]{display:none}

.capture-actions button:disabled{cursor:not-allowed;opacity:.45}

.auth-options{grid-template-columns:1fr}

.google-sign-in{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px}.google-sign-in svg{flex-shrink:0}

.story-nav{position:absolute;top:0;bottom:0;width:18%;border:0;border-radius:0;background:transparent;font-size:44px;opacity:0;z-index:2;transition:opacity .15s;padding:0}.story-nav-prev{left:0}.story-nav-next{right:0}.story-nav:hover,.story-nav:focus-visible{opacity:1;background:linear-gradient(90deg,#0006,transparent)}.story-nav-next:hover{background:linear-gradient(270deg,#0006,transparent)}.story-nav:disabled{visibility:hidden}.story-menu-toggle{position:absolute;right:12px;top:12px;background:#101321aa;border:0;font-size:26px;padding:0 10px;z-index:4}.story-menu{position:absolute;right:12px;top:56px;z-index:5;padding:8px;background:var(--panel);border-radius:12px;border:1px solid var(--line)}.story-paused-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 14px;background:#0009;border-radius:20px;pointer-events:none;z-index:3}.story-viewer-sheet{position:absolute;bottom:0;left:0;right:0;z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:22px 22px 0 0;padding:20px;max-height:60dvh;overflow-y:auto;box-shadow:0 -12px 35px #0008}.story-viewer-sheet[hidden],.story-menu[hidden],.story-paused-indicator[hidden]{display:none}.viewer-liked{margin-left:auto;color:var(--accent);font-size:24px}.story-like{font-size:30px;border:0;background:transparent;padding:2px 12px}.story-like.liked{color:var(--accent)}#story-interactions{display:flex;justify-content:flex-end}
@media(hover:none){.story-nav{width:12%;opacity:.65;font-size:32px}}

.story-viewer-sheet{bottom:64px}.story-modal .viewer-trigger{position:relative;z-index:9;background:#0a0d16;width:100%}

/* Story media fills the viewer, with its identity and controls overlaid. */
.story-modal{padding:0;overflow:hidden;width:min(440px,calc(100% - 24px));max-height:94dvh;border-radius:14px}.story-modal #modal-body{position:relative}.story-modal .story-stage{height:80dvh;max-height:780px;border-radius:0}.story-modal .story-progress{position:absolute;top:14px;left:16px;right:16px;z-index:4;margin:0;pointer-events:none}.story-modal .story-owner{position:absolute;top:30px;left:16px;right:90px;z-index:4;margin:0;padding:0;pointer-events:none;text-shadow:0 1px 5px #000}.story-modal .story-owner .avatar{width:36px;height:36px}.story-modal .story-owner .meta{font-size:12px;color:#fff}.story-modal .story-owner strong{font-size:14px}.story-modal .close{top:32px;right:10px;z-index:6;background:#0004}.story-modal .story-menu-toggle{top:32px;right:48px;padding:0 8px;background:#0004}.story-modal .story-menu{top:72px;right:16px}.story-modal #story-interactions{position:absolute;right:16px;bottom:18px;z-index:4}.story-modal .story-caption:empty{display:none}.story-modal .story-caption{position:absolute;bottom:58px;left:16px;right:70px;z-index:3;margin:0;color:#fff;text-shadow:0 1px 5px #000}.story-modal .viewer-trigger{height:52px;padding:12px;position:relative;z-index:9}.story-modal #story-viewer-panel{position:absolute;inset:0 0 52px;margin:0;max-height:none;border-radius:0;padding:24px 20px;overflow-y:auto;z-index:8}.story-modal.viewers-open .story-stage,.story-modal.viewers-open .story-owner,.story-modal.viewers-open .story-progress,.story-modal.viewers-open .story-caption,.story-modal.viewers-open #story-interactions{visibility:hidden}.story-modal.viewers-open .close{display:none}.story-modal .story-viewer-sheet h2{margin-top:0}

/* Centered story carousel matching the reference layout. */
dialog.story-modal{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#191919;padding:24px;overflow:hidden}.story-modal::backdrop{background:#191919}.story-modal #modal-body{height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate}.story-card{position:relative;width:min(420px,calc((100dvh - 48px)*9/16));height:calc(100dvh - 48px);max-width:100%;border-radius:10px;background:#000;z-index:2;box-shadow:0 15px 50px #0005}.story-modal .story-stage{width:100%;height:100%;max-height:none;border-radius:10px}.story-modal .story-stage::after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(#0005,transparent 20%,transparent 75%,#0005);pointer-events:none}.story-modal .story-owner{right:108px;top:38px;gap:8px}.story-modal .story-owner>div{display:flex;align-items:center;gap:8px;min-width:0}.story-modal .story-owner strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}.story-modal .story-owner .meta{white-space:nowrap;color:#ddd}.story-modal .story-progress{top:18px}.story-top-controls{position:absolute;right:50px;top:36px;z-index:5;display:flex;gap:4px}.story-top-controls button{border:0;background:transparent;padding:2px 5px;border-radius:0;font-size:19px;color:#fff;min-width:24px}.story-modal .story-menu-toggle{top:36px;right:12px;background:none;padding:0 5px;font-size:23px}.story-modal .close{position:fixed;top:18px;right:20px;z-index:12;background:none;font-size:24px}.story-modal .story-nav{top:calc(50% - 16px);bottom:auto;width:32px;height:32px;opacity:.8;background:#555;border-radius:50%;font-size:30px;line-height:24px}.story-modal .story-nav-prev{left:-48px}.story-modal .story-nav-next{right:-48px}.story-nav:hover{opacity:1}.story-neighbor{position:absolute;top:50%;transform:translateY(-50%);height:48%;width:180px;border:0;padding:0;overflow:hidden;border-radius:8px;background:#222;opacity:.65;z-index:1}.story-neighbor-prev{right:calc(50% + min(210px,(100dvh - 48px)*9/32) + 85px)}.story-neighbor-next{left:calc(50% + min(210px,(100dvh - 48px)*9/32) + 85px)}.story-neighbor img,.story-neighbor video{width:100%;height:100%;object-fit:contain}.story-neighbor strong{position:absolute;left:12px;right:12px;top:20px;color:white;text-shadow:0 1px 5px #000}.story-modal #story-interactions{left:16px;right:16px;bottom:18px;gap:10px;align-items:center}.story-reply-pill{flex:1;min-width:0;border:1px solid #fff9;border-radius:30px;margin:0!important;display:flex;gap:0!important;background:#0002}.story-reply-pill input{background:transparent;border:0;border-radius:30px;min-width:0;margin:0;font-size:13px;padding:12px 14px;color:#fff}.story-reply-pill input::placeholder{color:#eee}.story-reply-pill button{border:0;background:none;padding:8px 12px;color:white}.story-modal .story-like{font-size:32px;padding:0 2px;color:white}.story-modal .story-like.liked{color:var(--accent)}.story-modal .viewer-trigger{position:absolute;left:0;bottom:0;border-radius:0 0 10px 10px;background:#0005;height:48px}.story-modal #story-viewer-panel{inset:0 0 48px;border-radius:10px 10px 0 0}.story-modal .story-caption{bottom:72px}.story-modal.viewers-open .story-neighbor{visibility:hidden}.story-modal.viewers-open .story-top-controls{visibility:hidden}
@media(max-width:700px){dialog.story-modal{padding:8px}.story-card{height:calc(100dvh - 16px);width:min(100%,calc((100dvh - 16px)*9/16))}.story-neighbor{display:none}.story-modal .story-nav{left:4px;opacity:0}.story-modal .story-nav-next{left:auto;right:4px}.story-modal .story-nav:hover,.story-modal .story-nav:focus-visible{opacity:.8}.story-modal .close{top:8px;right:8px;background:#0005}.story-modal .story-owner{top:36px}}

.story-top-controls button{display:grid;place-items:center;padding:0}.story-top-controls button:disabled{opacity:.45}

/* Keep story controls on one centered row and navigation visible on touch screens. */
.story-modal .story-owner{top:36px;height:36px;align-items:center}
.story-modal .story-top-controls{top:36px;height:36px;align-items:center}
.story-modal .story-top-controls button{width:28px;height:36px}
.story-modal .story-menu-toggle{top:36px;height:36px;width:32px;display:grid;place-items:center;padding:0;line-height:1}
.story-modal .story-nav{display:grid;place-items:center;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;line-height:1;background:#0008;border:1px solid #ffffff40;opacity:1;z-index:6}
.story-modal .story-nav-prev{left:10px}.story-modal .story-nav-next{right:10px;left:auto}
.story-modal .story-nav:disabled{display:grid;opacity:.25;cursor:pointer}
.story-modal .viewer-trigger{display:flex;align-items:center;justify-content:center;gap:7px;line-height:1;padding:0}
.story-modal .viewer-chevron{display:block;width:12px;height:12px;font-size:0;border-top:2px solid currentColor;border-left:2px solid currentColor;width:7px;height:7px;transform:translateY(2px) rotate(45deg)}
.story-modal .viewer-trigger[aria-expanded=true] .viewer-chevron{transform:translateY(-2px) rotate(225deg)}
.story-modal .story-nav:disabled{visibility:visible}
/* Place navigation beside the story without covering its media. */
.story-modal .story-nav-prev{left:-46px}.story-modal .story-nav-next{right:-46px;left:auto}
@media(max-width:700px){.story-modal .story-card{max-width:calc(100% - 80px)}.story-modal .story-nav{width:30px;height:30px}.story-modal .story-nav-prev{left:-37px}.story-modal .story-nav-next{right:-37px;left:auto}}

.story-modal #story-interactions.own-story-interactions{bottom:58px}.story-modal .story-like{min-width:40px;min-height:44px;line-height:1;display:grid;place-items:center}

.messages{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.message-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-heading h2{margin:0}.message-tabs{display:flex;border-bottom:1px solid var(--line);margin:18px 0}.message-tabs button{flex:1;border:0;border-radius:0;background:none}.message-tabs button[aria-selected=true]{color:var(--accent);border-bottom:2px solid var(--accent)}.message-person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;padding:14px 0}.message-person>span{flex:1;min-width:0}.message-person .meta{display:block}.message-search input{border-radius:24px}#message-chat{border-top:1px solid var(--line);padding-top:20px;margin-top:16px}.message-history{display:flex;flex-direction:column;gap:12px;max-height:48vh;overflow:auto;margin:18px 0}.message-bubble{max-width:85%;padding:10px 14px;border-radius:16px;background:#30354a;align-self:flex-start}.message-bubble.sent{align-self:flex-end;background:#adf66c20}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message-bubble time{font-size:11px;color:var(--muted)}.message-composer{display:flex;align-items:end;gap:10px}.message-composer textarea{min-height:65px;max-height:160px}@media(max-width:760px){nav span{font-size:10px}nav button{min-width:0;padding:8px 2px}.messages{padding:14px}.message-heading button{font-size:13px}}

.chat-avatar{flex:0 0 52px;width:52px;height:52px;aspect-ratio:1;border:2px solid transparent;border-radius:50%;padding:3px;background:none;display:grid;place-items:center}.message-person .chat-avatar .avatar{width:42px;height:42px;flex:none;aspect-ratio:1;border-radius:50%;object-fit:cover}.chat-avatar.has-story{border-color:var(--accent)}.chat-avatar.has-story.seen-story{border-color:#657253}.chat-person-details{flex:1;min-width:0}.chat-profile-name,.chat-conversation{display:block;text-align:left;border:0;background:none;padding:0;width:100%}.chat-profile-name{font-weight:700}.chat-conversation{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:3px}.chat-conversation time{flex-shrink:0;font-size:11px}

.message-composer{align-items:stretch}.message-composer textarea{margin:0;flex:1}.message-composer>button{align-self:stretch;margin:0;min-width:72px}

.chat-open-hint{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;font-size:12px;color:var(--accent);white-space:nowrap}

.chat-window-person{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left}.chat-window-person>span{display:flex;flex-direction:column}.chat-window-person .avatar{width:44px;height:44px;flex-shrink:0}.chat-window>header,.chat-window aside,.chat-window .rail,.chat-window .public-footer,.chat-window .section-heading,.chat-window .message-heading:first-child h2,.chat-window .messages>#new-message,.chat-window .messages>.message-heading,.chat-window .message-tabs,.chat-window .message-search,.chat-window #message-list{display:none}.chat-window .layout{display:block;padding:16px;max-width:760px}.chat-window .messages{padding:16px}.chat-window #message-chat{border:0;padding:0;margin:0}.chat-window .message-history{max-height:calc(100dvh - 240px);min-height:35vh}.chat-window main{width:100%}

.chat-popup{width:min(600px,calc(100% - 24px));padding:22px}.chat-popup .message-history{max-height:55dvh;min-height:25dvh}.chat-popup::backdrop{background:#050710bb}.chat-popup .message-heading{padding-bottom:12px;border-bottom:1px solid var(--line)}

.chat-header-person{display:flex;align-items:center;gap:12px;min-width:0}.chat-header-person .chat-avatar .avatar{width:42px;height:42px;aspect-ratio:1;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:none}.chat-header-person .chat-window-person{min-width:0}.chat-header-person .chat-window-person strong{overflow-wrap:anywhere}

/* Align the two trailing labels with the name and conversation rows. */
.chat-person-details{position:relative;padding-right:96px}
.chat-conversation{position:static;display:block;min-height:22px}
.chat-open-hint{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:0;line-height:1.55}
.chat-open-hint time{line-height:24.8px}
.chat-open-hint>span{line-height:20.15px}

.inbox-actions{justify-content:flex-end}

nav button[data-view="messages"]{position:relative}.chat-unread-badge{display:grid;place-items:center;min-width:20px;height:20px;border-radius:12px;padding:0 5px;background:var(--accent);color:#15210b;font-size:11px;font-weight:700;line-height:1}@media(max-width:760px){nav .chat-unread-badge{position:absolute;top:2px;right:calc(50% - 25px);font-size:10px}}

.favorite-selections{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.favorite-chip{font-size:13px;padding:7px 10px;border-radius:20px;text-align:left;max-width:100%;overflow-wrap:anywhere}.favorite-selections:empty{display:none}

/* Story access from an author's profile picture, without changing profile links. */
.author-story-avatar{display:inline-grid;place-items:center;flex:none;padding:0;border:0;background:transparent;border-radius:50%;line-height:1}
.author-story-avatar .story-ring{width:54px;height:54px;padding:3px;border-width:2px}
.author-story-avatar .story-ring .avatar{width:44px;height:44px;font-size:inherit;border:0;padding:0}
.profile-avatar .author-story-avatar .story-ring{width:124px;height:124px;padding:4px;border-width:3px}
.profile-avatar .author-story-avatar .avatar{width:110px;height:110px;font-size:40px;border:0;padding:0}
.story-owner-profile{display:inline-grid;place-items:center;padding:0;border:0;background:transparent;flex:none;border-radius:50%}
@media(max-width:760px){.profile-avatar .author-story-avatar .story-ring{width:94px;height:94px}.profile-avatar .author-story-avatar .avatar{width:80px;height:80px;font-size:28px}}

/* One shared reply outline, including while typing. */
.story-reply-pill{align-items:center;overflow:hidden}.story-reply-pill:focus-within{border-color:#fff}.story-reply-pill input,.story-reply-pill input:focus,.story-reply-pill input:focus-visible{flex:1;width:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent}.story-reply-pill button{flex-shrink:0;border-radius:0;align-self:stretch}

/* Shared emoji/GIF controls for replies, comments and Chat. */
.reply-tools{display:flex;align-items:center;gap:2px;flex-shrink:0}.reply-tools button{padding:6px;min-width:28px;border:0;background:transparent;color:var(--muted);font-size:13px}.reply-tools button:first-child{font-size:22px}.reply-tools button:hover,.reply-tools button[aria-expanded=true]{color:var(--accent)}
.reply-picker-dock{position:relative;min-width:0}.reply-picker{position:absolute;bottom:100%;right:0;width:min(330px,calc(100vw - 48px));max-height:360px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 8px 35px #0008;z-index:20;color:var(--text)}.reply-picker[hidden]{display:none}.reply-picker-heading{display:flex;align-items:center;justify-content:space-between}.reply-picker-heading button{padding:4px 10px}.reply-picker label{font-size:12px;margin:8px 0}.reply-picker input{width:100%;padding:8px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-top:8px}.emoji-grid button{border:0;background:transparent;font-size:23px;padding:5px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.gif-grid button{padding:0;overflow:hidden}.gif-grid img{display:block;width:100%;height:75px;object-fit:contain}.reply-gif{display:block;max-width:min(240px,100%);max-height:220px;border-radius:10px;margin:8px 0;object-fit:contain}.reply-gif-preview:empty{display:none}.reply-gif-preview{position:relative;width:110px;margin:6px 0}.reply-gif-preview img{width:100%;max-height:85px;object-fit:contain;border-radius:8px}.reply-gif-preview button{position:absolute;right:0;top:0;padding:2px 7px;background:var(--panel)}.gif-error{font-size:12px;color:#ffafaf}.message-composer{flex-wrap:wrap}.message-composer>.reply-picker-dock,.comment-composer+.reply-picker-dock{width:100%}.story-reply-pill .reply-tools button{color:#fff;padding:3px;min-width:24px}.story-modal #story-interactions>.reply-picker-dock{position:absolute;left:0;right:0;bottom:100%}.story-modal .reply-picker{left:0;right:auto;bottom:0}.story-modal .reply-gif-preview{margin-bottom:8px}.comments-modal .reply-picker-dock{margin:0 16px}.message-composer+.reply-picker-dock{margin:0 0 8px}.comment-composer{gap:6px}.comment-composer .reply-tools{align-self:center}.comment-content p,.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:480px){.story-reply-pill input{padding:10px 8px;font-size:12px}.story-reply-pill>button{padding:6px 8px}.story-modal #story-interactions{gap:6px}.reply-tools button{padding:3px;min-width:24px}}

.comment-composer{grid-template-columns:minmax(0,1fr) auto auto}.comment-composer textarea{min-width:0;width:100%}.comment-composer+.reply-picker-dock{width:auto}.reply-picker{box-sizing:border-box}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.emoji-grid button{min-width:0;padding:4px 0}
@media(max-width:480px){.comment-composer{grid-template-columns:minmax(0,1fr) auto}.comment-composer textarea{grid-column:1/-1}.comment-composer>.reply-tools{grid-column:1}.comment-composer>.primary{grid-column:2}.reply-picker{max-width:calc(100vw - 64px)}}

.share-dialog{width:min(460px,calc(100vw - 32px));max-height:80dvh}.share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-heading h2{margin:0}.share-person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:8px 0}.share-person .avatar{width:40px;height:40px;flex-shrink:0}.share-person>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.share-person .meta{display:block}.shared-content{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--accent);padding:14px;margin:8px 0;white-space:normal}.shared-content span:last-child{margin-left:auto}.story-modal .story-share{background:transparent;border:0;color:white;font-size:26px;padding:0 3px;flex-shrink:0}

.chat-message-like{display:block;margin:6px 0 0 auto;padding:2px 6px;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1.3}.chat-message-like.liked,.chat-message-like[aria-pressed="true"]{color:var(--accent)}