@font-face{font-family:Hotline;src:url('/assets/display.woff') format('woff');font-style:normal;font-weight:700 900;font-display:swap}
:root{color-scheme:light;--page:#ede6fb;--ink:#281b39;--accent:#c2a0ff;--accent-hover:#d4bdff;--accent-ink:#231631;--brand:#7d43c0;--pink:#f53e91;--muted:#6e5b80;--line:#281b393b;--card:#251c32;--card-muted:#c5b6d6;--card-shadow:#c4afe2;--card-soft:#382b46;--modal:#faf6ff;--modal-text:#2c1e3d;--modal-muted:#725f81;--modal-line:#d7c8e7;--modal-hover:#eee3fc;--modal-input:#fff;--sans:Arial,Helvetica,sans-serif;--display:Hotline,'Arial Black',Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}
:root[data-theme="dark"]{color-scheme:dark;--page:#140f1d;--ink:#f1e8ff;--accent:#be96ff;--accent-hover:#d1b6ff;--brand:#c3a0ff;--muted:#bca9d4;--line:#c3a0ff38;--card:#231a30;--card-shadow:#483163;--card-soft:#352744;--modal:#251b33;--modal-text:#f3eaff;--modal-muted:#c4b3d7;--modal-line:#5c466f;--modal-hover:#382848;--modal-input:#1c1427}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:6px}::selection{background:var(--pink);color:#fff}.skip-link{position:absolute;top:10px;left:12px;z-index:10;padding:12px;background:var(--accent);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 26px;margin:0 auto;width:calc(100% - 104px);max-width:1416px;border-bottom:1px solid var(--line)}.wordmark{font-size:34px;letter-spacing:-2.3px;font-weight:900;white-space:nowrap;line-height:1}.wordmark-dot{color:var(--pink)}.wordmark-org{font-size:23px;letter-spacing:-1.5px}.wordmark sup{font-size:13px;vertical-align:top;display:inline-block;margin:0 0 0 4px;letter-spacing:0}.header-note{font:700 12px var(--mono);letter-spacing:1.3px}.header-link{font-size:14px;font-weight:700;display:flex;align-items:center;gap:20px}.header-link span{font-size:24px}.header-link:hover{color:#ae185d}.hero{width:calc(100% - 104px);max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;gap:64px;padding:60px 0 58px;align-items:start}.intro{position:relative;min-width:0}.eyebrow{font:700 12px var(--mono);letter-spacing:1.1px;display:flex;align-items:center;gap:10px;margin-bottom:23px}.tiny-star{font:26px var(--sans)}h1{font-family:var(--display);font-size:clamp(72px,8.8vw,135px);font-weight:900;letter-spacing:-.055em;line-height:.9;margin:0;position:relative;z-index:1}.title-dot{color:var(--pink)}.title-note{background:var(--accent);display:table;font-size:clamp(25px,3.3vw,43px);font-weight:700;letter-spacing:-1.7px;line-height:1.05;padding:8px 17px 10px;margin:12px 0 0 26px;transform:rotate(-4deg);position:relative;z-index:2}.intro-copy{font-size:16px;line-height:1.5;margin:28px 0 0 2px;max-width:330px;color:var(--muted)}.phone-scene{position:relative;height:258px;margin-top:2px}.phone-image{display:block;position:absolute;width:330px;max-width:78%;height:auto;right:13px;top:-24px;mix-blend-mode:multiply}.phone-note{position:absolute;font-family:var(--mono);font-size:12px;line-height:1.5;left:2px;top:82px;transform:rotate(-7deg);z-index:1}.phone-note>span{display:block;text-align:right;font:43px/1 var(--sans);padding-right:15px}.phone-sticker{position:absolute;right:-4px;top:31px;transform:rotate(11deg);z-index:1;width:104px;height:104px;border-radius:50%;background:var(--pink);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:900;line-height:1.08;letter-spacing:-.4px;box-shadow:0 0 0 5px var(--page)}.phone-sticker>span{font-size:25px;margin-top:4px}.roast-card{background:var(--card);color:#f5f1f9;padding:29px 31px 25px;border-radius:20px;min-width:0;box-shadow:8px 8px 0 var(--card-shadow);scroll-margin-top:26px;align-self:stretch;display:flex;flex-direction:column}.card-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff2b;padding-bottom:23px}.card-topline h2{font:700 13px var(--mono);letter-spacing:1.7px;margin:0}.phone-icon{width:21px;height:21px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round}.heat-picker{padding:0;border:0;min-width:0;margin:24px 0 0}.heat-picker legend{font-size:14px;color:var(--card-muted);margin-bottom:12px;padding:0}.heat-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;background:var(--card-soft);border-radius:9px;gap:3px}.heat-options label{cursor:pointer;position:relative;min-width:0}.heat-options input{position:absolute;opacity:0;width:1px;height:1px}.heat-options label>span{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:12px 4px;color:#ccc8d1;font-size:14px;white-space:nowrap;transition:background .15s,color .15s}.heat-options input:checked+span{background:var(--page);color:var(--ink);font-weight:700;box-shadow:0 1px 3px #0003}.heat-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}.heat-options label:hover>span{color:white;background:#414144}.heat-options label:hover input:checked+span{background:var(--page);color:var(--ink)}.heat-symbol{font-style:normal;font-size:15px}.quote-space{padding:27px 0 32px;min-height:330px;display:flex;flex-direction:column;justify-content:center;flex:1}.quote-mark{font-size:79px;font-weight:700;color:var(--pink);height:42px;line-height:1;display:block;margin-bottom:10px;font-family:Georgia,serif}blockquote{margin:0;font-size:clamp(26px,2.55vw,39px);font-weight:700;letter-spacing:-1.15px;line-height:1.17;text-wrap:pretty}#joke-punch{color:var(--accent)}.joke-tag{font:12px var(--mono);letter-spacing:.6px;margin:24px 0 0;color:var(--card-muted)}.quote-space.changed blockquote{animation:arrive .25s ease-out}.generate-button{border:0;background:var(--accent);color:var(--ink);display:flex;align-items:center;width:100%;gap:13px;text-align:left;border-radius:8px;padding:19px 20px;min-height:64px;font-size:18px;font-weight:700;transition:background .15s,transform .15s}.generate-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.generate-button:active{transform:translateY(1px)}.generate-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.button-arrow{font-size:25px;font-weight:400;margin-left:auto}.card-bottomline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:12px var(--mono);letter-spacing:.65px;color:var(--card-muted);padding-top:17px}.noscript-note{font-size:14px;color:var(--accent)}.marquee{background:var(--accent);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);overflow:hidden;padding:21px 0}.marquee-track{display:flex;align-items:center;width:max-content;gap:46px;animation:ticker 40s linear infinite;font-size:22px;font-weight:900;letter-spacing:-.5px}.marquee-star{font-size:35px;line-height:1}.love-note{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;width:calc(100% - 104px);max-width:1320px;margin:0 auto;padding:69px 0 72px}.love-kicker{font:700 12px var(--mono);letter-spacing:1.2px;grid-column:1 / -1;margin-bottom:18px}.love-note h2{font-size:clamp(30px,3vw,44px);line-height:1.1;letter-spacing:-1.9px;margin:0;font-weight:800}.love-note h2 span{color:var(--muted)}.love-note p{align-self:center;font-size:16px;line-height:1.65;margin:0;max-width:440px;padding-right:30px}.love-note strong{font-weight:600;display:inline-block;margin-top:7px}.love-symbol{font-size:60px;position:absolute;right:0;bottom:74px;transform:rotate(16deg);color:#d92176}.site-footer{border-top:1px solid var(--line);margin:0 auto;width:calc(100% - 104px);max-width:1416px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 31px}.footer-logo{font-size:19px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.site-footer p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.site-footer>a:last-child{font-size:12px;white-space:nowrap}.site-footer>a:last-child span{font-size:20px;margin-left:12px}.site-footer>a:hover{text-decoration:underline}@keyframes arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{gap:100px}.roast-card{padding:34px 38px 30px}.phone-image{width:360px}.quote-space{min-height:340px}}
@media(max-width:1100px){.site-header,.hero,.love-note,.site-footer{width:calc(100% - 64px)}.hero{gap:32px;padding-top:44px}.roast-card{padding:26px 24px 23px}.header-note{font-size:12px}.heat-options label>span{font-size:12px;gap:5px}.phone-image{right:0;width:300px}.phone-note{font-size:12px;top:122px}.phone-sticker{right:-2px;top:45px;width:88px;height:88px;font-size:12px}.quote-space{min-height:330px}.card-bottomline{font-size:12px}.love-note{column-gap:36px}.love-symbol{font-size:45px;bottom:89px}.love-note p{font-size:15px}.eyebrow{font-size:12px;letter-spacing:.6px}}
@media(max-width:760px){.site-header,.hero,.love-note,.site-footer{width:calc(100% - 40px)}.site-header{padding:24px 0 21px}.wordmark{font-size:30px}.wordmark-org{font-size:21px}.header-note{display:none}.header-link{font-size:12px;gap:8px}.header-link span{font-size:22px}.hero{display:block;padding:31px 0 40px}.intro{padding-bottom:29px}.eyebrow{font-size:12px;margin-bottom:20px}.tiny-star{font-size:21px}h1{font-size:clamp(64px,18vw,128px);max-width:100%}.title-note{font-size:clamp(25px,6.4vw,38px);padding:7px 12px 9px;margin-left:14px;margin-top:11px}.intro-copy{font-size:14px;margin-top:26px;position:relative;z-index:2;max-width:56%;line-height:1.5}.phone-scene{position:absolute;right:-6px;bottom:2px;width:48%;height:200px;pointer-events:none}.phone-image{width:250px;max-width:142%;right:-9px;top:10px}.phone-note{display:none}.phone-sticker{width:68px;height:68px;font-size:12px;top:25px;right:4px;box-shadow:0 0 0 4px var(--page)}.phone-sticker>span{font-size:18px}.roast-card{padding:26px 25px 24px;border-radius:17px;box-shadow:5px 5px 0 var(--card-shadow);position:relative;z-index:3;min-height:510px}.card-topline{padding-bottom:22px}.card-topline h2{font-size:12px}.heat-options label>span{font-size:14px;padding:12px 4px}.quote-space{min-height:255px;padding:27px 0 32px}blockquote{font-size:33px;line-height:1.14;letter-spacing:-1px}.joke-tag{font-size:12px;margin-top:21px}.card-bottomline{font-size:12px}#keyboard-hint{display:none}.marquee{padding:17px 0}.marquee-track{font-size:18px;gap:28px}.marquee-star{font-size:28px}.love-note{display:block;padding:43px 0 46px}.love-kicker{display:block;margin-bottom:17px;font-size:12px}.love-note h2{font-size:36px;letter-spacing:-1.5px}.love-note p{font-size:15px;margin-top:24px;max-width:100%;padding-right:32px}.love-symbol{bottom:auto;top:49px;right:4px;font-size:46px}.site-footer{flex-wrap:wrap;gap:17px;padding:24px 0 27px}.site-footer p{order:3;flex-basis:100%;font-size:12px}.site-footer>a:last-child{margin-left:auto}.footer-logo{font-size:18px}}
@media(max-width:380px){.site-header,.hero,.love-note,.site-footer{width:calc(100% - 32px)}.roast-card{padding:24px 19px}.heat-options label>span{font-size:12px;gap:4px}.generate-button{font-size:17px;padding:17px 14px}blockquote{font-size:30px}.intro-copy{font-size:13px}.phone-scene{right:-3px;bottom:1px}.phone-image{top:29px}.phone-sticker{top:43px;right:-1px}.header-link{font-size:12px}.love-note h2{font-size:32px}.eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.marquee-track{transform:none}}
@media(hover:none){#keyboard-hint{display:none}}

@media(max-width:1100px){.heat-options label>span{font-size:14px}}
@media(max-width:900px) and (min-width:761px){.heat-symbol{display:none}.roast-card{padding:24px 18px}.hero{gap:25px}}
@media(max-width:380px){.heat-symbol{display:none}.heat-options label>span{font-size:14px;padding:12px 2px}.eyebrow{font-size:12px;letter-spacing:0}.phone-sticker{font-size:12px}.header-link{font-size:14px}}

/* The fourth line goes straight to the basement. */
[hidden]{display:none!important}
.level-description{font-size:.875rem;line-height:1.45;color:var(--card-muted);margin:13px 0 0;min-height:1.45em}
.heat-options label>span{min-height:44px;font-size:.875rem}
.heat-options .endstufe-option>span{color:#ff9bca}
.heat-options .endstufe-option input:checked+span,.heat-options .endstufe-option:hover input:checked+span{background:var(--pink);color:var(--ink)}
.roast-card{transition:box-shadow .2s,background .2s}
.roast-card[data-heat="dark"]{background:#21191f;box-shadow:8px 8px 0 #f53e9155;outline:1px solid #f53e9170}
.roast-card[data-heat="dark"] #joke-punch,.roast-card[data-heat="dark"] .level-description{color:#ff8bc1}
.roast-card[data-heat="dark"] .generate-button{background:var(--pink)}
.roast-card[data-heat="dark"] .generate-button:hover{background:#ff7bb5}
.roast-card[data-heat="dark"] .phone-icon{stroke:#ff8bc1}
.roast-card .quote-space{min-height:285px;padding:21px 0 25px}
.joke-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.3rem),1fr));gap:7px;margin-top:10px}
.utility-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:#ffffff07;color:#ded9e6;border:1px solid #ffffff24;border-radius:7px;padding:10px 4px;font-size:.875rem;transition:background .15s}
.utility-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;flex-shrink:0}
.utility-button:hover:not(:disabled){background:#ffffff16}
.utility-button:disabled{opacity:.35;cursor:default}
.utility-button[aria-pressed="true"]{color:var(--accent);border-color:var(--brand)55}
.remember-icon{font-size:20px;line-height:1}
.collection-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #ffffff24;margin-top:20px;padding-top:13px}
.collection-links button{display:flex;align-items:center;gap:6px;min-height:36px;padding:0;color:#eee9f4;background:none;border:none;font-size:.875rem}
.collection-links button:hover{color:var(--accent)}
.collection-links button>span{font:12px var(--mono);border:1px solid #ffffff35;border-radius:4px;min-width:24px;padding:3px 4px;text-align:center}
.session-label{font:12px var(--mono);color:var(--card-muted);margin-left:auto}
.collection-dialog,.copy-dialog{position:fixed;border:1px solid #ffffff28;border-radius:18px;background:#202022;color:#f5f1f9;padding:28px;width:min(680px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #0006}
dialog::backdrop{background:#15101bc9;backdrop-filter:blur(5px)}
.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.dialog-header h2{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-1px;margin:0;line-height:1.2}
.dialog-close{border:1px solid #ffffff35;border-radius:50%;width:44px;height:44px;flex-shrink:0;color:inherit;background:none;font-size:28px;line-height:1}
.dialog-close:hover{background:#ffffff14}
.collection-note,.copy-dialog>p{font-size:1rem;line-height:1.55;color:#c1bacb;margin:15px 0 23px}
.collection-filters{display:flex;gap:8px}
.collection-filters button{min-height:44px;border-radius:7px;border:1px solid #ffffff30;padding:10px 17px;font-size:.875rem;background:none;color:inherit}
.collection-filters button[aria-pressed="true"]{background:var(--page);color:var(--ink);font-weight:700;border-color:var(--page)}
.collection-summary{font:12px var(--mono);color:var(--card-muted);margin:22px 0 16px}
.collection-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.collection-item{border:1px solid #ffffff21;border-radius:10px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:start}
.collection-item p{font-size:1rem;line-height:1.5;margin:0;grid-column:1/-1;overflow-wrap:anywhere}
.collection-item .level-badge{font:12px var(--mono);letter-spacing:.6px;color:var(--brand);align-self:center}
.collection-item[data-heat="dark"] .level-badge{color:#ff8bc1}
.collection-item button{border:1px solid #ffffff35;border-radius:5px;min-height:38px;padding:8px 12px;background:none;color:inherit;font-size:.875rem}
.collection-item button:hover{background:#ffffff13}
.collection-empty{text-align:center;padding:26px 12px 36px}
.collection-empty>span{font-size:44px;color:var(--pink)}
.collection-empty h3{font-size:1.25rem;margin:13px 0 10px;letter-spacing:-.5px}
.collection-empty p{font-size:1rem;line-height:1.5;max-width:370px;margin:0 auto;color:#bdb7c6}
.dialog-footer{border-top:1px solid #ffffff24;padding-top:20px;margin-top:24px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}
.collection-copy{border:0;border-radius:7px;padding:13px 17px;min-height:44px;background:var(--accent);color:var(--ink);font-size:.875rem;font-weight:700}
.collection-copy:disabled{opacity:.4;cursor:default}
.dialog-footer>span{font-size:12px;color:var(--card-muted)}
.copy-dialog textarea{width:100%;resize:vertical;min-height:160px;background:var(--card-soft);color:#f5f1f9;border:1px solid #ffffff40;border-radius:7px;padding:14px;font:1rem/1.5 var(--sans)}
.copy-dialog textarea:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);z-index:20;pointer-events:none;background:var(--accent);color:var(--ink);border:1px solid var(--ink);padding:13px 20px;border-radius:9px;box-shadow:0 4px 20px #0002;font-size:.875rem;font-weight:700;opacity:0;transition:opacity .15s,transform .15s;max-width:calc(100% - 32px);text-align:center;width:max-content}
.toast.visible{opacity:1;transform:translate(-50%,0)}
body.dialog-open{overflow:hidden}
@media(max-width:760px){.roast-card .quote-space{min-height:245px}.collection-dialog,.copy-dialog{padding:22px}.joke-tools{gap:6px}.utility-button{gap:6px}.collection-links{gap:17px}.session-label{flex-basis:100%;margin:0}.roast-card[data-heat="dark"]{box-shadow:5px 5px 0 #f53e9155}}
@media(max-width:380px){.utility-button{font-size:.875rem;gap:4px}.utility-button svg{width:14px}.collection-item{padding:14px}.card-bottomline{letter-spacing:0}.collection-dialog,.copy-dialog{padding:18px}}

/* Display preferences share the same retro shapes and purple palette. */
body{transition:background-color .2s,color .2s}
.wordmark-dot,.title-dot,.love-symbol{color:var(--brand)}
.header-link:hover{color:var(--brand)}
.header-link span[data-i18n]{font-size:.875rem}
.phone-note b,.collection-links b,.site-footer b{font-weight:inherit}
.love-note h2 b{font-weight:inherit}
.title-note,.generate-button,.collection-copy,.toast,.skip-link,.marquee,.phone-sticker{color:var(--accent-ink)}
.phone-sticker{background:var(--accent)}
.quote-mark{color:var(--accent)}
.roast-card[data-heat="dark"] .quote-mark{color:#ff8bc1}
.heat-options input:checked+span,.heat-options label:hover input:checked+span{background:var(--accent);color:var(--accent-ink)}
.heat-options .endstufe-option input:checked+span,.heat-options .endstufe-option:hover input:checked+span{background:var(--pink);color:var(--accent-ink)}
.heat-options label>span{white-space:normal;flex-wrap:wrap}
.roast-card[data-heat="dark"] .generate-button{color:var(--accent-ink)}
.marquee{border-color:var(--brand)}
.site-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}
.site-controls .header-link{margin-right:10px}
.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;gap:2px}
.language-switch button{border:0;background:transparent;color:var(--muted);font-size:.875rem;font-weight:700;min-height:36px;min-width:38px;border-radius:6px;padding:8px}
.language-switch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.language-switch button:hover:not([aria-pressed="true"]){color:var(--ink);background:var(--modal-hover)}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;min-width:96px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);font-size:.875rem;font-weight:700}
.theme-toggle:hover{background:var(--modal-hover)}
.theme-toggle svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.theme-toggle .moon-icon{display:none}
:root[data-theme="dark"] .theme-toggle .moon-icon{display:block}
:root[data-theme="dark"] .theme-toggle .sun-icon{display:none}
:root[data-theme="dark"] .phone-image{mix-blend-mode:normal;border-radius:22px;box-shadow:0 8px 36px #0003}
:root[data-theme="dark"] .phone-note{background:var(--page);padding:6px 8px;border-radius:6px}
.collection-dialog,.copy-dialog{background:var(--modal);color:var(--modal-text);border-color:var(--modal-line)}
.dialog-close,.collection-filters button,.collection-item,.collection-item button,.dialog-footer{border-color:var(--modal-line)}
.dialog-close:hover,.collection-item button:hover{background:var(--modal-hover)}
.collection-note,.copy-dialog>p,.collection-empty p,.collection-summary,.dialog-footer>span{color:var(--modal-muted)}
.collection-filters button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.collection-item .level-badge{color:var(--brand)}
.collection-item[data-heat="dark"] .level-badge{color:#a52d6b}
:root[data-theme="dark"] .collection-item[data-heat="dark"] .level-badge{color:#ff8bc1}
.copy-dialog textarea{background:var(--modal-input);color:var(--modal-text);border-color:var(--modal-line)}
.toast{border-color:var(--accent-ink)}
@media(max-width:1180px){.header-note{display:none}.site-controls{margin-left:auto}}
@media(max-width:760px){.site-header{gap:12px;flex-wrap:wrap}.site-controls .header-link{display:none}.site-controls{gap:8px}.language-switch button{min-width:36px}.theme-toggle{min-width:84px}.intro-copy{font-size:1rem;max-width:58%}.phone-scene{z-index:0}.joke-tools{grid-template-columns:repeat(auto-fit,minmax(min(100%,5.7rem),1fr))}}
@media(max-width:480px){.theme-label{display:none}.theme-toggle{width:44px;min-width:44px;padding:10px}.wordmark{font-size:28px}.wordmark-org{font-size:20px}.site-controls{gap:7px}.language-switch button{min-width:34px;padding:7px}.intro-copy{font-size:.875rem}.phone-image{max-width:130%;right:0}:root[data-theme="dark"] .phone-image{border-radius:16px}.site-footer>a:last-child{font-size:.875rem}}