@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-ext-wght-normal-C5IA4B3w.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-cyrillic-wght-normal-C3g4RRlc.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-vietnamese-wght-normal-0TYE14Fi.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-ext-wght-normal-CkCuiz5d.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shantell Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/shantell-sans-latin-wght-normal-B8jqu5lV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2) format("woff2"),url(/assets/kalam-latin-400-normal-Bl-H2BUA.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-ext-400-normal-DtcdGa4L.woff2) format("woff2"),url(/assets/kalam-latin-ext-400-normal-AcQmRO9z.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-ext-700-normal-CwgfRD_T.woff2) format("woff2"),url(/assets/kalam-latin-ext-700-normal-BA-KJHgr.woff) format("woff")}:root{--shell: #f3ede0;--ink: #241f1a;--ink-soft: rgba(36, 31, 26, .62);--ink-faint: rgba(36, 31, 26, .26);--rule: rgba(36, 31, 26, .16);--highlighter: #c7c0d6;--font-display: "Shantell Sans Variable", "Comic Sans MS", cursive;--font-hand: "Kalam", "Comic Sans MS", cursive;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shell-pad: 20px;--max: 460px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--shell);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.45;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.28'/%3E%3C/svg%3E")}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit}.app{position:relative;z-index:1;min-height:100%;min-height:100dvh;display:flex;justify-content:center}.screen{width:100%;max-width:var(--max);min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 22px) var(--shell-pad) calc(env(safe-area-inset-bottom) + 18px)}.topbar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:18px}.iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--ink)}.iconbtn:active{background:#241f1a12}.topbar-title{text-align:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.09em;text-transform:uppercase;line-height:1.2}.topbar-title.is-mood{font-family:var(--font-hand)}.topbar-sub{display:block;font-family:var(--font-ui);font-weight:500;font-size:.72rem;letter-spacing:.04em;text-transform:none;color:var(--ink-soft);margin-top:2px}.eyebrow{font-family:var(--font-hand);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.marker{display:block;font-family:var(--font-hand);font-weight:700;font-size:1.45rem;line-height:1.25;text-align:center;padding:14px 16px;border-radius:14px 18px 15px 20px/18px 14px 20px 15px;background:var(--highlighter)}.footer{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.footer-link{font-family:var(--font-ui);font-size:.75rem;letter-spacing:.05em;color:var(--ink-soft);text-decoration:none;border-bottom:1px dotted var(--ink-faint);padding-bottom:1px}.stamp{font-family:var(--font-ui);font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.screen-wrap{width:100%;display:flex;justify-content:center}.cover{text-align:center}.cover-title{margin:0;font-family:var(--font-display);font-weight:700;line-height:.94;letter-spacing:-.01em}.cover-title-a,.cover-title-b{display:block}.cover-title-a{font-size:clamp(2.6rem,13.4vw,3.4rem)}.cover-title-b{font-size:clamp(2.15rem,11.1vw,2.85rem);margin-top:2px}.cover-sub{margin:12px auto 0;max-width:21rem;font-family:var(--font-hand);font-size:1.02rem;line-height:1.35;color:var(--ink-soft)}.cover-art{display:block;width:min(74%,262px);margin:8px auto 0;color:var(--ink)}.rule-label{display:flex;align-items:center;gap:12px;margin:14px 0 12px}.rule-label:before,.rule-label:after{content:"";flex:1;height:1px;background:var(--ink);opacity:.5}.stage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stage-row{width:100%;display:flex;align-items:baseline;gap:7px;padding:13px 14px;text-align:left;border:1.6px solid var(--ink);border-radius:11px 14px 12px 15px/14px 11px 15px 12px;background:transparent;transition:background .16s ease,transform .12s ease}.stage-row:active{transform:translateY(1px);background:#241f1a0f}.stage-row.is-last{background:#e3c46a}.stage-ages{font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.stage-dash{opacity:.55}.stage-name{font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.1;flex:1}.stage-chev{font-size:1.35rem;line-height:1;opacity:.55;align-self:center}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.mood-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:16px 11px;text-align:center;background:var(--tint);border:1.6px solid var(--edge);border-radius:15px 19px 16px 20px/19px 15px 21px 16px}.mood-mark{width:30px;height:30px;color:var(--ink);opacity:.8}.mood-name{font-family:var(--font-hand);font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.paper-wrap{position:relative;display:flex;margin-top:auto}.paper{position:relative;flex:1;margin-top:26px;background:var(--paper);border-radius:0 0 4px 5px;box-shadow:0 10px 22px -14px #241f1a8c}.torn-edge{position:absolute;left:0;right:0;bottom:100%;width:100%;height:26px;display:block;margin-bottom:-1px}.paper-body{padding:22px 24px 30px}.line-text{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,6.4vw,1.86rem);line-height:1.32;letter-spacing:-.005em;color:var(--ink)}.line-doodle{display:block;width:88px;height:88px;margin:20px auto 0;color:var(--ink);opacity:.9}.line-by{margin:18px 0 0;text-align:right;font-family:var(--font-hand);font-size:1rem;color:#241f1aa8}.line-actions{margin-top:26px;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.another{width:100%;padding:14px 18px;font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--chip);border:1.6px solid var(--ink);border-radius:13px 16px 14px 17px/16px 13px 17px 14px}.another:disabled{background:transparent;border-style:dashed;border-color:var(--ink-faint);color:var(--ink-soft);letter-spacing:.04em;text-transform:none;font-weight:500;cursor:default}.reactions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.reaction{padding:8px 14px;font-family:var(--font-ui);font-size:.76rem;font-weight:600;color:var(--ink);border:1.4px solid var(--ink-faint);border-radius:999px;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.reaction-heart{display:grid;place-items:center;width:38px;height:34px;padding:0}.reaction.is-on{background:var(--chip, rgba(36, 31, 26, .08));border-color:var(--ink)}.reaction:disabled{opacity:.32;cursor:default}.sheet-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#241f1a6b;backdrop-filter:blur(2px)}.sheet{width:100%;max-width:var(--max);max-height:92dvh;overflow-y:auto;padding:10px 22px calc(env(safe-area-inset-bottom) + 24px);background:var(--shell);border-radius:22px 22px 0 0;border-top:1.6px solid var(--ink)}.sheet-grip{width:42px;height:4px;margin:0 auto 14px;border-radius:999px;background:var(--ink-faint)}.sheet-title{margin:0;font-family:var(--font-hand);font-weight:700;font-size:1.6rem}.sheet-note{margin:8px 0 20px;font-family:var(--font-hand);font-size:1rem;line-height:1.4;color:var(--ink-soft)}.field{display:block;position:relative;margin-bottom:16px}.field-label{display:block;margin-bottom:6px;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}.field-label em{font-style:normal;font-weight:500;letter-spacing:.06em;opacity:.7}.field select,.field input,.field textarea{width:100%;padding:12px 13px;font-family:var(--font-ui);font-size:.94rem;background:#ffffff80;border:1.5px solid var(--ink);border-radius:11px 14px 12px 15px/14px 11px 15px 12px;appearance:none}.field textarea{resize:vertical;line-height:1.4}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 51%,calc(100% - 12px) 51%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.field :is(select,input,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:1px}.field-count{position:absolute;right:4px;bottom:-16px;font-family:var(--font-ui);font-size:.66rem;color:var(--ink-faint)}.sheet-actions{display:flex;gap:10px;margin-top:26px}.btn-primary,.btn-ghost{flex:1;padding:13px 16px;font-family:var(--font-ui);font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border:1.6px solid var(--ink);border-radius:13px 16px 14px 17px/16px 13px 17px 14px}.btn-primary{background:#e3c46a}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{background:transparent;border-color:var(--ink-faint);color:var(--ink-soft)}.sheet-done{padding-bottom:8px}.sheet-done .btn-primary{width:100%}:is(button,a,select,input,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}