@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/figtree.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--bg: #f3ecdd;--bg-hi: #faf4e7;--surface: #fffdf8;--surface-2: #f6efe0;--line: #e7dcc6;--line-soft: #efe7d6;--ink: #2a2521;--ink-soft: #5a5147;--accent: #1f6b54;--accent-2: #2f8f72;--accent-ink: #fffdf8;--warm: #c4632d;--gold: #c2913a;--good: #3f8f5a;--wrong: #b8482f;--tint-a: #e4efe6;--tint-b: #f6e8d8;--tint-c: #ece8f1;--tint-d: #e8efe2;--tint-e: #f7e6e6;--tint-f: #e3eef1;--tint-g: #f3ecd9;--display: "Fraunces", Georgia, "Times New Roman", serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 22px;--r-sm: 15px;--shadow: 0 8px 24px rgba(74,55,28,.1), 0 2px 6px rgba(74,55,28,.06);--shadow-lg: 0 24px 60px rgba(60,42,18,.22);font-size:19px}:root.big-text{font-size:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:radial-gradient(120% 70% at 50% -8%,var(--bg-hi),rgba(250,244,231,0) 60%),radial-gradient(90% 60% at 110% 0%,#f6ecd6,#f6ecd600 45%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;line-height:1.45}button,.tile,#app{touch-action:manipulation}#app{max-width:600px;margin:0 auto;min-height:100%;padding:18px 18px calc(22px + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:18px;animation:rise .4s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.screen,.tile,.floater{animation:none!important}}.btn{appearance:none;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:1.05rem;min-height:60px;padding:14px 22px;border-radius:var(--r-sm);cursor:pointer;width:100%;box-shadow:0 2px 5px #4a371c0d;transition:transform .12s cubic-bezier(.2,.7,.2,1),box-shadow .15s,filter .15s;display:flex;align-items:center;justify-content:center;gap:10px}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);border:none;box-shadow:0 8px 20px #1f6b5447}.btn.warm{background:linear-gradient(180deg,#d4763f,var(--warm));color:#fff;border:none;box-shadow:0 8px 20px #c4632d47}.btn.big{font-size:1.18rem;min-height:66px}.btn.row{width:auto}@media(hover:hover){.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}}.home-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.greeting{margin:4px 0 2px}.greeting h1{font-family:var(--display);font-weight:600;font-size:2.6rem;line-height:1.02;margin:0;color:var(--accent);letter-spacing:-.5px}.greeting p,.greet-line{margin:8px 0 0;color:var(--ink-soft);font-size:1.05rem;line-height:1.35}.settings{display:flex;gap:9px;margin:4px 0 2px}.set-btn{width:54px;height:54px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);font-weight:700;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 5px #4a371c0d;transition:transform .12s}.set-btn:active{transform:scale(.94)}.set-btn.on{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-color:transparent;box-shadow:0 6px 14px #1f6b5440}.set-btn.lang{font-size:.98rem;letter-spacing:.5px;font-family:var(--display)}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:6px}.tile{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:22px 14px 18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:158px;justify-content:center;box-shadow:var(--shadow);transition:transform .14s cubic-bezier(.2,.7,.2,1),box-shadow .18s;animation:tileIn .5s cubic-bezier(.2,.7,.2,1) both}.shelf .tile:nth-child(1){animation-delay:.02s}.shelf .tile:nth-child(2){animation-delay:.06s}.shelf .tile:nth-child(3){animation-delay:.1s}.shelf .tile:nth-child(4){animation-delay:.14s}.shelf .tile:nth-child(5){animation-delay:.18s}.shelf .tile:nth-child(6){animation-delay:.22s}.shelf .tile:nth-child(7){animation-delay:.26s}.shelf .tile:nth-child(8){animation-delay:.3s}.shelf .tile:nth-child(9){animation-delay:.34s}@keyframes tileIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tile:active{transform:scale(.97)}@media(hover:hover){.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}}.tile-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-size:2.7rem;line-height:1;box-shadow:inset 0 2px 6px #ffffffb3,inset 0 -3px 8px #4a371c0f}.tile-name{font-family:var(--display);font-weight:600;font-size:1.16rem;text-align:center;letter-spacing:-.2px;color:var(--ink)}.tile.t-a .tile-icon{background:var(--tint-a)}.tile.t-b .tile-icon{background:var(--tint-b)}.tile.t-c .tile-icon{background:var(--tint-c)}.tile.t-d .tile-icon{background:var(--tint-d)}.tile.t-e .tile-icon{background:var(--tint-e)}.tile.t-f .tile-icon{background:var(--tint-f)}.tile.t-g .tile-icon{background:var(--tint-g)}.home-foot{text-align:center;color:var(--ink-soft);font-size:.95rem;margin-top:16px;font-style:italic}.bar{display:grid;grid-template-columns:58px 1fr 58px;align-items:center;gap:8px}.home-btn,.icon-btn{width:58px;height:58px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface);color:var(--accent);cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 6px #4a371c0f;transition:transform .12s}.home-btn:active,.icon-btn:active{transform:scale(.93)}.bar-title{font-family:var(--display);font-weight:600;font-size:1.6rem;margin:0;text-align:center;color:var(--ink);letter-spacing:-.3px}.bar-spacer{width:58px}.hint{text-align:center;color:var(--ink-soft);font-size:1.05rem;margin:-4px 4px 0;line-height:1.4;cursor:pointer}.body{display:flex;flex-direction:column;gap:18px}.actions{display:flex;gap:12px}.big-note{text-align:center;font-size:1.25rem;color:var(--ink);padding:28px 14px;line-height:1.5;font-family:var(--display)}.celebrate{position:fixed;inset:0;background:#28211a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;animation:rise .25s ease;padding:24px}.celebrate-card{background:var(--surface);border-radius:28px;padding:32px 28px;text-align:center;max-width:380px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--line)}.celebrate-emoji{font-size:4.2rem}.celebrate-msg{font-family:var(--display);font-weight:600;font-size:1.9rem;margin:8px 0 20px;color:var(--accent)}.floater{position:fixed;top:-10%;font-size:2.3rem;animation:fall 2.6s ease-in forwards}@keyframes fall{to{transform:translateY(120vh) rotate(40deg);opacity:.15}}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,16px);background:var(--ink);color:var(--bg-hi);padding:14px 20px;border-radius:14px;font-weight:600;font-size:1.05rem;opacity:0;transition:opacity .25s,transform .25s;z-index:60;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.nudge{animation:nudge .42s ease}@media(prefers-reduced-motion:reduce){.nudge{animation:none}}.saying-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;text-align:center;box-shadow:var(--shadow)}.saying-phrase{font-family:var(--display);font-weight:500;font-size:1.6rem;line-height:1.5;margin:0}.blank{color:var(--warm);font-weight:700}.blank.filled{color:var(--good)}.saying-choices{display:flex;flex-direction:column;gap:12px}.choice.right{background:var(--tint-d);border-color:var(--good)}.odd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.odd-tile{aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);font-size:3.8rem;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s}.odd-tile:active{transform:scale(.96)}.odd-tile.right{background:var(--tint-d);border-color:var(--good)}.odd-reveal{display:flex;flex-direction:column;gap:14px;text-align:center}.odd-why{font-size:1.22rem;margin:6px 0;font-family:var(--display)}.mem-grid{display:grid;gap:11px}.mem-grid.p6{grid-template-columns:repeat(3,1fr)}.mem-grid.p8{grid-template-columns:repeat(4,1fr)}.mem-card{aspect-ratio:1/1;border:none;border-radius:var(--r-sm);background:linear-gradient(150deg,var(--accent-2),var(--accent));color:transparent;font-size:2.4rem;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s}.mem-grid.p8 .mem-card{font-size:2rem}.mem-card:active{transform:scale(.95)}.mem-card.up{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.mem-card.done{background:var(--tint-a);color:var(--ink);box-shadow:none;opacity:.8}.dots-wrap,.color-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;box-shadow:var(--shadow)}.dots-svg,.color-svg{width:100%;height:auto;display:block;touch-action:manipulation}.pic-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pic-tab{font-size:.92rem;min-height:48px;padding:6px;font-family:var(--display)}.palette{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.swatch{aspect-ratio:1/1;border-radius:50%;border:3px solid transparent;cursor:pointer;box-shadow:0 2px 5px #0000002e}.swatch.on{border-color:var(--ink);transform:scale(1.1)}.swatch.eraser{background:#fff;display:grid;place-items:center;font-size:1.1rem;color:var(--ink-soft);border:2px dashed var(--ink-soft)}.ws-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.ws-cell{aspect-ratio:1/1;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-weight:700;font-size:1.18rem;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--ink);box-shadow:0 1px 3px #4a371c0d}.ws-cell.sel{background:linear-gradient(180deg,#d4763f,var(--warm));color:#fff;border-color:transparent}.ws-cell.found{background:var(--tint-a);color:var(--accent);border-color:var(--accent)}.ws-list{display:flex;flex-wrap:wrap;gap:9px 16px;justify-content:center}.ws-word{font-weight:700;font-size:1.12rem;letter-spacing:.5px;font-family:var(--display)}.ws-word.done{text-decoration:line-through;color:var(--ink-soft);opacity:.6}.photo-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:7px;box-shadow:var(--shadow)}.photo{width:100%;max-height:52vh;object-fit:contain;display:block;border-radius:var(--r-sm);cursor:pointer}.photo-cap{text-align:center;font-size:1.2rem;margin:10px 0 0;font-family:var(--display)}.photo-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.pdot{width:9px;height:9px;border-radius:50%;background:var(--line)}.pdot.on{background:var(--accent)}.care{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 14px;margin-top:8px;box-shadow:var(--shadow)}.care-sum{cursor:pointer;font-weight:700;color:var(--ink-soft);padding:12px 0;font-size:1rem}.care-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}.care-input{border:1.5px solid var(--line);border-radius:12px;padding:13px;font:inherit;font-size:1.05rem;min-width:0;background:var(--bg-hi)}.care-file{display:none}.care-add{display:inline-flex;margin:4px 0 12px;cursor:pointer}.care-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-bottom:12px}.care-thumb{position:relative;aspect-ratio:1}.care-thumb img{width:100%;height:100%;object-fit:cover;border-radius:11px}.care-del{position:absolute;top:-7px;right:-7px;width:27px;height:27px;border-radius:50%;border:none;background:var(--wrong);color:#fff;font-weight:800;cursor:pointer}.bubble-area{position:relative;height:64vh;overflow:hidden;background:linear-gradient(180deg,#e6f1ee,var(--bg-hi));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.bubble{position:absolute;bottom:-140px;border:none;border-radius:50%;cursor:pointer;box-shadow:inset -5px -7px 12px #00000014,0 2px 6px #0000000d;animation-name:bubrise;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes bubrise{to{transform:translateY(-94vh)}}.bubble.pop{transition:transform .2s,opacity .2s;transform:scale(1.4);opacity:0}@media(prefers-reduced-motion:reduce){.bubble{animation-duration:10s!important}}.sol-top{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:start}.sol-tableau{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:start;margin-top:9px}.sol-col{display:flex;flex-direction:column;min-height:72px}.sol-card{width:100%;aspect-ratio:5/7.2;border:1px solid #d8c9a8;border-radius:8px;background:#fffefb;color:#2a2521;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-weight:700;cursor:pointer;padding:3px 0 0;line-height:1;box-shadow:0 1px 3px #4a371c2e}.sol-card .cr{font-size:1rem;font-family:var(--display)}.sol-card .cs{font-size:1.05rem}.sol-card.red{color:var(--wrong)}.sol-card.back{background-image:repeating-linear-gradient(45deg,#ffffff1f 0 7px,#fff0 7px 14px),linear-gradient(150deg,var(--accent-2),var(--accent));border-color:var(--accent)}.sol-card.slot{background:#ffffff59;border:1.5px dashed #cbbfa3;color:var(--ink-soft);align-items:center;justify-content:center;font-size:1.1rem;box-shadow:none}.sol-card.stacked{margin-top:-2.05rem}.sol-col .sol-card.stacked:first-child{margin-top:0}.sol-card.sel{outline:3px solid var(--gold);outline-offset:-1px;transform:translateY(-4px);box-shadow:0 8px 16px #4a371c4d;z-index:3}.sol-card.target{box-shadow:0 0 0 3px var(--good),0 6px 14px #3f8f5a4d}.sol-card.slot.target{background:#3f8f5a1f;border-color:var(--good)}.sol-stuck{width:100%;border:1.5px solid var(--warm);background:var(--tint-b);color:#8a4a1d;font:inherit;font-family:var(--display);font-weight:700;font-size:1.08rem;padding:14px;border-radius:var(--r-sm);cursor:pointer}