:root{color-scheme:light;--bg:#f4f255;--paper:#fffdf6;--ink:#24221f;--muted:#626044;--line:#24221f;--field:#f6f3e9;--field-line:#d0cbbb;--pink:#ed91bb;--pink-ink:#341b2a;--accent:#b52259;--lavender:#e6dcf8;--green:#e6efd7;--blue:#dce8f6;--error:#a01b2e;--shadow:#24221f;--selection:#f3b3d3;--font-editorial:Georgia,"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;--warm-card:#fffdf6;--warm-ink:#24221f;--warm-muted:#626044;--warm-line:#24221f;--warm-field-line:#d0cbbb;--tape-bg:var(--paper);--tape-ink:var(--ink);--sticker-bg:transparent;--sticker-ink:var(--accent);--brand-mark-bg:transparent;--brand-mark-ink:var(--ink);}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#20242d;--paper:#2e3542;--ink:#fff5e8;--muted:#d7cfbf;--line:#e8e0d0;--field:#252b35;--field-line:#8795ac;--pink:#f37021;--pink-ink:#28170d;--accent:#ff8b3d;--lavender:#50387f;--green:#195951;--blue:#2b477f;--error:#ffb0b6;--shadow:#0c101a;--selection:#835723;--warm-card:#f37021;--warm-ink:#28170d;--warm-muted:#432513;--warm-line:#ffe0b9;--warm-field-line:#9d4314;--tape-bg:#f37021;--tape-ink:#28170d;--sticker-bg:#bda0ff;--sticker-ink:#271942;--brand-mark-bg:#f37021;--brand-mark-ink:#28170d}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#20242d;--paper:#2e3542;--ink:#fff5e8;--muted:#d7cfbf;--line:#e8e0d0;--field:#252b35;--field-line:#8795ac;--pink:#f37021;--pink-ink:#28170d;--accent:#ff8b3d;--lavender:#50387f;--green:#195951;--blue:#2b477f;--error:#ffb0b6;--shadow:#0c101a;--selection:#835723;--warm-card:#f37021;--warm-ink:#28170d;--warm-muted:#432513;--warm-line:#ffe0b9;--warm-field-line:#9d4314;--tape-bg:#f37021;--tape-ink:#28170d;--sticker-bg:#bda0ff;--sticker-ink:#271942;--brand-mark-bg:#f37021;--brand-mark-ink:#28170d}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}::selection{background:var(--selection)}button,input,textarea,select{font:inherit}button,a,summary,select{touch-action:manipulation}button,summary,select{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button:disabled{cursor:wait;opacity:.6}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}a,textarea,input{overflow-wrap:anywhere}.site-shell{max-width:1240px;margin:0 auto;padding:0 44px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 22px;border-bottom:2px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-size:20px;line-height:1;letter-spacing:0;border:2px solid var(--line);border-radius:50%}.header-right{display:flex;align-items:center;gap:22px}.owner-label{font-size:14px;color:var(--muted)}/* Compact icon theme picker. */
.theme-control{display:inline-flex;align-items:center;flex-shrink:0;gap:2px;padding:3px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);line-height:1;box-shadow:inset 0 1px 0 #ffffff25}
.theme-option{display:grid;place-items:center;width:40px;height:38px;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);transition:background-color .18s ease,color .18s ease,transform .18s ease}
.theme-option svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.theme-option:hover{background:var(--field);color:var(--ink)}
:root[data-theme-preference="light"] .theme-option[data-theme-option="light"],:root[data-theme-preference="dark"] .theme-option[data-theme-option="dark"],:root[data-theme-preference="system"] .theme-option[data-theme-option="system"]{background:var(--pink);color:var(--pink-ink);border-color:var(--line);box-shadow:0 1px 0 var(--shadow)}
.theme-option:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none}}
.ask-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:72px;padding:56px 0 55px;align-items:start}.tape-label{display:inline-block;background:var(--paper);border:2px solid var(--line);padding:5px 16px;border-radius:30px;font-size:13px;font-weight:600;transform:rotate(-3deg)}.hero-copy h1{font-size:clamp(48px,5.8vw,76px);font-weight:850;line-height:1.15;letter-spacing:-4px;margin:28px 0 25px}.pink-dot{color:var(--accent)}.hero-copy>p{font-size:16px;line-height:1.85}.type-sticker{position:relative;display:inline-block;font-size:25px;letter-spacing:-.5px;font-weight:850;line-height:1.05;transform:rotate(-7deg);color:var(--accent);margin:30px 0 32px}.type-sticker>span{position:absolute;font-size:52px;left:calc(100% + 28px);top:0}.hero-copy .hero-footnote{font-size:13px;color:var(--muted);line-height:1.8}.note-card{padding:27px 30px 21px;border:2px solid var(--line);background:var(--paper);box-shadow:8px 8px 0 var(--shadow);border-radius:3px;transform:rotate(.6deg)}.note-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid var(--line);padding-bottom:15px;margin-bottom:20px;font-size:14px;font-weight:500}.spark{font-size:28px;line-height:1;color:var(--accent)}label:not(.theme-control){display:block;font-size:14px;font-weight:650;margin-bottom:10px}textarea,input[type=text],input[type=email],input[type=password]{display:block;background:var(--field);color:var(--ink);width:100%;border:1px solid var(--field-line);border-radius:2px;padding:13px 15px;font-size:16px}textarea{resize:vertical;line-height:1.85;min-height:160px}textarea::placeholder,input::placeholder{color:var(--muted);opacity:.9}input{min-width:0}textarea:focus,input:focus,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.field-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-top:8px}.signature-field{margin-top:20px}.signature-field label{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:baseline}.signature-field label>span{font-size:12px;font-weight:400;color:var(--muted)}.signature-field input{padding:10px 13px}.email-details{margin:19px 0}.email-details summary{font-size:14px;min-height:28px}.email-details>div{padding-top:14px}.input-hint{color:var(--muted);font-size:12px;line-height:1.8;margin-top:9px}.mail-unavailable{font-size:12px;color:var(--muted);margin:18px 0}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);padding:11px 20px;min-height:45px;font-size:14px;font-weight:650;line-height:1.4;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 var(--shadow);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 var(--shadow)}.button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #00000012,0 1px 0 var(--shadow)}.button-pink{background:var(--pink);background-image:linear-gradient(180deg,#ffffff18,#00000005);color:var(--pink-ink)}.button-block{width:100%}.button-block>span{font-size:20px}.button-small{font-size:13px;padding:9px 15px;min-height:40px}.button-danger{color:var(--error);box-shadow:none}.consent{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.section-heading h2{font-size:27px;letter-spacing:-.7px;font-weight:800}.small-asterisk{display:inline-block;margin-left:13px;color:var(--accent);font-size:22px}.count-label{font-size:12px;color:var(--muted);background:var(--paper);padding:4px 12px;border:1px solid var(--line);border-radius:20px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.answer-card{background:var(--paper);padding:23px 25px 19px;border:2px solid var(--line);border-radius:3px;display:flex;flex-direction:column;min-width:0;box-shadow:3px 3px 0 var(--shadow)}.answer-card:nth-child(4n+2){background:var(--lavender)}.answer-card:nth-child(4n+3){background:var(--green)}.answer-card:nth-child(4n+4){background:var(--blue)}.answer-meta{display:flex;gap:12px;justify-content:space-between;font-size:12px;color:var(--muted);align-items:baseline}.answer-meta>span{overflow-wrap:anywhere}.answer-meta time{flex-shrink:0}.answer-card h3{font-size:21px;line-height:1.5;margin:15px 0 20px;font-weight:750}.answer-card h3 a{text-decoration:none}.answer-card h3 a:hover{text-decoration:underline}.answer-preview{padding-top:17px;border-top:1px dashed var(--field-line);margin-bottom:20px}.reply-label{font-size:12px;display:block;font-weight:600;color:var(--muted);margin-bottom:8px}.answer-preview p{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.answer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-top:auto}.answer-bottom>a{font-weight:600;color:var(--ink)}.empty-wall{display:flex;align-items:center;gap:28px;min-height:195px;padding:30px 38px;border:2px dashed var(--line);background:var(--paper)}.empty-mark{font-size:90px;line-height:1;color:var(--accent);font-weight:600}.empty-wall h3,.empty-wall h2{font-size:22px}.empty-wall p{font-size:14px;color:var(--muted);margin-top:8px}.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:56px;border-top:2px solid var(--line);padding:23px 0 30px;color:var(--muted);font-size:12px}.site-footer nav{display:flex;gap:24px}.footer-star{margin-left:12px;font-size:16px;color:var(--accent)}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:35px;font-size:14px}.messages{margin-top:20px;background:var(--paper);padding:13px 20px;border:2px solid var(--line);font-size:14px}.form-errors,.field-error{color:var(--error);font-size:13px;line-height:1.8;margin:12px 0}.form-errors{padding:10px 13px;border:1px solid var(--error);background:var(--paper)}.form-errors ul{margin:0;padding-left:20px}.errorlist{font-size:13px;color:var(--error);padding-left:20px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.detail-wrap,.editor-wrap{padding:32px 0}.back-link{font-size:13px;display:inline-block;margin-bottom:25px}.full-letter{max-width:870px;margin:0 auto;padding:36px 42px;background:var(--paper);border:2px solid var(--line);box-shadow:7px 7px 0 var(--shadow)}.letter-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:var(--muted)}.paper-tab{background:var(--pink);color:var(--pink-ink);padding:5px 14px;transform:rotate(4deg);font-size:13px;border:1px solid var(--line)}.question-text{font-size:27px;line-height:1.65;margin:28px 0!important;font-weight:750}.full-reply{border-top:2px solid var(--line);padding:25px 0 30px}.prose{font-size:17px;line-height:1.95;overflow-wrap:anywhere}.message-card,.login-card{max-width:650px;position:relative;margin:75px auto 90px;padding:42px;border:2px solid var(--line);background:var(--paper);box-shadow:8px 8px 0 var(--shadow)}.message-card h1,.login-card h1{font-size:33px;line-height:1.45;margin:28px 0 16px;letter-spacing:-1px}.message-card p,.login-card>p{color:var(--muted);font-size:15px;margin-bottom:26px}.message-star{position:absolute;right:25px;top:15px;font-size:60px;color:var(--accent);transform:rotate(12deg)}.login-card label{margin-top:20px}.login-card form>.button{margin-top:28px}.policy-card{margin:50px auto;max-width:830px;padding:40px;background:var(--paper);border:2px solid var(--line);box-shadow:7px 7px 0 var(--shadow)}.policy-card h1{font-size:38px;margin:26px 0}.policy-card h2{font-size:21px;margin:26px 0 10px}.policy-card p{font-size:15px;line-height:1.9;color:var(--muted)}.policy-card .button{margin-top:30px}.owner-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:40px 0 30px}.owner-heading h1{font-size:41px;line-height:1.3;letter-spacing:-1px;margin:24px 0 10px}.owner-heading p{font-size:14px;color:var(--muted)}.inbox-tabs{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:28px}.inbox-tabs a{display:flex;gap:12px;text-decoration:none;border:2px solid var(--line);padding:10px 18px;background:var(--paper);font-size:14px;font-weight:600;min-height:45px}.inbox-tabs a[aria-current=page]{background:var(--pink);color:var(--pink-ink);box-shadow:3px 3px 0 var(--shadow)}.inbox-tabs span{font-size:12px}.inbox-list{display:grid;gap:16px}.inbox-item{background:var(--paper);border:2px solid var(--line);padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:28px}.inbox-item>div{min-width:0;flex:1}.inbox-item .button{flex-shrink:0}.inbox-item h2{font-size:20px;line-height:1.6;margin:12px 0}.inbox-item h2 a{text-decoration:none}.inbox-status{display:inline-block;font-size:12px;color:var(--muted)}.editor-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:start}.original-note{padding:28px;border:2px solid var(--line);background:var(--lavender);transform:rotate(-.5deg)}.original-note .answer-meta{margin-top:25px}.original-note h1{font-size:23px;line-height:1.75;margin:16px 0 22px}.original-note .inbox-status{margin-top:18px}.text-link{display:block;font-size:13px;margin-top:12px;width:fit-content}.delete-form{margin-top:30px;border-top:1px solid var(--field-line);padding-top:20px}.editor-card{border:2px solid var(--line);background:var(--paper);box-shadow:6px 6px 0 var(--shadow);padding:28px}.editor-card textarea{min-height:290px}.checkbox-label{display:flex!important;align-items:flex-start;gap:9px;margin:19px 0!important;font-weight:400!important;font-size:13px!important}.checkbox-label input{accent-color:var(--accent);margin-top:5px;flex-shrink:0}.editor-actions{display:flex;justify-content:space-between;gap:16px;margin-top:24px}
/* Serif display type pairs with the practical sans-serif form and body text. */
.brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.055em}
.hero-copy h1,.section-heading h2,.question-text,.message-card h1,.login-card h1,.policy-card h1,.owner-heading h1{font-family:var(--font-editorial);font-weight:700;letter-spacing:-.035em}
.owner-label,.note-heading,.reply-label{font-family:var(--font-editorial);font-weight:700}
.brand-mark{background:var(--brand-mark-bg);color:var(--brand-mark-ink);font-family:Georgia,"Times New Roman",serif}
.tape-label{background:var(--tape-bg);color:var(--tape-ink)}
.type-sticker{font-family:Georgia,"Times New Roman",serif;background:var(--sticker-bg);color:var(--sticker-ink);padding:8px 12px;border-radius:2px}
.type-sticker>span{color:var(--accent)}
.answer-card:nth-child(4n+1){background:var(--warm-card);--ink:var(--warm-ink);--muted:var(--warm-muted);--line:var(--warm-line);--field-line:var(--warm-field-line);color:var(--ink)}
@media(min-width:1500px){.site-shell{padding:0 36px}}@media(max-width:850px){.site-shell{padding:0 28px}.ask-layout{gap:32px;padding:40px 0}.hero-copy h1{font-size:53px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.note-card{padding:23px}.owner-label{display:none}.header-right{gap:10px}.editor-layout{gap:22px}.editor-card,.original-note{padding:22px}.hero-footnote br{display:none}}@media(max-width:640px){.site-shell{padding:0 20px}.site-header{padding:20px 0;gap:10px}.brand{font-size:19px;letter-spacing:-1px;gap:7px}.brand-mark{width:22px;height:22px;font-size:16px}.ask-layout{grid-template-columns:1fr;gap:32px;padding:32px 0 42px}.hero-copy h1{font-size:58px;line-height:1.1;margin:25px 0 18px}.hero-copy>p{font-size:15px}.type-sticker{position:absolute;right:35px;top:230px;font-size:16px;transform:rotate(9deg)}.type-sticker>span{display:none}.hero-copy .hero-footnote{margin-top:15px;font-size:12px;max-width:none}.hero-footnote br{display:initial}.note-card{transform:none;padding:22px 20px;box-shadow:5px 5px 0 var(--shadow)}.section-heading{gap:10px;margin-bottom:18px}.section-heading h2{font-size:22px}.count-label{font-size:11px}.small-asterisk{margin-left:9px}.answer-grid{grid-template-columns:1fr;gap:18px}.answer-card{padding:20px}.answer-card h3{font-size:20px}.empty-wall{padding:24px 22px;gap:18px;min-height:160px}.empty-mark{font-size:65px}.empty-wall h3,.empty-wall h2{font-size:19px}.site-footer{margin-top:38px;align-items:flex-start}.site-footer nav{gap:20px}.detail-wrap,.editor-wrap{padding-top:23px}.full-letter{padding:24px 22px;box-shadow:4px 4px 0 var(--shadow)}.question-text{font-size:23px}.prose{font-size:16px}.message-card,.login-card{margin:45px auto;padding:30px 24px;box-shadow:5px 5px 0 var(--shadow)}.message-card h1,.login-card h1{font-size:28px}.message-star{font-size:38px;right:12px;top:12px}.policy-card{margin:30px auto;padding:28px 23px}.policy-card h1{font-size:30px}.owner-heading{align-items:flex-start;padding:30px 0 23px}.owner-heading h1{font-size:29px}.owner-heading .button{white-space:nowrap;padding:8px 10px}.inbox-tabs{gap:10px}.inbox-tabs a{padding:9px 12px;font-size:13px}.inbox-item{padding:18px;gap:12px;align-items:flex-start;flex-direction:column}.inbox-item h2{font-size:18px}.inbox-item .button{align-self:flex-end}.editor-layout{grid-template-columns:1fr;gap:24px}.original-note{transform:none}.editor-card{padding:21px}.editor-actions{gap:10px}.editor-actions .button{flex:1;padding:10px}.letter-top{gap:10px}}@media(max-width:360px){.site-shell{padding:0 16px}.brand{font-size:17px}.hero-copy h1{font-size:51px}.type-sticker{position:relative;right:auto;top:auto;margin:18px 0 8px}.count-label{padding:3px 9px}.section-heading h2{font-size:21px}.small-asterisk{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

@media(max-width:640px){.type-sticker{position:relative;right:auto;top:auto;margin:20px 0 8px;transform:rotate(-5deg)}}

.owner-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mail-settings{margin:0 0 24px}.mail-settings h2{margin-top:0;font-family:var(--serif)}.mail-settings p{line-height:1.8}.mail-status{font-weight:700}.mail-config-value{display:block;overflow-wrap:anywhere;padding:14px;border:1px solid var(--line);font-size:14px}.mail-config-list{margin:24px 0}.mail-config-list dt{font-weight:600;margin-top:14px}.mail-config-list dd{margin:5px 0 0;overflow-wrap:anywhere;color:var(--muted)}.mail-settings input{max-width:480px}.mail-settings button:disabled{opacity:.5;cursor:not-allowed}

.pagination{gap:10px;flex-wrap:wrap}.page-number{min-width:44px;padding:9px 12px}.page-number[aria-current=page]{font-weight:800}

/* Public answer wall reading entry. */
.answer-wall-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reader-entry{gap:9px}.reader-entry>span:first-child{font-size:18px}.reader-entry>span:last-child{font-size:17px}@media(max-width:640px){.answer-wall-actions{width:100%;justify-content:space-between;gap:10px}.reader-entry{min-height:44px}}

/* A small invitation, followed by a wall of colorful letters. */
.header-ask{white-space:nowrap;gap:10px}
.browse-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.7fr) minmax(170px,.8fr);align-items:center;gap:clamp(20px,2.8vw,40px);padding:30px 0 32px;border-bottom:2px dashed var(--line);margin-bottom:30px}
.browse-intro h1{font-family:var(--font-editorial);font-size:clamp(36px,4.7vw,58px);line-height:1.18;letter-spacing:-.04em;margin:22px 0 16px}
.browse-intro p{font-size:15px;line-height:1.8;color:var(--muted)}
.browse-summary{position:relative;justify-self:center;width:100%;max-width:240px;padding:23px 22px 20px;background:var(--green);border:1.5px solid var(--line);box-shadow:4px 4px 0 var(--shadow);transform:rotate(-3deg)}
.browse-summary::before{content:"";position:absolute;width:54px;height:16px;top:-9px;left:calc(50% - 27px);background:var(--paper);border:1px solid var(--field-line);transform:rotate(5deg);opacity:.85}
.browse-stats{margin:0}
.browse-stats dt{font-size:11px;color:var(--muted);margin-bottom:8px}
.browse-stats dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0;line-height:1.15}
.browse-stats dd strong{font-size:clamp(32px,3.8vw,48px);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.browse-stats dd span{font-size:11px;color:var(--muted);white-space:nowrap}
.browse-topics{display:inline-block;font-size:10px;margin-top:13px;padding:3px 8px;border:1px solid var(--field-line);border-radius:20px;background:var(--paper)}
.browse-summary p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px;padding-top:12px;border-top:1px dashed var(--field-line)}
.browse-invitation{display:flex;flex-direction:column;align-items:center;padding:8px 0}
.browse-sticker{font-family:Georgia,serif;font-size:clamp(17px,1.9vw,24px);font-weight:700;line-height:.95;letter-spacing:-1px;transform:rotate(8deg);border:2px solid var(--line);background:var(--lavender);padding:15px 17px;box-shadow:4px 4px 0 var(--shadow);position:relative;margin-bottom:24px}
.browse-invitation .ask-cta{font-size:clamp(13px,1.4vw,17px);gap:14px;padding:11px 17px}
.ask-cta{font-size:17px;min-height:56px;padding:12px 20px 12px 24px;gap:22px;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 var(--shadow)}
.browse-invitation p{font-size:12px;color:var(--muted);margin-top:13px}
.section-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted);margin-bottom:7px}
.browse-page .section-heading{margin-bottom:20px;align-items:center}
.browse-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}
.view-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 2px 0 var(--shadow)}
.view-tabs a{padding:8px 18px;text-decoration:none;font-size:14px;font-weight:650;min-height:40px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:8px;color:var(--muted);transition:background-color .18s,color .18s,box-shadow .18s}
.view-tabs a+a{border-left:1px solid transparent}
.view-tabs a[aria-current=page]{background:var(--pink);color:var(--pink-ink);border-color:var(--line);box-shadow:0 1px 0 var(--shadow)}
.result-count{font-size:12px;color:var(--muted);text-align:right;overflow-wrap:anywhere}
.answer-wall{overflow-anchor:none}
#answers-title{scroll-margin-top:24px}
.answer-wall[aria-busy=true] .result-count{opacity:.45;transition:opacity .2s .1s}
.browse-feedback{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:20px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:13px}
.browse-feedback[hidden]{display:none}
.browse-feedback button{font:inherit;font-weight:650;color:var(--ink);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px;padding:0 8px;white-space:nowrap}
.tag-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}
@media(max-width:640px){.browse-controls{flex-wrap:wrap}}
.tag-chip{display:inline-flex;align-items:center;min-height:40px;padding:7px 15px;border:1px solid var(--line);border-radius:22px;background:var(--paper);font-size:12px;text-decoration:none;overflow-wrap:anywhere;max-width:100%;box-shadow:inset 0 1px 0 #ffffff25;transition:transform .18s,box-shadow .18s}
.tag-chip:nth-child(3n+2){background:var(--lavender)}
.tag-chip:nth-child(3n+3){background:var(--green)}
.tag-chip[aria-current=page]{background:var(--ink);color:var(--paper);font-weight:700}
.tag-chip:hover{transform:translateY(-1px);box-shadow:0 2px 0 var(--shadow)}
.browse-page .answer-grid{gap:26px}
.browse-page .answer-card{position:relative;padding:24px 26px 21px;box-shadow:5px 5px 0 var(--shadow)}
.browse-page .answer-card h3{font-size:23px;line-height:1.5;margin:17px 0 20px;overflow-wrap:anywhere}
.card-stamp{font-size:11px;font-weight:650;border:1px solid var(--line);padding:2px 8px;border-radius:2px;flex-shrink:0;transform:rotate(3deg)}
.card-tags{display:flex;flex-wrap:wrap;gap:7px 14px;margin:0 0 20px;font-size:12px}
.card-tags a{color:var(--ink);text-decoration:none;max-width:100%;overflow-wrap:anywhere;min-height:28px;display:inline-flex;align-items:center}
.card-tags a:hover{text-decoration:underline}
.browse-page .answer-bottom{border-top:1px solid var(--field-line);padding-top:13px}
.empty-action{margin-top:16px}
.ask-back{margin:25px 0 0}
.ask-page .ask-layout{padding-top:26px}
.message-again{margin-left:12px}
.classification-form{border-top:1px dashed var(--field-line);margin-top:24px;padding-top:22px}
.classification-form h2{font-family:var(--font-editorial);font-size:21px;margin-bottom:12px}
.classification-form fieldset{border:0;padding:0;margin:16px 0}
.classification-form legend{font-size:13px;font-weight:600;margin-bottom:8px}
.classification-form [data-tag-options]{display:flex;flex-wrap:wrap;gap:8px 12px}
.classification-form [data-tag-options]>div{display:flex;flex-wrap:wrap;gap:8px 12px}
.classification-form [data-tag-options] label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:400;margin:0;overflow-wrap:anywhere}
.classification-form input[type=checkbox]{width:16px;min-height:16px;flex:none;accent-color:var(--accent);box-shadow:none}
.classification-form>label:not(.checkbox-label){font-size:13px;margin:14px 0 8px}
.classification-form .button{margin-top:12px}
.classification-form [data-classification-status]{min-height:24px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.header-right{gap:14px}.owner-label{display:none}.browse-summary{padding:20px 16px 18px}.browse-topics{padding:3px 6px;font-size:9px}}
@media(max-width:640px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0 15px}
  .header-right{display:contents}.site-header .brand{grid-column:1;grid-row:1;font-size:20px}
  .header-ask{grid-column:2;grid-row:1;min-height:40px;padding:8px 12px;font-size:12px;gap:7px}
  .theme-control{grid-column:2;grid-row:2;justify-self:end}
  .browse-hero{grid-template-columns:1fr auto;gap:12px;padding:25px 0 26px;margin-bottom:25px}
  .browse-intro .tape-label{font-size:11px;padding:5px 8px}
  .browse-intro h1{font-size:34px;line-height:1.22;margin:17px 0 11px}
  .browse-intro p{font-size:12px;line-height:1.85}.desktop-break{display:none}
  .browse-summary{display:none}
  .browse-invitation{padding:0;align-self:center}.browse-sticker{font-size:15px;padding:13px 10px;margin-bottom:20px;transform:rotate(7deg)}
  .ask-cta{font-size:13px;padding:9px 10px 9px 13px;gap:10px;min-height:46px;box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 var(--shadow)}
  .browse-invitation .ask-cta{font-size:13px;padding:9px 10px 9px 13px;gap:10px}
  .browse-invitation p{font-size:10px;margin-top:10px;max-width:90px;text-align:center}
  .browse-page .section-heading{gap:12px;margin-bottom:17px;flex-wrap:nowrap}
  .browse-page .section-heading h2{font-size:22px}.browse-page .reader-entry{font-size:12px;padding:8px 10px;white-space:nowrap;gap:6px}
  .browse-page .reader-entry>span:first-child{display:none}.section-kicker{font-size:9px;margin-bottom:5px}
  .browse-controls{gap:12px;margin-bottom:16px}.view-tabs a{font-size:13px;padding:8px 12px;gap:8px}
  .result-count{font-size:11px}.tag-filters{gap:8px;margin-bottom:20px}.tag-chip{min-height:40px;padding:7px 12px}
  .browse-page .answer-grid{gap:21px}.browse-page .answer-card{padding:21px 20px;box-shadow:4px 4px 0 var(--shadow)}
  .browse-page .answer-card h3{font-size:21px}.card-tags{margin-bottom:15px}
  .message-again{margin:12px 0 0}.ask-back{margin-top:20px}
}
@media(max-width:360px){.browse-intro h1{font-size:29px}.browse-hero{gap:10px}.ask-cta{font-size:12px;padding:10px}.browse-page .section-heading h2{font-size:20px}.view-tabs a{padding:9px 12px}.site-header .brand{font-size:18px}}

/* Compact details for the primary action and quiet browsing controls. */
.ask-cta>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:17px;line-height:1;background:#ffffff20;flex-shrink:0;transition:transform .18s ease}
.ask-cta:hover>span{transform:rotate(8deg)}
.header-ask>span,.reader-entry>span:last-child{display:inline-block;transition:transform .18s ease}
.header-ask:hover>span,.reader-entry:hover>span:last-child{transform:translate(1px,-1px)}
.view-tabs a:not([aria-current]):hover{color:var(--ink);background:var(--field)}
.page-number{border-radius:9px;min-height:42px;font-variant-numeric:tabular-nums}
.page-number[aria-current=page]{box-shadow:inset 0 1px 0 #ffffff30,0 1px 0 var(--shadow)}
.button:disabled{transform:none;box-shadow:none;cursor:default}
.button-danger{box-shadow:none}
@media(max-width:360px){.site-header .brand{font-size:16px;gap:5px}.site-header .brand-mark{width:20px;height:20px;font-size:14px}.theme-option{width:36px}}
@media(max-width:640px){.ask-cta>span{width:22px;height:22px;font-size:14px}.header-ask{border-radius:9px}.browse-page .reader-entry{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.button,.tag-chip,.view-tabs a,.ask-cta>span,.header-ask>span,.reader-entry>span:last-child,.answer-wall[aria-busy=true] .result-count{transition:none}}