@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.22,.8,.3,1);--r-sm:14px;--r-md:20px;--r-lg:28px;--font-head:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}[data-palette=cotton][data-mode=light]{--bg:#fff6fa;--surface:#fff;--surface-2:#fdebf3;--primary:#f49ac1;--primary-strong:#e26fa4;--accent:#c9b6f2;--accent-2:#ffd8a8;--ink:#3b2a4a;--ink-soft:#6e5c7e;--border:#f3d5e4;--ink-on:#3b2a4a;--shadow:226,111,164;--success:#2f8f63;--success-bg:#ddf5e8;--warn:#a86414;--danger:#c2415e;--danger-bg:#fce3ea;--header-bg:#fff6facc}[data-palette=cotton][data-mode=dark]{--bg:#1e1826;--surface:#2a2233;--surface-2:#342a40;--primary:#f7a8cb;--primary-strong:#f28dba;--accent:#cdb8f7;--accent-2:#ffd2a6;--ink:#f7eef5;--ink-soft:#c7b8d2;--border:#45384f;--ink-on:#3b2a4a;--shadow:0,0,0;--success:#8ee0b5;--success-bg:#24392f;--warn:#ffc98a;--danger:#ff9cb2;--danger-bg:#46283a;--header-bg:#1e1826cc}[data-palette=lemon][data-mode=light]{--bg:#fffbea;--surface:#fff;--surface-2:#fff4cc;--primary:#ffd86b;--primary-strong:#b98a0e;--accent:#9fddbe;--accent-2:#c9e89a;--ink:#33402a;--ink-soft:#66704f;--border:#f2e2a6;--ink-on:#3a3412;--shadow:216,170,40;--success:#23784f;--success-bg:#d8f3e5;--warn:#9a5b10;--danger:#bc4153;--danger-bg:#fce4e4;--header-bg:#fffbeacc}[data-palette=lemon][data-mode=dark]{--bg:#1f1d13;--surface:#2a2719;--surface-2:#353120;--primary:#ffd86b;--primary-strong:#ffc94a;--accent:#96e0be;--accent-2:#c6e89a;--ink:#fbf6e2;--ink-soft:#d0c7a4;--border:#4a432a;--ink-on:#3a3412;--shadow:0,0,0;--success:#96e0be;--success-bg:#21382f;--warn:#ffd08f;--danger:#ffa3ae;--danger-bg:#41272b;--header-bg:#1f1d13cc}[data-palette=mint][data-mode=light]{--bg:#f3fbf7;--surface:#fff;--surface-2:#e3f6ee;--primary:#8fd9b6;--primary-strong:#5bbf92;--accent:#ffc2a8;--accent-2:#ffe8a3;--ink:#23403a;--ink-soft:#57716a;--border:#d3eee2;--ink-on:#1f3a33;--shadow:91,191,146;--success:#23784f;--success-bg:#d8f3e5;--warn:#9a5b10;--danger:#bc4153;--danger-bg:#fce4e4;--header-bg:#f3fbf7cc}[data-palette=mint][data-mode=dark]{--bg:#15201d;--surface:#1d2b27;--surface-2:#253631;--primary:#96e0be;--primary-strong:#6fcfa4;--accent:#ffc7af;--accent-2:#ffe6a0;--ink:#eaf7f1;--ink-soft:#a9c4ba;--border:#33473f;--ink-on:#1f3a33;--shadow:0,0,0;--success:#96e0be;--success-bg:#21382f;--warn:#ffd08f;--danger:#ffa3ae;--danger-bg:#41272b;--header-bg:#15201dcc}[data-palette=sky][data-mode=light]{--bg:#f4f8ff;--surface:#fff;--surface-2:#e6f0ff;--primary:#9cc7f5;--primary-strong:#6aa6e8;--accent:#ffe3a3;--accent-2:#f9c6d0;--ink:#24324a;--ink-soft:#5a6a85;--border:#d6e3f7;--ink-on:#22304a;--shadow:106,166,232;--success:#2a7f5a;--success-bg:#dcf3e7;--warn:#946010;--danger:#be3f5a;--danger-bg:#fbe4ea;--header-bg:#f4f8ffcc}[data-palette=sky][data-mode=dark]{--bg:#161c28;--surface:#1f2736;--surface-2:#273145;--primary:#a7cdf7;--primary-strong:#82b6f0;--accent:#ffe3a3;--accent-2:#f5bcc8;--ink:#eef3fb;--ink-soft:#aab7cc;--border:#34405a;--ink-on:#22304a;--shadow:0,0,0;--success:#93ddb6;--success-bg:#1f3530;--warn:#ffd48f;--danger:#ffa0b4;--danger-bg:#40263a;--header-bg:#161c28cc}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--font-body);transition:background-color .3s var(--ease), color .3s var(--ease);margin:0;overflow-x:hidden}[data-palette=sky] body{background-image:radial-gradient(var(--border) 1.3px, transparent 1.4px);background-size:22px 22px}[data-palette=sky][data-mode=dark] body{background-image:radial-gradient(#ffffff0f 1.2px,#0000 1.3px)}h1,h2,h3{font-family:var(--font-head);margin:0;font-weight:600;line-height:1.15}a{color:var(--primary-strong)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--primary-strong);outline-offset:3px;border-radius:10px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:0 2px 0 rgba(var(--shadow),.06), 0 18px 40px -22px rgba(var(--shadow),.45);transition:background-color .3s,border-color .3s}.btn{--b-bg:var(--surface);--b-fg:var(--ink);border:1.5px solid var(--border);background:var(--b-bg);color:var(--b-fg);cursor:pointer;box-shadow:0 3px 0 rgba(var(--shadow),.12);transition:transform .35s var(--spring), box-shadow .2s, background-color .3s, opacity .2s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transition-duration:80ms;transform:scale(.94)}.btn-primary{--b-bg:var(--primary);--b-fg:var(--ink-on);box-shadow:0 4px 0 var(--primary-strong);border-color:#0000}.btn-primary:hover{box-shadow:0 6px 0 var(--primary-strong)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{padding:8px 14px;font-size:14px}.btn-lg{font-size:19px;font-family:var(--font-head);letter-spacing:.01em;padding:16px 44px;font-weight:600}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--ink-soft);transition:transform .35s var(--spring), background-color .2s, color .2s;background:0 0;border:1.5px solid #0000;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);background:var(--surface-2);transform:scale(1.08)}.icon-btn:active{transform:scale(.9)}.icon-btn svg{width:22px;height:22px}.link-btn{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:15px;font-weight:700;transition:color .2s,background-color .2s}.link-btn:hover{color:var(--ink);background:var(--surface-2)}header.site{z-index:30;background:var(--header-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1.5px solid var(--border);position:sticky;top:0}.nav{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;height:64px;margin:0 auto;padding:0 20px;display:grid}.nav-left{gap:4px;display:flex}.nav-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.logo{color:var(--ink);font:700 26px/1 var(--font-head);align-items:center;gap:8px;text-decoration:none;display:flex}.logo .pip{width:42px;height:42px}.theme-wrap{position:relative}.theme-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.theme-btn:hover .dot{transform:scale(1.15)}.theme-menu{z-index:60;width:200px;animation:pop .3s var(--spring);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.theme-menu button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:15px;font-weight:700;display:flex}.theme-menu button:hover,.theme-menu button[aria-checked=true]{background:var(--surface-2)}.theme-menu button[aria-checked=true]:after{content:"✓";color:var(--primary-strong);margin-left:auto;font-weight:800}.dot{border:2px solid var(--surface);cursor:pointer;width:22px;height:22px;transition:transform .35s var(--spring), box-shadow .2s;border-radius:50%;flex:none}.dot:hover{transform:scale(1.15)}.dot[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}.dot[data-p=cotton]{background:linear-gradient(135deg,#f49ac1 50%,#c9b6f2 50%)}.dot[data-p=lemon]{background:linear-gradient(135deg,#ffd86b 50%,#9fddbe 50%)}.dot[data-p=mint]{background:linear-gradient(135deg,#8fd9b6 50%,#ffc2a8 50%)}.dot[data-p=sky]{background:linear-gradient(135deg,#9cc7f5 50%,#ffe3a3 50%)}#modeBtn svg{transition:transform .6s var(--spring)}#modeBtn.spin svg{transform:rotate(360deg)scale(1.1)}.play{text-align:center;max-width:680px;margin:0 auto;padding:52px 20px 0}.play h1{letter-spacing:-.01em;font-size:clamp(30px,3.6vw,44px);font-weight:700}.mark{background:linear-gradient(transparent 60%, var(--mk,var(--primary)) 60%, var(--mk,var(--primary)) 90%, transparent 90%);border-radius:4px;padding:0 .06em}[data-mode=dark] .mark{color:var(--mk,var(--primary));background:0 0}.play .sub{color:var(--ink-soft);max-width:40ch;margin:12px auto 0;font-size:18px}.today{color:var(--ink-soft);margin-top:34px;font-size:15px;font-weight:700}.today b{font:600 15px/1 var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums}.word-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 12px;display:grid}.word-card{--c:var(--primary);background:var(--c);color:var(--ink-on);border-radius:var(--r-md);box-shadow:0 5px 0 #00000012, 0 18px 30px -18px rgba(var(--shadow),.6);transform:rotate(var(--rot));transition:transform .45s var(--spring);place-items:center;padding:20px 10px;display:grid;position:relative}.word-card:first-child{--c:var(--primary);--rot:-2deg}.word-card:nth-child(2){--c:var(--accent);--rot:1.2deg}.word-card:nth-child(3){--c:var(--accent-2);--rot:-1deg}.word-card:hover{transform:rotate(0)translateY(-5px)scale(1.03)}.word-card .w{font:700 34px/1.1 var(--font-head)}.word-card .check{background:var(--surface);width:34px;height:34px;color:var(--success);box-shadow:0 6px 14px -6px rgba(var(--shadow),.6);border:2px solid var(--c);transition:transform .45s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;right:-9px;transform:scale(0)}.word-card .check svg{width:18px;height:18px}.word-card.used .check{transform:scale(1)}.forms-hint{color:var(--ink-soft);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.info-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;width:24px;height:24px;font:700 13px/1 var(--font-head);color:var(--ink-soft);transition:transform .3s var(--spring);border-radius:50%}.info-btn:hover{transform:scale(1.12)}.forms-more{transition:grid-template-rows .45s var(--spring);grid-template-rows:0fr;display:grid}.forms-more.open{grid-template-rows:1fr}.forms-more>div{overflow:hidden}.forms-more p{background:var(--surface-2);border-radius:var(--r-sm);margin:10px 0 0;padding:12px 16px;font-size:15px}.editor{text-align:left;margin-top:86px;padding:18px 20px 12px;position:relative}.editor>.pip{width:110px;height:110px;margin-left:-55px;position:absolute;top:-84px;left:50%}textarea.story{resize:none;width:100%;min-height:140px;font:600 22px/1.55 var(--font-body);color:var(--ink);background:0 0;border:0;padding:6px 4px;display:block}textarea.story::placeholder{color:var(--ink-soft);opacity:.6}textarea.story:focus{outline:none}.editor:focus-within{border-color:var(--primary-strong);box-shadow:0 0 0 5px rgba(var(--shadow),.14), 0 18px 40px -22px rgba(var(--shadow),.45)}.count{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800;transition:color .2s;display:block}.count.short{opacity:.6}.count.warn{color:var(--warn)}.count.over{color:var(--danger)}.msg{border-radius:999px;align-items:center;gap:10px;margin:14px auto 0;padding:9px 16px;font-size:15px;font-weight:700;display:inline-flex}.msg.ok{background:var(--success-bg);color:var(--success)}.msg.err{background:var(--danger-bg);color:var(--danger)}.msg.hint{background:var(--surface);border:1.5px dashed var(--accent);color:var(--ink)}.msg .mini-btn{background:var(--primary);color:var(--ink-on);cursor:pointer;transition:transform .3s var(--spring);border:0;border-radius:99px;padding:5px 12px;font-size:13px;font-weight:800}.msg .mini-btn.ghost{color:var(--ink-soft);background:0 0}.msg .mini-btn:active{transform:scale(.9)}.tr-chip{z-index:2;border:1.5px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:transform .35s var(--spring), background-color .2s, border-color .2s;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.tr-chip:hover{border-color:var(--primary-strong);transform:scale(1.06)}.tr-chip:active{transform:scale(.92)}.tr-chip[aria-expanded=true]{background:var(--primary);color:var(--ink-on);border-color:#0000}.editor textarea.story{padding-right:120px}.bubble{z-index:3;background:var(--surface);border:1.5px solid var(--border);text-align:left;cursor:pointer;max-width:236px;color:var(--ink);box-shadow:0 14px 30px -14px rgba(var(--shadow),.6);transform-origin:0 100%;border-radius:24px;padding:11px 34px 11px 16px;font-size:15px;font-weight:800;line-height:1.35;position:absolute;top:-104px;left:calc(50% + 104px)}.bubble:before,.bubble:after{content:"";background:var(--surface);border:1.5px solid var(--border);border-radius:50%;position:absolute}.bubble:before{width:14px;height:14px;bottom:-10px;left:-6px}.bubble:after{width:8px;height:8px;bottom:-20px;left:-16px}.bubble .close{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;padding:4px;font-size:16px;line-height:1;position:absolute;top:6px;right:8px}.translate{text-align:left;margin-top:12px;padding:18px 20px}.translate textarea{border-radius:var(--r-sm);border:2px solid var(--border);background:var(--surface-2);resize:vertical;width:100%;min-height:84px;padding:12px 14px;font-weight:600}.translate textarea:focus{border-color:var(--primary-strong);outline:none}.translate .row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.translate .note{color:var(--ink-soft);font-size:14px;font-weight:600}.submit-row{margin-top:26px}.gallery{max-width:1080px;margin:96px auto 0;padding:0 20px;scroll-margin-top:84px}.gallery-head{text-align:center;margin-bottom:22px}.gallery-head h2{font-size:30px}.tabs{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;margin-top:14px;padding:5px;display:inline-flex;position:relative}.tabs button{z-index:1;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:8px 20px;font-weight:800;transition:color .2s;position:relative}.tabs button[aria-selected=true]{color:var(--ink-on)}.tabs .slider{background:var(--primary);transition:transform .45s var(--spring), width .45s var(--spring);border-radius:999px;position:absolute;top:5px;bottom:5px;left:5px}.grid{columns:3 280px;column-gap:20px}.story-card{break-inside:avoid;text-align:left;margin:0 0 20px;padding:20px 20px 12px;position:relative}.story-card.pop{animation:pop .5s var(--spring) both}.story-card blockquote{font:600 18px/1.5 var(--font-body);margin:0}.story-card .by{align-items:center;gap:10px;margin-top:14px;display:flex}.avatar{width:30px;height:30px;font:700 14px/1 var(--font-head);color:var(--ink-on);border-radius:50%;flex:none;place-items:center;display:grid}.by .name{font-size:14px;font-weight:800;line-height:1.2}.by .name span{color:var(--ink-soft);font-weight:700}.by time{color:var(--ink-soft);font-size:12.5px;font-weight:600;display:block}.by .tools{align-items:center;margin-left:auto;display:flex}.heart{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-weight:800;transition:background-color .2s;display:inline-flex;position:relative}.heart:hover{background:var(--surface-2)}.heart svg{width:21px;height:21px;transition:transform .45s var(--spring)}.heart svg path{fill:#0000;stroke:currentColor;stroke-width:2px;transition:fill .2s}.heart[aria-pressed=true]{color:var(--danger)}.heart[aria-pressed=true] svg path{fill:currentColor}.heart.boom svg{animation:heartPop .5s var(--spring)}.heart .n{font-variant-numeric:tabular-nums}.mini{pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:18px}.tool{cursor:pointer;width:32px;height:32px;color:var(--ink-soft);transition:background-color .2s, transform .3s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.tool:hover{background:var(--surface-2);transform:scale(1.08)}.tool svg{width:17px;height:17px}.menu{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);box-shadow:0 14px 30px -14px rgba(var(--shadow),.6);z-index:3;animation:pop .35s var(--spring);padding:6px;position:absolute;bottom:52px;right:12px}.menu button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-weight:700}.menu button:hover{background:var(--surface-2)}.menu button.danger{color:var(--danger)}.ribbon{background:var(--accent);color:var(--ink-on);font:800 12px/1 var(--font-body);border-radius:99px;padding:6px 10px;position:absolute;top:-10px;right:18px}.locked{position:relative}.locked .grid{filter:blur(7px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.lock-over{place-items:center;display:grid;position:absolute;inset:0}.lock-pill{background:var(--surface);border:1.5px solid var(--border);box-shadow:0 20px 40px -18px rgba(var(--shadow),.6);text-align:left;border-radius:999px;align-items:center;gap:14px;padding:12px 24px 12px 12px;font-size:17px;font-weight:800;display:flex}.lock-pill .pip{width:58px;height:58px;margin:-10px 0}.lock-pill small{color:var(--ink-soft);font-size:14px;font-weight:600;display:block}.empty{text-align:center;max-width:520px;margin:0 auto;padding:34px 20px 50px}.empty .pip{width:150px;height:150px;margin:0 auto}.empty h3{margin-top:6px;font-size:24px}main{min-height:calc(100vh - 160px)}footer{border-top:1.5px dashed var(--border);color:var(--ink-soft);margin-top:96px;padding:40px 20px 100px;font-size:14px;font-weight:600}.foot-in{grid-template-columns:1.4fr repeat(3,1fr);gap:28px;max-width:1080px;margin:0 auto;display:grid}.foot-brand{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.foot-brand .logo-row{font:700 22px var(--font-head);color:var(--ink);align-items:center;gap:10px;display:flex}.foot-brand .pip{width:46px;height:46px}.foot-brand p{max-width:250px;margin:0;line-height:1.5}.foot-col h3{font:700 15px var(--font-head);color:var(--ink);margin:4px 0 10px}.foot-col a,.foot-col button{color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;margin:0 0 8px;padding:0;font-size:14px;font-weight:700;text-decoration:none;display:block}.foot-col a:hover,.foot-col button:hover{color:var(--ink)}.foot-bottom{border-top:1.5px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;max-width:1080px;margin:28px auto 0;padding-top:16px;font-size:13px;display:flex}.foot-bottom a{color:inherit}@media (width<=640px){.foot-in{grid-template-columns:1fr 1fr;gap:22px}.foot-brand{grid-column:1/-1}.foot-bottom{text-align:center;justify-content:center}}dialog{color:var(--ink);background:0 0;border:0;width:100%;max-width:min(460px,100vw - 32px);padding:0;overflow:visible}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c1e59}dialog[open] .sheet{animation:sheetIn .5s var(--spring)}.sheet{background:var(--surface);border-radius:var(--r-lg);border:1.5px solid var(--border);text-align:center;padding:28px;position:relative}.sheet h2{font-size:26px}.field{text-align:left;margin-top:18px}.field input{border-radius:var(--r-sm);border:2px solid var(--border);background:var(--surface-2);width:100%;padding:13px 16px;font-size:18px;font-weight:700}.field input:focus{border-color:var(--primary-strong);outline:none}.field .help{color:var(--ink-soft);margin-top:8px;font-size:14px;font-weight:700}.field .help.err{color:var(--danger)}.field .help.ok{color:var(--success)}.field .help b{color:var(--ink)}.sheet .row{justify-content:center;gap:10px;margin-top:22px;display:flex}.x{position:absolute;top:12px;right:12px}#successPip{width:120px;height:120px;margin:-80px auto 0}#successDlg h2{margin-top:2px}#successDlg .sheet{padding-top:20px}.share{color:#3b2a4a;text-align:left;background:radial-gradient(circle at 100% 0%, var(--accent) 0 80px, transparent 81px), radial-gradient(circle at 0% 100%, var(--accent-2) 0 60px, transparent 61px), var(--surface-2);border:1.5px solid var(--border);box-shadow:0 22px 44px -24px rgba(var(--shadow),.7);border-radius:22px;margin:18px 4px 0;padding:20px 22px 16px;position:relative;overflow:hidden;transform:rotate(1.2deg)}[data-mode=dark] .share{color:var(--ink)}.share .top{font:700 17px/1 var(--font-head);align-items:center;gap:8px;display:flex}.share .top .pip{width:30px;height:30px;margin:0}.share .top span.num{font:700 13px/1 var(--font-body);opacity:.75;margin-left:auto}.share .pills{gap:6px;margin:14px 0 12px;display:flex}.share .pills span{color:#3b2a4a;border-radius:99px;padding:4px 10px;font-size:13px;font-weight:800}.share .pills span:first-child{background:var(--primary)}.share .pills span:nth-child(2){background:var(--accent)}.share .pills span:nth-child(3){background:var(--accent-2)}.share blockquote{font:600 22px/1.35 var(--font-head);margin:0}.share .who{margin-top:10px;font-size:15px;font-weight:800}.share .foot-s{opacity:.65;border-top:1.5px dashed;margin-top:14px;padding-top:9px;font-size:12px;font-weight:700}.share-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.cookie{z-index:40;max-width:400px;animation:sheetIn .6s var(--spring);padding:16px 18px;position:fixed;bottom:20px;right:20px}.cookie p{color:var(--ink-soft);margin:0 0 12px;font-size:14.5px;font-weight:600}.cookie .row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cookie .btn{padding:9px 6px;font-size:13.5px}.cat{border-bottom:1.5px dashed var(--border);text-align:left;align-items:center;gap:16px;padding:12px 0;display:flex}.cat:last-of-type{border-bottom:0}.cat p{color:var(--ink-soft);margin:0;font-size:13.5px;font-weight:600}.switch{flex:none;width:50px;height:28px;margin-left:auto;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch span{background:var(--surface-2);border:1.5px solid var(--border);border-radius:99px;transition:background-color .2s;position:absolute;inset:0}.switch span:after{content:"";background:var(--surface);width:20px;height:20px;transition:transform .4s var(--spring);border-radius:50%;position:absolute;top:2.5px;left:3px;box-shadow:0 2px 4px #0003}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(21px)}.switch input:disabled{cursor:not-allowed}.switch input:disabled+span{opacity:.7}.switch input:focus-visible+span{outline:3px solid var(--primary-strong);outline-offset:2px}.seeds-pill{background:var(--surface);border:1.5px solid var(--border);font:600 16px/1 var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums;transition:transform .35s var(--spring), border-color .2s;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.page-loading{text-align:center;color:var(--ink-soft);padding:80px 20px;font-weight:700}.toast{z-index:60;opacity:0;background:var(--ink);color:var(--bg);transition:transform .5s var(--spring), opacity .2s;border-radius:999px;padding:11px 22px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%,160px)}.toast.show{opacity:1;transform:translate(-50%)}.mock{z-index:50;color:#eee;background:#1d1d24;border-radius:14px;width:230px;font:600 13px/1.3 ui-monospace,Consolas,monospace;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #00000059}.mock summary{cursor:pointer;padding:10px 14px;list-style:none}.mock summary::-webkit-details-marker{display:none}.mock .body{gap:7px;padding:0 14px 14px;display:grid}.mock .body p{color:#aaa;margin:0;font-size:12px}.mock button,.mock select{color:#eee;font:inherit;cursor:pointer;text-align:left;background:#2c2c36;border:1px solid #444;border-radius:8px;padding:6px 8px}.mock button:hover{background:#3a3a46}.pip{display:block;overflow:visible}.pip .body{fill:var(--surface-2);stroke:var(--primary-strong);stroke-width:3px}[data-mode=dark] .pip .body{fill:#fff3f8;stroke:var(--primary)}.pip .belly{fill:var(--surface);opacity:.7}[data-mode=dark] .pip .belly{fill:#fff}.pip .eye{fill:#3b2a4a;transform-box:fill-box;transform-origin:50%}.pip .shine{fill:#fff}.pip .cheek{fill:#ff8fb1;opacity:.45}.pip .mouth{fill:none;stroke:#3b2a4a;stroke-width:3px;stroke-linecap:round}.pip .arm{fill:var(--surface-2);stroke:var(--primary-strong);stroke-width:3px;transform-box:fill-box}[data-mode=dark] .pip .arm{fill:#fff3f8;stroke:var(--primary)}.pip .arm-l{transform-origin:100% 30%}.pip .arm-r{transform-origin:0 30%}.pip .twinkle>*{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite twinkle}.pip .twinkle>:nth-child(2){animation-delay:.6s}.pip .twinkle>:nth-child(3){animation-delay:1.2s}.pip .twinkle>:nth-child(4){animation-delay:.3s}.pip .glow{animation:2.4s ease-in-out infinite glow}@keyframes twinkle{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1.15)}}@keyframes glow{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pip .twinkle>*,.pip .glow{animation:none}}.pip .stem{fill:none;stroke:#7dbe8f;stroke-width:3px;stroke-linecap:round}.pip .leaf{stroke:#0000001f;stroke-width:1.5px;transform-box:fill-box;transform-origin:50% 100%;transform:rotate(var(--up)) scale(1.12);transition:transform .5s var(--spring), filter .3s, opacity .3s}.pip .l1{fill:var(--primary);--droop:-28deg;--up:-14deg}.pip .l2{fill:var(--accent);--droop:0deg;--up:0deg}.pip .l3{fill:var(--accent-2);--droop:28deg;--up:14deg}.pip.live .leaf{filter:saturate(.15);opacity:.55;transform:rotate(var(--droop)) scale(.82)}.pip.live.m1 .l1,.pip.live.m2 .l2,.pip.live.m3 .l3{filter:none;opacity:1;transform:rotate(var(--up)) scale(1.12)}.pip .pencil-body{fill:#ffd86b}.pip .pencil-tip{fill:#f5c8a0}.pip .pencil-lead{fill:#3b2a4a}.pip .pencil-eraser{fill:#ff9fbf}.pip .zz,.pip .spark,.pip .sleep-eye{opacity:0}.pip .spark{fill:var(--accent-2);stroke:var(--primary-strong);stroke-width:1.5px}.pip .zz{font:700 22px var(--font-head);fill:var(--ink-soft)}.pip.is-sleepy .eye,.pip.is-sleepy .shine{opacity:0}.pip.is-sleepy .sleep-eye,.pip.is-sleepy .zz,.pip.is-cheer .spark{opacity:1}@media (prefers-reduced-motion:no-preference){.pip .wiggle{transform-origin:50% 100%;animation:3.2s ease-in-out infinite bob}.pip .eye{animation:4.6s infinite blink}.pip.is-happy .wiggle{animation:hop .6s var(--spring)}.pip.is-cheer .wiggle{animation:jump .9s var(--spring) 2}.pip.is-cheer .arm-l{animation:.45s ease-in-out 4 alternate waveL}.pip.is-cheer .arm-r{animation:.45s ease-in-out 4 alternate waveR}.pip.is-cheer .spark{animation:.9s ease-in-out infinite alternate twinkle}.pip.is-sleepy .wiggle{animation:3.6s ease-in-out infinite breathe}.pip.is-sleepy .zz{animation:2.8s ease-in-out infinite zz}.word-card.in{animation:cardIn .7s var(--spring) both}.word-card.used.bump{animation:bump .5s var(--spring)}.reveal{animation:rise .5s var(--spring) both}.bubble{animation:cloudIn .55s var(--spring) both, float 3s ease-in-out .6s infinite}.tr-chip.nudge{animation:nudge .9s var(--spring) 2}}@keyframes cloudIn{0%{opacity:0;transform:scale(.4)translateY(10px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes nudge{0%,to{box-shadow:0 0 0 0 rgba(var(--shadow),0);transform:none}20%{transform:scale(1.12)rotate(-6deg)}40%{transform:scale(1.12)rotate(6deg);box-shadow:0 0 0 8px #e26fa42e}60%{transform:scale(1.04)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.01,.99)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(0)scale(1.08,.9)}60%{transform:translateY(-16px)scale(.95,1.06)}to{transform:translateY(0)scale(1)}}@keyframes jump{0%{transform:translateY(0)scale(1)}25%{transform:translateY(4px)scale(1.12,.86)}55%{transform:translateY(-30px)scale(.92,1.1)rotate(-4deg)}80%{transform:translateY(2px)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@keyframes waveL{to{transform:rotate(-55deg)}}@keyframes waveR{to{transform:rotate(55deg)}}@keyframes zz{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(10px,-18px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.6)rotate(-8deg)}to{opacity:1;transform:rotate(var(--rot))}}@keyframes bump{0%{transform:rotate(var(--rot,0)) scale(1)}40%{transform:rotate(var(--rot,0)) scale(1.1)}to{transform:rotate(var(--rot,0)) scale(1)}}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes heartPop{0%{transform:scale(1)}30%{transform:scale(.7)}70%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:none}}.seeds-pill{cursor:pointer;background:var(--surface);border:1.5px solid var(--border);font:600 16px/1 var(--font-head);color:var(--ink);transition:transform .35s var(--spring), border-color .2s;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.seeds-pill:hover{border-color:var(--primary-strong);transform:scale(1.06)}.seeds-pill.bump{animation:bump .5s var(--spring)}.plus{z-index:5;pointer-events:none;font:700 15px/1 var(--font-head);color:var(--success);white-space:nowrap;position:absolute}.earned{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.earned span{background:var(--success-bg);color:var(--success);border-radius:99px;padding:5px 12px;font-size:14px;font-weight:800}.page{max-width:1080px;margin:0 auto;padding:44px 20px 0}.page-title{text-align:center}.page-title h1{font-size:clamp(30px,3.4vw,42px);font-weight:700}.page-title p{color:var(--ink-soft);max-width:56ch;margin:10px auto 0;font-size:17px}.garden{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface) 0 62%, var(--surface-2) 62%);border:1.5px solid var(--border);height:170px;margin-bottom:26px;position:relative;overflow:hidden}.garden.big{height:250px}.garden:after{content:"";background:var(--border);height:2px;position:absolute;top:62%;left:0;right:0}.garden .label{z-index:2;color:var(--ink-soft);font-size:14px;font-weight:800;position:absolute;top:12px;left:18px}.walker{cursor:pointer;z-index:1;text-align:center;background:0 0;border:0;width:70px;padding:0;position:absolute;bottom:14px}.garden.big .walker{width:92px;bottom:22px}.walker .pip{aspect-ratio:1;width:100%;height:auto}.walker .tag{color:var(--ink-soft);white-space:nowrap;margin-top:-2px;font-size:12px;font-weight:800;display:block}.garden .flower{opacity:.8;font-size:18px;position:absolute;bottom:6px}.popover{z-index:20;text-align:center;width:220px;animation:pop .35s var(--spring);padding:14px;position:absolute}.popover .pip{width:84px;height:84px;margin:0 auto}.popover b{font-size:15px;display:block}.popover small{color:var(--ink-soft);font-size:13px;font-weight:700;display:block}.gardener{color:var(--success);background:var(--success-bg);vertical-align:1px;border-radius:99px;align-items:center;gap:3px;margin-left:4px;padding:2px 7px;font-size:11.5px;font-weight:800;display:inline-flex}.avatar-pip{cursor:pointer;background:0 0;border:0;flex:none;width:38px;height:38px;padding:0}.avatar-pip .pip{width:38px;height:38px}.dresser{grid-template-columns:340px 1fr;align-items:start;gap:26px;margin-top:30px;display:grid}.preview{text-align:center;padding:22px;position:sticky;top:84px}.preview .stage{width:220px;height:220px;margin:6px auto 0;position:relative}.preview .stage .pip{width:220px;height:220px}.preview .who{font:600 20px/1.2 var(--font-head);margin-top:4px}.stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.stats span{color:var(--ink-soft);background:var(--surface-2);border-radius:99px;padding:5px 10px;font-size:13px;font-weight:800}.balance{font:700 34px/1 var(--font-head);font-variant-numeric:tabular-nums;margin-top:16px}.balance small{font:700 13px/1.4 var(--font-body);color:var(--ink-soft);margin-top:4px;display:block}.trying{border-top:1.5px dashed var(--border);color:var(--ink-soft);margin-top:14px;padding-top:12px;font-size:13px;font-weight:800}.try-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.try-chips button{border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;color:var(--ink);border-radius:99px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:13px;font-weight:800;display:inline-flex}.try-chips button span{color:var(--ink-soft);font-size:15px;line-height:1}.try-clear{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-top:8px;font-size:13px;font-weight:800;text-decoration:underline}.mode-tabs{background:var(--surface);border:1.5px solid var(--border);border-radius:999px;gap:4px;margin-top:16px;padding:5px;display:inline-flex}.mode-tabs a{color:var(--ink-soft);transition:background-color .2s, transform .3s var(--spring);border-radius:999px;padding:8px 20px;font-weight:800;text-decoration:none}.mode-tabs a:hover{transform:translateY(-2px)}.mode-tabs a[aria-current=page]{background:var(--primary);color:var(--ink-on)}.empty-slot{text-align:center;color:var(--ink-soft);grid-column:1/-1;padding:30px 20px;font-weight:700}.empty-slot a{margin-top:10px;display:inline-block}.item .owned{color:var(--success);margin-top:10px;padding:7px 0;font-size:13px;font-weight:800;display:block}.slot-tabs{flex-wrap:wrap;gap:6px;display:flex}.slot-tabs button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--ink-soft);transition:transform .3s var(--spring), background-color .2s;border-radius:999px;padding:8px 16px;font-weight:800}.slot-tabs button:hover{transform:translateY(-2px)}.slot-tabs button[aria-selected=true]{background:var(--primary);color:var(--ink-on);border-color:#0000}.tier-key{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin:14px 2px 0;font-size:13px;font-weight:700;display:flex}.items{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:16px;display:grid}.item{text-align:center;cursor:pointer;transition:transform .35s var(--spring), border-color .2s;padding:12px 12px 14px;position:relative}.item:hover{transform:translateY(-4px)}.item.selected{border-color:var(--primary-strong);box-shadow:0 0 0 4px rgba(var(--shadow),.15)}.item .thumb{width:96px;height:96px;margin:0 auto}.item .thumb .pip{width:96px;height:96px}.item .name{margin-top:4px;font-size:15px;font-weight:800}.tier{border-radius:99px;margin-top:4px;padding:3px 8px;font-size:11.5px;font-weight:800;display:inline-block}.tier.basic{background:var(--surface-2);color:var(--ink-soft)}.tier.sprout{color:#2f7a4f;background:#e3f6ea}.tier.leaf{color:#1f6b44;background:#ddf1e4}.tier.bloom{color:#a63d74;background:#fce3f0}.tier.golden{color:#8a6200;background:#fff0c2}.season{color:#9a4f12;background:#ffe7d1;border-radius:99px;margin-top:4px;padding:3px 8px;font-size:11.5px;font-weight:800;display:inline-block}.item .act{width:100%;margin-top:10px}.item .act.short{background:var(--surface-2);box-shadow:none;color:var(--ink-soft);font-size:13px}.item .lock{color:var(--ink-soft);margin-top:10px;font-size:13px;font-weight:700}.item.bloom-fx:before{content:"✨";font-size:14px;position:absolute;top:8px;right:10px}.buy-pip{width:130px;height:130px;margin:0 auto}.buy-line{color:var(--ink-soft);margin-top:6px;font-weight:700}.buy-line b{color:var(--ink)}#loginPip{width:110px;height:110px;margin:-6px auto 0}[data-tip]{cursor:help}.tip-pop{z-index:400;pointer-events:none;background:var(--ink);max-width:240px;color:var(--bg);font:600 13px/1.45 var(--font-body);animation:pop .2s var(--spring);border-radius:12px;padding:9px 12px;position:absolute;box-shadow:0 10px 24px -10px #0006}.tip-pop b{margin-bottom:2px;font-size:13.5px;font-weight:800;display:block}.badge{vertical-align:1px;background:var(--surface-2);color:var(--ink-soft);border-radius:99px;align-items:center;gap:3px;margin-left:4px;padding:2px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.badge.gardener{color:#2f7a4f;background:linear-gradient(90deg,#ddf5e8,#fff1c4);box-shadow:inset 0 0 0 1.5px #a6dfbf}.popover .badges{flex-direction:column;align-items:center;gap:5px;margin-top:8px;display:flex}.popover .badges .badge{margin:0}.popover .emote{font-size:20px;position:absolute;top:6px;right:12px}.item.t-sprout{border-color:#bfe6cd}.item.t-leaf{border-color:#8fd3a9}.item.t-bloom{background:linear-gradient(180deg, var(--surface), #fff4fa);border-color:#f4b6d3}[data-mode=dark] .item.t-bloom{background:var(--surface)}.item.t-golden{background:linear-gradient(180deg, var(--surface), #fff8e0);border-color:#f1c850;box-shadow:0 0 0 3px #f1c8502e}[data-mode=dark] .item.t-golden{background:var(--surface)}.tier.free{background:var(--surface-2);color:var(--ink-soft)}.tiers-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:99px;margin-left:auto;padding:8px 10px;font-weight:800}.tiers-btn:hover{background:var(--surface-2);color:var(--ink)}.tier-list{text-align:left;gap:10px;margin-top:16px;display:grid}.tier-list div{color:var(--ink-soft);align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.tier-list .tier,.tier-list .season{text-align:center;flex:none;width:104px;margin:0}.balance-row{font:700 30px/1 var(--font-head);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-top:16px;display:inline-flex}.balance-row small{font:700 16px/1 var(--font-body);color:var(--ink-soft)}.fab{z-index:45;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;width:56px;height:56px;box-shadow:0 12px 26px -12px rgba(var(--shadow),.7);transition:transform .4s var(--spring);border-radius:50%;font-size:26px;position:fixed;bottom:20px;right:20px}.fab:hover{transform:scale(1.1)rotate(-8deg)}.fab:active{transform:scale(.92)}.cookie{width:fit-content;max-width:min(560px,100vw - 180px);margin-inline:auto;bottom:20px;left:0;right:0}.cookie .row{grid-template-columns:repeat(3,auto)}.item .act.soft{background:var(--surface-2);box-shadow:none;color:var(--ink-soft);border-color:#0000}.item .act.soft:hover{transform:none}.item .under{min-height:24px;margin-top:7px}.item .under small{color:var(--ink-soft);font-size:12px;font-weight:700;display:block}.item .under a{color:var(--ink-soft)}.mini-bar{background:var(--surface-2);border-radius:99px;height:5px;margin:0 6px 4px;overflow:hidden}.mini-bar i{background:var(--primary-strong);border-radius:99px;height:100%;display:block}.menu-wrap{position:relative}.acct-menu{z-index:60;width:210px;animation:pop .3s var(--spring);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.acct-menu a,.acct-menu button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.acct-menu a:hover,.acct-menu button:hover{background:var(--surface-2)}.acct-menu hr{border:0;border-top:1.5px dashed var(--border);margin:6px 4px}.acct-menu .quiet{color:var(--ink-soft);font-size:13px}.acct-menu .who{color:var(--ink-soft);padding:6px 12px 8px;font-size:13px;font-weight:700}.popover{z-index:200}.meadow{isolation:isolate}.popover{width:270px}.popover .badges{flex-flow:wrap;justify-content:center;align-items:center;gap:5px;margin-top:8px;display:flex}.popover .badges .badge{white-space:nowrap;justify-content:center;margin:0}.popover .badges.all .badge{flex:0 0 calc(50% - 3px)}.more-badges{border:1.5px dashed var(--border);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:99px;padding:1px 6px;font-size:10.5px;font-weight:800;line-height:1.4}.archive{grid-template-columns:1.25fr 1fr;align-items:start;gap:22px;margin-top:28px;display:grid}.cal{padding:20px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-head h2{font-size:22px}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-grid .day{width:100%;min-width:0;padding:0}.cal-grid .dow{text-align:center;color:var(--ink-soft);padding-bottom:4px;font-size:12px;font-weight:800}.day{aspect-ratio:1;background:var(--surface-2);cursor:pointer;color:var(--ink);transition:transform .3s var(--spring), border-color .2s;border:1.5px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:15px;font-weight:800;display:flex;position:relative}.day:hover{transform:translateY(-3px)}.day small{color:var(--ink-soft);font-size:10.5px;font-weight:700}.day .mark{font-size:11px;position:absolute;top:3px;right:5px}.day.played{background:color-mix(in srgb, var(--primary) 35%, var(--surface))}.day.is-today{border-color:var(--primary-strong)}.day.sel{border-color:var(--ink);box-shadow:0 0 0 3px rgba(var(--shadow),.15)}.day.future,.day.pre{color:var(--ink-soft);opacity:.45;cursor:default;background:0 0}.day.future:hover,.day.pre:hover{transform:none}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.legend i{vertical-align:-1px;border-radius:4px;width:12px;height:12px;margin-right:4px;display:inline-block}.dayp{padding:22px;position:sticky;top:84px}.dayp .when{color:var(--ink-soft);font-size:14px;font-weight:800}.dayp h2{margin-top:2px;font-size:24px}.dayp .mini-words{gap:8px;margin:14px 0;display:flex}.dayp .mini-words span{text-align:center;font:700 19px/1 var(--font-head);color:var(--ink-on);border-radius:14px;flex:1;padding:12px 4px}.dayp .mini-words span:first-child{background:var(--primary)}.dayp .mini-words span:nth-child(2){background:var(--accent)}.dayp .mini-words span:nth-child(3){background:var(--accent-2)}.dayp .facts{flex-wrap:wrap;gap:8px;display:flex}.dayp .facts span{color:var(--ink-soft);background:var(--surface-2);border-radius:99px;padding:5px 10px;font-size:13px;font-weight:800}.dayp .yours{border-radius:var(--r-sm);background:var(--surface-2);margin-top:14px;padding:12px 14px;font-weight:600}.dayp .yours b{color:var(--ink-soft);margin-bottom:2px;font-size:12.5px;display:block}.dayp .acts{gap:8px;margin-top:16px;display:grid}.tt-progress{color:var(--ink-soft);text-align:center;margin-top:4px;font-size:13px;font-weight:700}.past-stories{margin-top:34px}.past-stories h2{text-align:center;font-size:24px}.past-stories .note{text-align:center;color:var(--ink-soft);margin:4px 0 18px;font-weight:600}.heart.closed{cursor:default;opacity:.7}.practice-note{color:var(--ink-soft);margin:12px 0 0;font-size:13.5px;font-weight:600}.p-editor{position:relative}.p-editor .tr-chip{top:22px}#practiceDlg .p-editor textarea{padding-right:118px}#practiceDlg .p-tr{background:var(--surface-2);border-radius:var(--r-sm);margin-top:10px;padding:14px}#practiceDlg .p-tr textarea{background:var(--surface);min-height:70px;margin-top:0;font-size:16px}#practiceDlg{max-width:min(560px,100vw - 32px)}#practiceDlg textarea{border-radius:var(--r-sm);border:2px solid var(--border);background:var(--surface-2);width:100%;min-height:110px;font:600 18px/1.5 var(--font-body);resize:none;margin-top:12px;padding:14px}#practiceDlg textarea:focus{border-color:var(--primary-strong);outline:none}.p-chips{justify-content:center;gap:6px;margin-top:10px;display:flex}.p-chips span{border:2px dashed var(--border);color:var(--ink-soft);transition:transform .3s var(--spring);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:800}.p-chips span.on{background:var(--primary);border-style:solid;border-color:var(--primary);color:var(--ink-on)}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.stat-tiles div{background:var(--surface-2);border-radius:var(--r-sm);text-align:center;padding:10px 4px}.stat-tiles b{font:700 20px/1.1 var(--font-head);display:block}.stat-tiles span{color:var(--ink-soft);margin-top:2px;font-size:12px;font-weight:700;display:block}.ach-link{margin-top:14px;font-size:14px;font-weight:800;display:inline-block}.ach-summary{text-align:center;color:var(--ink-soft);margin-top:8px;font-weight:800}.ach-group{margin-top:34px}.ach-group h2{margin-bottom:12px;font-size:22px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.ach{align-items:center;gap:14px;padding:16px 18px;display:flex}.ach .ico{background:var(--surface-2);filter:grayscale(.7);opacity:.75;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.ach.done .ico{filter:none;opacity:1;background:linear-gradient(135deg,#fff1c4,#ddf5e8)}.ach .txt{flex:1;min-width:0}.ach .txt b{font-size:16px;display:block}.ach .txt p{color:var(--ink-soft);margin:1px 0 6px;font-size:14px;font-weight:600}.ach .reward{flex-wrap:wrap;gap:6px;display:flex}.ach .reward span{background:var(--surface-2);color:var(--ink-soft);border-radius:99px;padding:3px 8px;font-size:12px;font-weight:800}.ach .prog{background:var(--surface-2);border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.ach .prog i{background:var(--primary-strong);border-radius:99px;height:100%;display:block}.ach .count{color:var(--ink-soft);margin-top:4px;font-size:12.5px;font-weight:800}.ach.done .count{color:var(--success)}.fab-panel{z-index:45;text-align:center;width:280px;animation:sheetIn .45s var(--spring);transform-origin:100% 100%;padding:18px;position:fixed;bottom:88px;right:20px}.fab-panel h3{font-size:19px}.fab-panel p{color:var(--ink-soft);margin:6px 0 14px;font-size:14.5px;font-weight:600}.fab-panel .btn{width:100%;margin-top:8px}.meadow{border-radius:var(--r-lg);border:1.5px solid var(--border);background:radial-gradient(ellipse at 20% 110%, #8fd9b659, transparent 60%), radial-gradient(ellipse at 85% 105%, #8fd9b64d, transparent 55%), linear-gradient(180deg, var(--surface) 0 16%, var(--surface-2) 16%);height:max(540px,100vh - 300px);margin-top:18px;position:relative;overflow:hidden}.meadow .deco{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.roamer{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;width:84px;padding:0;transition:opacity .3s;position:absolute;top:0;left:0}.roamer .pip{aspect-ratio:1;width:100%;height:auto;transition:transform .3s}.roamer.flip .pip{transform:scaleX(-1)}.roamer .tag{color:var(--ink);background:var(--surface);white-space:nowrap;opacity:0;box-shadow:0 4px 10px -6px rgba(var(--shadow),.6);border-radius:99px;padding:2px 8px;font-size:12.5px;font-weight:800;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.roamer:hover .tag,.roamer.show-tag .tag{opacity:1}.roamer.dim{opacity:.22}.filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.filters button{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--ink-soft);transition:transform .3s var(--spring);border-radius:999px;padding:8px 16px;font-weight:800}.filters button:hover{transform:translateY(-2px)}.filters button[aria-pressed=true]{background:var(--primary);color:var(--ink-on);border-color:#0000}.perks{text-align:left;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.perks li{background:var(--surface-2);border-radius:var(--r-sm);align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex}.perks li span{font-size:20px}.login-btns{gap:10px;margin-top:18px;display:grid}.login-btns .btn{width:100%}.fine{color:var(--ink-soft);margin-top:12px;font-size:13px;font-weight:600}.thanks{text-align:center;max-width:640px;margin:30px auto 0;font-size:18px}.thanks p{margin:0 0 10px}.group-h{text-align:center;margin:44px 0 14px}.group-h h2{font-size:26px}.group-h p{color:var(--ink-soft);margin:6px 0 0;font-weight:600}.support{text-align:center;max-width:560px;margin:44px auto 0;padding:26px}.support p{color:var(--ink-soft);margin:8px 0 16px;font-weight:600}@media (width<=860px){.dresser,.archive{grid-template-columns:1fr}.preview,.dayp{position:static}}@media (width<=640px){body{font-size:16px}.nav{padding:0 10px}.logo span{display:none}.play{padding-top:32px}.word-cards{gap:10px}.word-card{padding:16px 6px}.word-card .w{font-size:24px}textarea.story{font-size:19px}.bubble{max-width:210px;font-size:14px;top:54px;left:auto;right:10px}.bubble:before,.bubble:after{display:none}.cookie{width:auto;max-width:none;bottom:86px;left:12px;right:12px}.cookie .row{grid-template-columns:repeat(3,1fr)}.lock-pill{margin:0 12px;font-size:15px}.mock{display:none}.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.how-step{grid-template-columns:34px 1fr}}#howDlg{max-width:min(520px,100vw - 32px)}#howDlg .sheet{text-align:left;padding-top:22px}#howDlg h2{text-align:center}#howPip{width:84px;height:84px;margin:-62px auto 0}.how-steps{gap:16px;margin-top:16px;display:grid}.how-step{grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid}.how-step .n{width:34px;height:34px;font:700 17px var(--font-head);background:var(--surface-2);border:2px solid var(--border);border-radius:50%;place-items:center;display:grid}.how-step:first-child .n{background:var(--primary);border-color:var(--primary);color:var(--ink-on)}.how-step:nth-child(2) .n{background:var(--accent);border-color:var(--accent);color:#3b2a4a}.how-step:nth-child(3) .n{background:var(--accent-2);border-color:var(--accent-2);color:#3b2a4a}.how-step h3{font:700 18px/1.3 var(--font-head);margin:4px 0 6px}.how-step p{color:var(--ink-soft);margin:0;font-size:15px;font-weight:600}.how-words{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.how-words span{font:700 15px var(--font-head);color:#3b2a4a;background:var(--primary);border-radius:10px;padding:3px 12px}.how-words span:nth-child(2){background:var(--accent)}.how-words span:nth-child(3){background:var(--accent-2)}.how-ex{border-radius:var(--r-sm);background:var(--surface-2);margin-top:8px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.5}.how-ex mark{color:inherit;border-bottom:3px solid var(--primary);background:0 0;font-weight:800}.how-ex mark:nth-of-type(2){border-color:var(--accent)}.how-ex mark:nth-of-type(3){border-color:var(--accent-2)}.how-ex small{color:var(--ink-soft);margin-top:4px;font-size:13px;display:block}.how-extras{border-top:1.5px dashed var(--border);color:var(--ink-soft);gap:8px;margin-top:18px;padding-top:16px;font-size:14.5px;font-weight:600;display:grid}.how-foot{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:14px;font-weight:700}#howDlg .row{margin-top:14px}.demo-note{text-align:center;color:var(--ink-soft);margin:-8px 0 16px;font-size:13px;font-weight:700}.done{margin-top:70px;padding:72px 24px 26px;position:relative}.done>.pip{width:110px;height:110px;margin-left:-55px;position:absolute;top:-60px;left:50%}.done h2{font-size:24px}.done p{color:var(--ink-soft);margin:8px 0 0;font-weight:600}.done b{font-family:var(--font-head);color:var(--ink);font-variant-numeric:tabular-nums}.meanings{border-bottom:1.5px dashed var(--border);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:12px;padding-bottom:12px;display:flex}.meanings .meaning{background:var(--surface-2);border-radius:99px;padding:3px 10px;font-size:14px;font-weight:700}.meanings .meaning b{font-family:var(--font-head);margin-right:4px}.meanings a.note{color:var(--ink-soft);font-weight:700}.lang-pick{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.lang-pick select{border:1.5px solid var(--border);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:99px;padding:3px 10px;font-size:14px;font-weight:700}.age-check{cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-weight:800;display:flex}.age-check input{width:20px;height:20px;accent-color:var(--primary-strong)}.gsi{justify-content:center;min-height:44px;display:flex}.sent-note{color:var(--ink-soft);margin:10px 0 0;font-weight:600}.login-err{color:var(--danger);margin:10px 0 0;font-size:14px;font-weight:700}