/* Appearance studio is scoped to upgrades.html; the released home keeps its look. */
.studio-mode .site-shell{max-width:1320px;padding-top:24px}.studio-mode .site-header{flex-wrap:wrap;padding-bottom:16px}.studio-controls{flex:0 0 100%;border-top:1px solid #d1e5d912;padding-top:18px;margin-top:3px}.studio-kicker{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#97b6b2;margin-bottom:12px}.studio-kicker a{font-size:10px;letter-spacing:0;color:inherit;border-bottom:1px solid #a3beb249;padding-bottom:3px}.look-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:730px}.look-option{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:8px 12px;background:#14353d44;color:#b3cdc6;border:1px solid #bbd0c125;border-radius:7px;font-size:12px;letter-spacing:1px;transition:background .25s,border-color .25s,color .25s}.look-option[aria-selected=true]{background:#d1e3c9;color:#264f4f;border-color:#e2ebce;box-shadow:0 3px 20px #cfe9d608}.look-dot{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px color-mix(in srgb,var(--dot),transparent 50%);flex-shrink:0}.look-option[aria-selected=true] .look-dot{box-shadow:0 0 0 2px #fff8}.studio-description{display:flex;gap:20px;justify-content:space-between;align-items:center}.look-note{font-size:11px;letter-spacing:.6px;color:#819e9c;margin:12px 0 0;line-height:1.7}.studio-views{display:flex;gap:4px;flex-shrink:0;margin-top:8px}.studio-views button{min-height:36px;padding:6px 12px;font-size:10px;color:#94b6ae;background:transparent;border:1px solid #bfd6c41f;border-radius:5px}.studio-views button[aria-pressed=true]{background:#b5d7c212;color:#dce9d8;border-color:#b5d7c249}.studio-mode .experience{min-height:620px;gap:44px}.studio-mode .bottle-stage{height:490px}.studio-mode .waiting-copy{font-size:23px}.studio-mode .letter{max-width:460px}.studio-mode .brand small{letter-spacing:2px}.studio-paper-corner,.studio-letter-seal{display:none;position:absolute;pointer-events:none;z-index:2}.studio-paper-corner{right:15px;top:13px;width:62px;height:45px;color:var(--paper-decoration)}.studio-paper-corner svg{width:100%;height:100%}.studio-letter-seal{bottom:24px;left:27px;width:26px;height:26px;display:none;align-items:center;justify-content:center;color:var(--paper-decoration);border:1px solid currentColor;border-radius:50%;font:11px SimSun,serif;opacity:.65}.studio-light-ribbons{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:visible;display:none}.studio-light-ribbons i{position:absolute;width:90%;height:100%;left:-25%;top:-14%;transform:rotate(-23deg);background:linear-gradient(100deg,transparent 42%,var(--ray-color) 49%,transparent 56%);filter:blur(22px);opacity:.22;animation:studio-ray 18s ease-in-out infinite alternate}.studio-light-ribbons i:nth-child(2){left:18%;top:-2%;width:74%;opacity:.12;transform:rotate(19deg);animation-delay:-9s}.studio-light-ribbons i:nth-child(3){left:12%;top:12%;width:65%;opacity:.1;transform:rotate(41deg);animation-delay:-5s}
body[data-look=moon]{--paper-decoration:#a49a79;--ray-color:#a2c8df;--sea:#b5d8df;color:#d6e6e4;background:#081d32}body[data-look=moon] .atmosphere{background:radial-gradient(ellipse at 31% 58%,#23516a70,transparent 46%),radial-gradient(ellipse at 82% 18%,#527a8c2e,transparent 48%),linear-gradient(155deg,#0b1d32,#0a2a3d 65%,#113546)}body[data-look=moon] .moon{box-shadow:-7px 3px 0 -1px #e7e7cebd;filter:drop-shadow(0 0 15px #d8e9d533)}body[data-look=moon] .aurora{background:radial-gradient(ellipse,#729bc424,transparent 65%)}body[data-look=moon] .ocean{border-color:#afd1e829}body[data-look=moon] .bottle-halo{background:radial-gradient(ellipse,#87c4dd21,transparent 60%)}body[data-look=moon] .draw-button{background:linear-gradient(115deg,#d9dfca,#a9c7d1);border-color:#dfe5d3;color:#2e5263;box-shadow:0 5px 30px #a7c8d017}body[data-look=moon] .letter{background:radial-gradient(ellipse at 98% 3%,#e2e8e14d,transparent 45%),linear-gradient(125deg,#fffdf4,#f7f2e5);border:1px solid #d2c5a666;box-shadow:0 24px 65px #03101f66,inset 0 0 45px #d1c8a113;color:#3e4f50}body[data-look=moon] .letter::before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #b8a98129;z-index:0}body[data-look=moon] .letter::after{background:linear-gradient(135deg,#f7f2e5 25%,transparent 25%) -5px 0/9px 8px,linear-gradient(225deg,#f7f2e5 25%,transparent 25%) -5px 0/9px 8px}body[data-look=moon] .corner-moon,body[data-look=moon] .studio-letter-seal{display:flex}body[data-look=moon] .letter-top .icon{opacity:0}body[data-look=moon] .studio-light-ribbons{display:block}
body[data-look=ember]{--paper-decoration:#a9775d;--ray-color:#e9c78d;--sea:#dfc4a0;color:#ece4d0;background:#172a2c}body[data-look=ember] .atmosphere{background:radial-gradient(ellipse at 27% 62%,#b78e4c2d,transparent 40%),radial-gradient(ellipse at 90% 10%,#8d6a5024,transparent 46%),linear-gradient(155deg,#10252b,#243536 65%,#2b3430)}body[data-look=ember] .aurora{background:radial-gradient(ellipse,#d4ac6b30,transparent 65%)}body[data-look=ember] .moon{box-shadow:-7px 3px 0 -1px #e8ce9d9e;filter:drop-shadow(0 0 20px #e7c78926)}body[data-look=ember] .starfield{opacity:.7}body[data-look=ember] .ocean{border-color:#dec2961c;background:linear-gradient(#9a805416,transparent)}body[data-look=ember] .bottle-halo{background:radial-gradient(ellipse,#e8b16f29,transparent 65%)}body[data-look=ember] .brand>.icon,body[data-look=ember] .brand small,body[data-look=ember] .icon-button,body[data-look=ember] .favorites-button,body[data-look=ember] .about-button{color:#cbbf9f;stroke:#cbbf9f}body[data-look=ember] .draw-button{background:linear-gradient(115deg,#ecdbb2,#c9bd98);color:#554d3a;border-color:#e6d5af;box-shadow:0 4px 28px #e2b96a13}body[data-look=ember] .look-option[aria-selected=true]{background:#decba3;color:#514633;border-color:#eddbb8}body[data-look=ember] .letter{background:radial-gradient(ellipse at 0 100%,#e7bd9433,transparent 48%),linear-gradient(110deg,#fff6e5,#faf0db 70%,#f3e3cb);color:#5c4d40;border:1px solid #dfc6a69c;border-radius:6px 7px 3px 5px;box-shadow:0 25px 60px #111a1c66,inset 0 0 60px #bf996e12}body[data-look=ember] .letter::before{content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid #b8946d22;border-radius:3px;z-index:0}body[data-look=ember] .letter::after{background:linear-gradient(135deg,#f6e8d3 25%,transparent 25%) -5px 0/9px 8px,linear-gradient(225deg,#f6e8d3 25%,transparent 25%) -5px 0/9px 8px}body[data-look=ember] .letter-source{border-color:#b4926633}body[data-look=ember] .letter-top,body[data-look=ember] .letter-source,body[data-look=ember] .paper-action{color:#9b8468}body[data-look=ember] .quote-mark{color:#c0a37b}body[data-look=ember] .corner-ember{display:block}body[data-look=ember] .studio-letter-seal{display:flex;width:29px;height:28px;color:#f7e9d1;border:1px solid #a76f52;background:radial-gradient(ellipse at 35% 30%,#ce9272,#aa6f55 70%);border-radius:47% 53% 45% 55%;opacity:.83;box-shadow:inset 0 0 0 3px #dba2834d,1px 2px 4px #8c634422}body[data-look=ember] .letter-top .icon{opacity:0}body[data-look=ember] .studio-light-ribbons{display:block}
body[data-look=dawn]{--paper-decoration:#a29d85;--ray-color:#fff7d9;--sea:#56837e;color:#365e65;background:#e3ece7}body[data-look=dawn] .atmosphere{background:radial-gradient(ellipse at 79% 24%,#ffecd697,transparent 45%),radial-gradient(ellipse at 20% 55%,#c2dfdd99,transparent 48%),linear-gradient(160deg,#dce8e8,#e9eee5 64%,#bad5d0)}body[data-look=dawn] .atmosphere::after{opacity:.17}body[data-look=dawn] .aurora{background:radial-gradient(ellipse,#f8e7bf70,transparent 65%);filter:blur(55px)}body[data-look=dawn] .moon{width:54px;height:54px;background:#fff2c9;box-shadow:0 0 60px 20px #fff2cd77;filter:none;top:27%;opacity:.7}body[data-look=dawn] .starfield{opacity:.12}body[data-look=dawn] .ocean{background:linear-gradient(#75a9a71e,transparent);border-color:#6c9a9a33}body[data-look=dawn] .ocean i{border-color:#5c9b9c2b}body[data-look=dawn] .brand>.icon{stroke:#5d8580}body[data-look=dawn] .brand small,body[data-look=dawn] .icon-button,body[data-look=dawn] .favorites-button,body[data-look=dawn] .about-button{color:#64877e}body[data-look=dawn] .site-header,body[data-look=dawn] .studio-controls{border-color:#6d9a851f}body[data-look=dawn] .count{color:#6d8f80;border-color:#6d8f803b}body[data-look=dawn] .studio-kicker,body[data-look=dawn] .look-note{color:#6d8b83}body[data-look=dawn] .look-option{background:#f3f5e940;border-color:#7ba4963a;color:#6d8c80}body[data-look=dawn] .look-option[aria-selected=true]{background:#fcfaf0;color:#3a6d66;border-color:#9fbcb0;box-shadow:0 3px 20px #668d7610}body[data-look=dawn] .studio-views button{color:#63867f;border-color:#71928633}body[data-look=dawn] .studio-views button[aria-pressed=true]{background:#f9fbefb0;color:#365f58}body[data-look=dawn] .status,body[data-look=dawn] .letter-hint{color:#6a8a80}body[data-look=dawn] .waiting-copy{color:#61817a;text-shadow:0 1px 0 #fff8}body[data-look=dawn] .intro-emphasis{color:#426c67}body[data-look=dawn] .draw-button{background:linear-gradient(110deg,#688e86,#4f7c79);color:#f7f6e6;border-color:#6d9890;box-shadow:0 6px 22px #456b6020}body[data-look=dawn] .bottle-halo{background:radial-gradient(ellipse,#fff5c661,transparent 65%)}body[data-look=dawn] .water-ring{border-color:#639c9630}body[data-look=dawn] .letter{background:radial-gradient(ellipse at 0 100%,#c8ddcf33,transparent 60%),linear-gradient(120deg,#fffdf4,#fcf8e9);border:1px solid #c5cdb788;box-shadow:0 25px 55px #496e6429,inset 0 0 30px #e7dcc51a;color:#455f56}body[data-look=dawn] .letter::before{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid #a5b8a52d;z-index:0}body[data-look=dawn] .letter::after{background:linear-gradient(135deg,#faf8ea 25%,transparent 25%) -5px 0/9px 8px,linear-gradient(225deg,#faf8ea 25%,transparent 25%) -5px 0/9px 8px}body[data-look=dawn] .corner-dawn,body[data-look=dawn] .studio-letter-seal{display:flex}body[data-look=dawn] .letter-top .icon{opacity:0}body[data-look=dawn] .studio-letter-seal{border-radius:5px;rotate:-5deg;border-color:#b9b298;opacity:.7}body[data-look=dawn] .paper-action,body[data-look=dawn] .letter-source,body[data-look=dawn] .letter-top{color:#8a9983}body[data-look=dawn] .studio-light-ribbons{display:block}body[data-look=dawn] .mobile-draw-dock{background:linear-gradient(transparent,#dae6dce8 55%)}body[data-look=dawn] .dialog{color:#48685e;background:#f8f8eb;border-color:#c4d0bc}body[data-look=dawn] .dialog-note{color:#7c907d}body[data-look=dawn] .dialog .icon-button{color:#6c8a7e}body[data-look=dawn] .library-tabs button{color:#6c8a7e}
@keyframes studio-ray{to{translate:18px 14px;opacity:.13}}
body[data-look=dawn] .intro-line,body[data-look=dawn] .intro-opening,body[data-look=dawn] .intro-pause,body[data-look=dawn] .intro-ending{color:#486d66;text-shadow:none}body[data-look=dawn] .intro-emphasis{color:#3e6b63;text-shadow:none}
body[data-look=dawn] .look-note,body[data-look=dawn] .studio-kicker,body[data-look=dawn] .status{color:#526f66}body[data-look=dawn] .letter-source,body[data-look=dawn] .letter-top,body[data-look=dawn] .paper-action{color:#687a66}body[data-look=ember] .letter-source,body[data-look=ember] .letter-top,body[data-look=ember] .paper-action{color:#887155}body[data-look=moon] .letter-source,body[data-look=moon] .letter-top,body[data-look=moon] .paper-action{color:#747b69}body[data-look=dawn] button:focus-visible,body[data-look=dawn] a:focus-visible{outline-color:#35645f}
@media(max-width:700px){.studio-mode[data-studio-view=bottle] .bottle-button{opacity:1!important;filter:none!important}.studio-mode[data-studio-view=bottle] .bottle-halo{opacity:1!important}}
@media(min-width:701px){.studio-views{display:none}.studio-mode .studio-paper-corner{width:70px;height:51px;right:16px;top:16px}.studio-mode .letter{padding-top:34px;padding-bottom:26px}.studio-mode .letter blockquote{font-size:22px;line-height:1.95}.studio-mode .letter blockquote.long{font-size:19px;line-height:1.85}.studio-mode .letter blockquote.poem{font-size:19px;line-height:1.75}}
@media(max-width:700px){.studio-mode .site-shell{padding:17px 20px 20px}.studio-mode .site-header{gap:12px;padding-bottom:9px}.studio-mode .header-actions{gap:13px}.studio-mode .brand>span{font-size:21px}.studio-mode .brand small{font-size:8px}.studio-controls{padding-top:10px;margin-top:0}.studio-kicker{margin-bottom:9px;font-size:8px}.look-options{gap:5px}.look-option{font-size:10px;padding:7px 3px;gap:5px;min-height:40px;letter-spacing:0;border-radius:5px}.look-dot{width:6px;height:6px}.studio-description{gap:8px}.look-note{font-size:9px;letter-spacing:0;max-width:240px;margin:8px 0 0}.studio-views button{min-height:34px;padding:5px 8px;font-size:9px}.studio-views{margin-top:6px}.studio-mode .experience{min-height:0;display:block}.studio-mode .bottle-stage{height:min(440px,calc(100svh - 260px));min-height:300px;margin:0 -10px}.studio-mode .bottle-side{padding-bottom:20px}.studio-mode .waiting{display:none}.studio-mode .draw-area{padding-top:0}.studio-mode .status{font-size:10px;margin-bottom:16px}.studio-mode .letter{max-width:420px}.studio-mode[data-studio-view=bottle] .reading-side{visibility:hidden;pointer-events:none}.studio-mode[data-studio-view=bottle] .bottle-stage{opacity:1!important;filter:none!important;transform:none!important}.studio-mode[data-studio-view=bottle][data-mobile-reader] .bottle-side{padding-bottom:0}.studio-mode[data-studio-view=bottle][data-mobile-reader] .bottle-stage{height:calc(100dvh - var(--reader-top,210px) - var(--reader-reserve,88px));min-height:230px}.studio-mode[data-studio-view=paper][data-mobile-reader] .reading-side{visibility:visible}.studio-mode[data-studio-view=paper] .bottle-stage{opacity:.14}.studio-mode .letter-actions{position:relative;z-index:3}.studio-mode .studio-letter-seal{left:23px;bottom:24px}.studio-mode .letter{padding-bottom:17px}}
@media(prefers-reduced-motion:reduce){.studio-light-ribbons i{animation:none!important;translate:none!important}.look-option{transition:none}}