.sup-page{--c-bg: #0f1114;--c-surface: #181c21;--c-surface-2: #20252b;--c-surface-3: #292f36;--c-well: rgba(4, 6, 10, .35);--c-text: rgba(244, 247, 250, .9);--c-soft: rgba(244, 247, 250, .6);--c-faint: rgba(244, 247, 250, .4);--c-accent: #c3cfdb;--c-accent-ink: #10161d;--c-mine: #343c46;--c-mine-ink: rgba(244, 247, 250, .92);--c-theirs: #20252c;--c-door: rgba(20, 24, 30, .42);--c-hero-tint: rgba(10, 13, 18, .42);--c-good: #8fcf8a;--c-wait: #c9b98a;--c-staff: #d8bd72;--c-helpful: #e5564e;--c-neutral: #e7ebef;--c-neutral-ink: #111418;--c-blue: #b3d6ff;--c-blue-ink: #05101c;--c-thread: rgba(215, 225, 240, .1);--c-ring: rgba(195, 207, 219, .8);--r-shell: 20px;--r-panel: 14px;--r-row: 12px;--r-ctl: 10px;--font-display: "Fredoka", "Quicksand", system-ui, sans-serif;color:var(--c-text);font:600 14px/1.5 Quicksand,system-ui,sans-serif}.sup-page button,.sup-page input,.sup-page textarea{font:inherit;color:inherit}.sup-page button{cursor:pointer}.sup-page :focus-visible{outline:none;box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-ring)}.sup-page img{display:block;max-width:100%}.sup-page [hidden]{display:none!important}.sup-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}body.sup-body{-webkit-user-select:none;user-select:none}.sup-page .bubble,.sup-page .op h1,.sup-page .op-body,.sup-page .comment-body,.sup-page input,.sup-page textarea{-webkit-user-select:text;user-select:text}html:has(body.sup-body){scroll-behavior:auto}.sup-page .letter:hover:not(:disabled):not([aria-current=true]),.sup-page .attach-btn:hover,.sup-page .send-bare:hover:not(:disabled),.sup-page .act:hover,.sup-page .btn.is-quiet:hover,.sup-page .back:hover,.sup-page .expand:hover{background:#ffffff0f}.sup-hero{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:120px 24px 96px;isolation:isolate;text-align:center}.sup-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--sup-hero-img) center 70% / cover no-repeat}.sup-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,var(--c-bg) 100%),var(--c-hero-tint);opacity:0;transition:opacity .7s cubic-bezier(.65,0,.35,1)}body.has-door .sup-hero:after{opacity:1}html body .sky-nav .sky-brand-svg{filter:none}.sky-nav .sky-brand{filter:drop-shadow(0 0 0 rgb(255 255 255 / 0)) drop-shadow(0 0 0 rgb(255 255 255 / 0));transition:filter .4s ease}.sky-nav .sky-brand-ear path{fill:#fff;transition:fill .4s ease}.sky-nav .sky-brand-word{background-color:#fff;transition:background-color .4s ease}.sky-nav .sky-brand-word:after{display:none}body:not(.has-door) .sky-nav:not(.scrolled) .sky-brand-ear path{fill:#0d0d0d}body:not(.has-door) .sky-nav:not(.scrolled) .sky-brand-word{background-color:#0d0d0d}body:not(.has-door) .sky-nav:not(.scrolled) .sky-nav-group:not(:hover):not(.is-open)>.sky-nav-trigger,body:not(.has-door) .sky-nav:not(.scrolled) .sky-nav-cta:not(:hover):not(:focus-visible){color:#0d0d0d}html body .sky-nav .sky-brand:is(:hover,:focus-visible) .sky-brand-ear path{fill:#fff}html body .sky-nav .sky-brand:is(:hover,:focus-visible) .sky-brand-word{background-color:#fff}.sky-nav .sky-brand:is(:hover,:focus-visible){filter:drop-shadow(0 0 2px rgb(255 255 255 / .75)) drop-shadow(0 0 7px rgb(255 255 255 / .4))}.sup-hero h1{margin:0 0 40px;font:600 clamp(44px,7vw,84px)/1 var(--font-display);color:#fff;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.28)}.doors{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.door{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:8px 20px 8px 16px;border:0;border-radius:var(--r-panel);background:var(--c-door);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#fff;font:600 18px var(--font-display)}.door:active{transform:scale(.98)}.door[aria-pressed=true]{background:#ffffff38}.door-icon{display:grid;place-items:center;width:26px;height:26px}.door-icon svg{width:24px;height:24px;fill:#fff}.sup-hero{transition:min-height .6s cubic-bezier(.65,0,.35,1),padding .6s cubic-bezier(.65,0,.35,1)}body.has-door .sup-hero{min-height:50vh;min-height:50svh;padding:96px 24px 32px}.title-fold{display:grid;grid-template-rows:1fr;transition:grid-template-rows .6s cubic-bezier(.65,0,.35,1),opacity .3s ease}.title-fold>div{min-height:0;overflow:hidden}body.has-door .title-fold{grid-template-rows:0fr;opacity:0}@keyframes sup-stage-open{0%{opacity:0}to{opacity:1}}@keyframes sup-stage-close{0%{opacity:1}to{opacity:0}}.stage.is-entering{animation:sup-stage-open .5s ease both}.stage.is-entering.after-fold{animation-delay:.42s}.stage.is-leaving{animation:sup-stage-close .26s ease both}@media(prefers-reduced-motion:reduce){.sup-hero,.sup-hero:after,.title-fold{transition:none}.stage.is-entering,.stage.is-leaving{animation:none}}.stage{position:relative;z-index:1;width:min(1040px,calc(100% - 32px));margin:-120px auto 0;padding:16px 0 120px}body.has-door .stage{margin-top:0}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.stage-head h2{margin:0;font:600 30px/1.1 var(--font-display);color:#fff}.stage-side{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.whoami{display:flex;align-items:center;gap:8px;color:var(--c-faint);font-size:13px}.whoami img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--c-surface-2)}.whoami b{color:var(--c-text);font-size:14px}.whoami a.signin{color:var(--c-text);text-decoration:underline;text-underline-offset:3px}.btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:var(--r-ctl);background:var(--c-surface-2);color:var(--c-text);font-weight:700}.btn:active{transform:scale(.97)}.btn svg{width:16px;height:16px;fill:currentColor}.btn.is-primary{background:var(--c-accent);color:var(--c-accent-ink)}.btn.is-blue{background:var(--c-blue);color:var(--c-blue-ink)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.is-quiet{background:transparent;color:var(--c-soft)}.field{width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:var(--r-ctl);background:var(--c-well);color:var(--c-text);font-weight:600;outline:none;resize:none}.field::placeholder{color:var(--c-faint)}.field:focus{box-shadow:inset 0 0 0 2px var(--c-ring)}.form-note{margin:0;padding:0 4px;color:var(--c-wait);font-size:13px}.form-note:empty{display:none}.dd{position:relative;display:inline-block}.dd-trigger{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 14px;border:0;border-radius:var(--r-ctl);background:var(--c-surface-2);color:var(--c-text);font-weight:700;white-space:nowrap}.dd-trigger small{color:var(--c-faint);font-weight:600;font-size:13px}.dd-trigger svg{width:14px;height:14px;fill:var(--c-soft);transition:transform .16s ease}.dd-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.dd-trigger.is-confirmed{animation:sup-dd-confirm .52s ease}@keyframes sup-dd-confirm{0%{box-shadow:inset 0 0 0 2px var(--c-accent)}to{box-shadow:inset 0 0 0 2px transparent}}.dd-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:40;min-width:100%;max-height:300px;overflow:auto;margin:0;padding:6px;list-style:none;border-radius:var(--r-panel);background:#1e2329;box-shadow:0 18px 44px #0000008c}.dd.is-right .dd-menu{left:auto;right:0}.dd.is-up .dd-menu{top:auto;bottom:calc(100% + 6px)}.dd-menu li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:9px 12px;border-radius:8px;white-space:nowrap;cursor:pointer;color:var(--c-soft)}.dd-menu li.is-active{background:#ffffff12;color:var(--c-text)}.dd-menu li svg{width:14px;height:14px;fill:var(--c-accent);opacity:0}.dd-menu li[aria-selected=true]{color:#fff}.dd-menu li[aria-selected=true] svg{opacity:1}.mailroom{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:560px;border-radius:var(--r-shell);background:color-mix(in srgb,var(--c-surface) 78%,transparent);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);overflow:hidden}.tray{padding:16px;background:#0000002e;display:flex;flex-direction:column;gap:4px;max-height:680px;overflow-y:auto}.tray-head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 8px 12px}.tray-head b{font:600 20px var(--font-display);color:#fff}.tray-head span{color:var(--c-faint);font-size:14px;font-weight:700}.letter{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;width:100%;padding:10px;border:0;border-radius:var(--r-row);background:transparent;text-align:left}.letter>span:last-child{min-width:0}.letter[aria-current=true]{background:#ffffff14}.envelope{display:grid;place-items:center;width:40px;height:40px}.envelope svg{width:24px;height:24px;fill:var(--c-soft)}.letter[aria-current=true] .envelope svg{fill:var(--c-text)}.envelope.has-news svg{fill:var(--c-accent)}.letter-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text);font-weight:700}.letter-meta{display:block;color:var(--c-faint);font-size:12.5px}.letter-meta .is-news{color:var(--c-accent)}.letter-meta .is-wait{color:var(--c-wait)}.slot{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px}.slot .envelope svg{fill:#ffffff1f}.compose-row{margin-top:auto;padding-top:8px}.compose-row .envelope svg{fill:var(--c-accent)}.compose-row .letter:disabled{opacity:.45;cursor:default}.tray-empty{padding:8px;color:var(--c-faint);font-size:13px}.convo{display:flex;flex-direction:column;min-width:0}.convo-subject{text-align:center;color:var(--c-faint);font-size:12.5px;margin:20px 24px 4px}.bubbles{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px 24px 24px;overflow-y:auto;max-height:520px}.bubble-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:min(520px,78%);margin-top:12px}.bubble-group.is-mine{align-self:flex-end;align-items:flex-end}.bubble-from{padding:0 4px;color:var(--c-staff);font-size:12.5px;font-weight:700}.bubble{padding:10px 14px;border-radius:var(--r-row);background:var(--c-theirs);color:var(--c-text);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-group.is-mine .bubble{background:var(--c-mine);color:var(--c-mine-ink)}.bubble-when{color:var(--c-faint);font-size:11.5px;padding:0 4px}.convo-foot{display:flex;justify-content:flex-end;padding:0 24px}.convo-closed{margin:0 24px 24px;padding:14px 16px;border-radius:var(--r-row);background:#ffffff0a;color:var(--c-soft);text-align:center}.convo-empty{flex:1;display:grid;place-items:center;padding:48px 24px;color:var(--c-faint);text-align:center}.reply-wrap{display:flex;flex-direction:column;gap:8px;padding:12px 24px 24px}.reply-bar{display:flex;gap:8px;align-items:flex-end}.msg-box{flex:1;min-width:0;display:flex;align-items:flex-end;border-radius:var(--r-ctl);background:var(--c-well)}.msg-box:focus-within{box-shadow:inset 0 0 0 2px var(--c-ring)}.msg-box .field{background:transparent;min-height:46px;max-height:180px;padding:12px 4px 12px 14px}.msg-box .field:focus{box-shadow:none}.send-bare,.attach-btn{flex:none;display:grid;place-items:center;height:46px;border:0;padding:0;border-radius:var(--r-ctl);background:transparent}.send-bare{width:46px;color:var(--c-accent)}.attach-btn{width:40px;color:var(--c-soft)}.send-bare:active,.attach-btn:active{transform:scale(.9)}.send-bare svg{width:22px;height:22px;fill:currentColor}.attach-btn svg{width:22px;height:22px;fill:currentColor}.attach-btn[aria-pressed=true]{color:var(--c-accent)}.confirm-row{display:flex;align-items:center;gap:8px;color:var(--c-soft);font-size:13px;flex-wrap:wrap}@property --cool{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@keyframes sup-cool-fill{0%{--cool: 0%}to{--cool: 100%}}.is-cooling svg{-webkit-mask:linear-gradient(90deg,#000 var(--cool),rgba(0,0,0,.22) var(--cool));mask:linear-gradient(90deg,#000 var(--cool),rgba(0,0,0,.22) var(--cool));animation:sup-cool-fill var(--cool-ms, 2s) linear var(--cool-delay, 0ms) both}.send-bare:disabled,.btn.is-cooling{cursor:default;transform:none}.send-bare:disabled:not(.is-cooling) svg{opacity:.25}.btn.is-cooling{opacity:1}.compose{display:flex;flex-direction:column;flex:1;padding:24px;gap:14px}.compose h3{margin:0;font:600 24px var(--font-display);color:#fff}.compose-to{display:flex;align-items:center;gap:12px;color:var(--c-soft);flex-wrap:wrap}.compose-to[hidden]{display:none}.compose .field.compose-title{font-size:16px}.compose .field.compose-ref{width:168px;font-variant-numeric:tabular-nums}.compose textarea.field{flex:1;min-height:240px;padding:16px;font-size:16px;line-height:1.6}.compose-foot{display:flex;align-items:center;gap:8px}.compose-foot .spacer{flex:1}.shopbar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search{flex:1 1 240px;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:var(--r-ctl);background:var(--c-surface)}.search:focus-within{box-shadow:inset 0 0 0 2px var(--c-ring)}.search svg{width:18px;height:18px;fill:var(--c-faint);flex:none}.search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:15px}.search input::placeholder{color:var(--c-faint)}.shopbar .dd-trigger{min-height:44px;background:var(--c-surface)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;border-radius:var(--r-panel);background:var(--c-surface);text-align:left;cursor:pointer}.card:active{background:var(--c-surface-2)}.card-hit{position:absolute;inset:0;border:0;padding:0;border-radius:inherit;background:transparent;cursor:pointer}.card-body,.card-thumb{pointer-events:none}.card .pfp-link{pointer-events:auto}.card-thumb{width:84px;height:84px;border-radius:var(--r-ctl);overflow:hidden;background:transparent}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.card-title{margin:0;font:600 16px/1.3 var(--font-display);color:#fff;overflow-wrap:anywhere}.card-text{margin:0;color:var(--c-soft);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--c-faint);font-size:12.5px;flex-wrap:wrap}.dot{width:3px;height:3px;border-radius:50%;background:currentColor}.is-solved{color:var(--c-good)}.is-open{color:var(--c-soft)}.pfp-link{position:relative;z-index:1;display:inline-grid;flex:none;border-radius:50%;transition:box-shadow .16s ease}.pfp-link:hover,.pfp-link:focus-visible{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-blue),0 0 16px 3px #b3d6ff80}.avatar{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--av, #3a3936);color:#fff;font-size:12px;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.card-skel{border-radius:var(--r-panel);background:linear-gradient(100deg,#ffffff09 0% 34%,#ffffff1b 50%,#ffffff09 66% 100%);background-size:260% 100%;animation:sup-skel-sweep 1.9s linear infinite}@keyframes sup-skel-sweep{0%{background-position:100% 0}to{background-position:0% 0}}@media(prefers-reduced-motion:reduce){.card-skel{animation-duration:4s}}.mall-end{min-height:1px;padding-top:24px;text-align:center;color:var(--c-faint);font-size:13px}.empty{padding:48px 24px;text-align:center;color:var(--c-faint);border-radius:var(--r-panel);background:var(--c-surface)}.thread-page{max-width:760px}.back{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px 8px 8px;border:0;border-radius:var(--r-ctl);background:var(--c-surface);color:var(--c-soft)}.back svg{width:18px;height:18px;fill:currentColor}.op{padding:24px;border-radius:var(--r-shell);background:var(--c-surface)}.op-meta{display:flex;align-items:center;gap:8px;color:var(--c-faint);font-size:13px;flex-wrap:wrap}.op-meta b{color:var(--c-text)}.op h1{margin:10px 0 12px;font:600 28px/1.2 var(--font-display);color:#fff;overflow-wrap:anywhere}.op-img{margin:4px 0 16px;border-radius:var(--r-panel);overflow:hidden;background:transparent}.op-img img{width:100%;max-height:420px;object-fit:cover}.op-body{color:var(--c-text);font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.op-actions{display:flex;gap:4px;margin-top:16px;flex-wrap:wrap}.act{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:0;border-radius:8px;background:#ffffff0d;color:var(--c-soft);font-weight:700;font-size:13px}.act svg{width:16px;height:16px;fill:currentColor}.act[data-helpful] svg{fill:var(--c-helpful)}.act[aria-pressed=true]{color:var(--c-helpful);background:#e5564e24}.act.is-bare{background:transparent}.act[aria-pressed=true].is-bare{color:var(--c-accent);background:transparent}.op-note{margin:12px 0 0;color:var(--c-soft);font-size:13px}.op-note:empty{display:none}.add-comment{margin:16px 0 24px;border-radius:var(--r-panel);background:var(--c-surface);padding:6px}.add-comment textarea.field{background:transparent;min-height:44px;font-size:15px}.add-comment textarea.field:focus{box-shadow:none}.add-comment:focus-within{box-shadow:inset 0 0 0 2px var(--c-ring)}.add-comment-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:4px 6px 6px}.add-comment-foot .spacer{flex:1}.add-comment:not(.is-open) .add-comment-foot,.add-comment:not(.is-open) .form-note{display:none}.add-comment .img-link,.inline-reply .img-link{padding:0 6px}.add-comment .form-note,.inline-reply .form-note{padding:0 10px}.locked-note{margin:16px 0 24px;padding:14px 16px;border-radius:var(--r-panel);background:var(--c-surface);color:var(--c-soft)}.comments-head{font:600 20px var(--font-display);color:#fff;margin:0 0 4px}.comment{display:grid;grid-template-columns:34px 1fr;column-gap:12px;margin-top:16px}.comment-rail{display:flex;flex-direction:column;align-items:center}.comment-rail .avatar{width:34px;height:34px;font-size:14px}.thread-line{flex:1;width:16px;margin-top:6px;border:0;padding:0;background:linear-gradient(var(--c-thread),var(--c-thread)) center / 2px 100% no-repeat;cursor:pointer}.comment-head{display:flex;align-items:center;gap:8px;min-height:34px;font-size:13px;color:var(--c-faint);flex-wrap:wrap}.comment-head b{color:var(--c-text)}.comment-head .staff{color:var(--c-staff);font-weight:700}.comment-body{margin:2px 0 6px;color:var(--c-text);font-size:14.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.comment.is-collapsed .comment-body,.comment.is-collapsed .comment-actions,.comment.is-collapsed .children,.comment.is-collapsed .comment-img{display:none}.expand{border:0;background:transparent;color:var(--c-accent);font-weight:700;font-size:12.5px;padding:0;border-radius:6px}.inline-reply{margin-top:8px;border-radius:var(--r-row);background:var(--c-surface);padding:4px}.inline-reply textarea.field{background:transparent;min-height:40px}.inline-reply textarea.field:focus{box-shadow:none}.img-link{display:flex;gap:8px;align-items:center}.img-link .field{min-height:40px;font-size:13px}.img-link.is-bad .field{box-shadow:inset 0 0 0 2px var(--c-staff)}.img-link-thumb{flex:none;width:46px;height:46px;border-radius:8px;overflow:hidden;background:transparent}.img-link-thumb img{width:100%;height:100%;object-fit:cover}.img-link .act{flex:none}.bubble-img{width:min(280px,100%);border-radius:var(--r-row);overflow:hidden;background:var(--c-theirs)}.bubble-img img{width:100%;max-height:320px;object-fit:cover}.comment-img{width:min(360px,100%);margin:4px 0 8px;border-radius:var(--r-row);overflow:hidden;background:transparent}.comment-img img{width:100%;max-height:320px;object-fit:cover}.sheet-back{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:#000000b3;opacity:0;pointer-events:none;transition:opacity .2s ease}.sheet-back.is-open{opacity:1;pointer-events:auto}.sheet-back{--c-accent: var(--c-neutral);--c-accent-ink: var(--c-neutral-ink);--c-ring: rgba(255, 255, 255, .7)}.sheet{width:min(600px,100%);padding:24px;border-radius:var(--r-shell);background:#191d22;box-shadow:0 28px 80px #000000a8;display:flex;flex-direction:column;gap:12px}.sheet h3{margin:0 0 4px;font:600 24px var(--font-display);color:#fff}.sheet .field.title-field{font-size:17px;min-height:50px}.sheet textarea.field{min-height:160px}.img-preview{border-radius:var(--r-ctl);overflow:hidden;background:transparent}.img-preview img{width:100%;max-height:240px;object-fit:cover}.img-preview p{margin:0;padding:12px 14px;color:var(--c-faint);font-size:13px}.sheet-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.sheet-foot div{display:flex;gap:8px}.report-quote{margin:0;padding:12px 14px;border-radius:var(--r-ctl);background:var(--c-well);color:var(--c-soft);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.report-row{display:flex;align-items:center;gap:12px;color:var(--c-soft);flex-wrap:wrap}#report-note{min-height:96px}.report-hint{color:var(--c-faint);font-size:12.5px;max-width:30ch}.report-done p{margin:0 0 8px;color:var(--c-soft)}@media(max-width:860px){.mailroom,.grid{grid-template-columns:1fr}.compose{padding:20px}}html:has(body.sup-body){scrollbar-width:none}html:has(body.sup-body)::-webkit-scrollbar{display:none}.sup-scroll{position:fixed;top:8px;right:3px;bottom:8px;z-index:90;width:12px;opacity:0;transition:opacity .3s ease}.sup-scroll.is-awake,.sup-scroll:hover{opacity:1}.sup-scroll-thumb{width:6px;margin-left:auto;margin-right:1px;border-radius:999px;background:#0000008c;transition:width .16s ease,background-color .16s ease;touch-action:none}.sup-scroll:hover .sup-scroll-thumb,.sup-scroll.is-dragging .sup-scroll-thumb{width:10px;background:#000000b8}@media(hover:none){.sup-scroll{display:none}}