:root{--paper: #f4efe4;--paper-2: #ebe4d4;--paper-3: #ded5c1;--ink: #2b2a26;--ink-2: #5a564c;--ink-3: #8a8476;--moss: #4a6a30;--moss-2: #3c5826;--vermilion: #b8432f;--gold: #c9a54a;--good: #4f8f5a;--poor: #b9822f;--invalid: #b8432f;--shadow: 0 8px 28px rgba(43, 42, 38, .16), 0 2px 6px rgba(43, 42, 38, .08);--radius: 14px;--serif: "Cormorant Garamond", "Georgia", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--tap: 44px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--el-wood: #4f8a4a;--el-fire: #c2452d;--el-earth: #b08a3e;--el-metal: #8d949b;--el-water: #3d6f91;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,#e7e2d3,#d9dccd 55%,#c9cfbf);overflow:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;letter-spacing:.01em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 20px;border-radius:999px;border:1px solid var(--paper-3);background:var(--paper);color:var(--ink);font-weight:500;transition:background .2s,transform .15s,box-shadow .2s}.btn:hover{background:#fff;box-shadow:var(--shadow)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--moss);border-color:var(--moss);color:#f8f5ec}.btn.primary:hover{background:var(--moss-2)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#ffffff80;box-shadow:none}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.icon-btn{width:var(--tap);height:var(--tap);border-radius:12px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink-2);transition:background .2s}.icon-btn:hover{background:#2b2a2612;color:var(--ink)}.icon-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.icon-btn:disabled{opacity:.35;cursor:default;background:transparent}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);font-size:12px;border:1px solid transparent;white-space:nowrap}button.chip{min-height:32px}button.chip:hover{border-color:var(--paper-3);background:#fff}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--ink);color:var(--paper)}.el-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#fff;font-size:12px;font-weight:600;flex:none}.el-wood{background:var(--el-wood)}.el-fire{background:var(--el-fire)}.el-earth{background:var(--el-earth)}.el-metal{background:var(--el-metal)}.el-water{background:var(--el-water)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.paper-card{background:#f4efe4f0;border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home{align-items:center;justify-content:center}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0}.home-bg canvas{width:100%;height:100%;display:block}.home-panel{position:relative;padding:40px 48px;text-align:center;max-width:440px;width:calc(100% - 32px)}.home-panel h1{font-size:56px;line-height:1}.home-panel .kanji{font-family:var(--serif);font-size:22px;color:var(--ink-3);letter-spacing:.4em;margin-bottom:6px}.home-panel p{color:var(--ink-2);margin:12px 0 28px;line-height:1.5}.home-actions{display:flex;flex-direction:column;gap:10px}.form-screen{overflow-y:auto;align-items:center;padding:32px 16px calc(32px + var(--safe-b));touch-action:pan-y}.form-card{width:100%;max-width:720px;padding:32px}.form-card h1{font-size:40px}.form-card .lede{color:var(--ink-2);margin:6px 0 24px}.field{margin-bottom:24px}.field>label,.field-label{display:block;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.text-input{width:100%;min-height:var(--tap);padding:0 16px;border-radius:12px;border:1px solid var(--paper-3);background:#fff;font:inherit;font-size:18px;font-family:var(--serif);color:var(--ink)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.choice{text-align:left;padding:14px 16px;border-radius:14px;border:1.5px solid var(--paper-3);background:#fff9;min-height:var(--tap);transition:border-color .2s,background .2s}.choice:hover{background:#fff}.choice[aria-checked=true]{border-color:var(--moss);background:#fff;box-shadow:0 0 0 3px #5f7f3f26}.choice strong{display:block;font-family:var(--serif);font-size:20px}.choice span{font-size:13px;color:var(--ink-2);line-height:1.35}.seg{display:inline-flex;background:var(--paper-2);border-radius:999px;padding:3px;gap:2px}.seg button{min-height:38px;min-width:44px;padding:0 14px;border-radius:999px;border:none;background:transparent;color:var(--ink-2);font-size:14px}.seg button[aria-checked=true],.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001f}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}.editor{display:block}.garden-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.garden-canvas.cursor-place{cursor:copy}.garden-canvas.cursor-paint,.garden-canvas.cursor-rake{cursor:crosshair}.garden-canvas.cursor-move{cursor:grab}.topbar{position:absolute;top:calc(10px + var(--safe-t));left:12px;right:12px;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:5}.topbar>*{pointer-events:auto}.topbar .group{display:flex;align-items:center;gap:2px;padding:3px}.topbar .title{padding:0 14px;min-height:44px;display:flex;flex-direction:column;justify-content:center}.topbar .title strong{font-family:var(--serif);font-size:21px;line-height:1.1;max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .title small{font-size:11px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.topbar .spacer{flex:1}.menu-pop{position:absolute;top:54px;left:0;min-width:200px;padding:6px;z-index:20;display:flex;flex-direction:column}.menu-pop button{text-align:left;min-height:44px;padding:0 14px;border:none;background:transparent;border-radius:10px}.menu-pop button:hover{background:var(--paper-2)}.mode-rail{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:6px;z-index:4}.mode-btn{width:64px;min-height:60px;border-radius:14px;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-2);transition:background .2s}.mode-btn .glyph{font-size:22px;line-height:1}.mode-btn .lbl{font-size:11px;font-weight:500}.mode-btn:hover{background:#2b2a260f}.mode-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.mode-rail .divider{height:1px;background:var(--paper-3);margin:4px 8px}.mode-btn.finish{color:var(--moss)}.mode-btn.finish:hover{background:#5f7f3f1f}.tabbar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:4px 6px calc(4px + var(--safe-b));background:#f4efe4f7;border-top:1px solid var(--paper-3);z-index:6}.tabbar .mode-btn{width:auto;min-height:54px}.tray{position:absolute;left:96px;right:12px;bottom:12px;padding:10px 12px 12px;z-index:4;display:flex;flex-direction:column;gap:8px}.tray-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tray-head .tabs{display:flex;gap:4px;flex-wrap:wrap}.tray-head .grow{flex:1}.search{min-height:34px;border-radius:999px;border:1px solid var(--paper-3);background:#fff;padding:0 14px;font:inherit;font-size:13px;width:150px}.cards{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scroll-snap-type:x proximity;touch-action:pan-x;scrollbar-width:thin}.card{position:relative;flex:none;width:104px;border-radius:14px;border:1.5px solid transparent;background:#ffffffa6;padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;scroll-snap-align:start;transition:border-color .2s,background .2s,transform .15s}.card:hover{background:#fff;transform:translateY(-2px)}.card[aria-pressed=true]{border-color:var(--moss);background:#fff;box-shadow:0 0 0 3px #5f7f3f26}.card img,.card .thumb{width:72px;height:72px;object-fit:contain;border-radius:10px}.card .thumb.swatch{width:64px;height:64px;margin:4px;box-shadow:inset 0 0 0 1px #00000014}.card .name{font-size:12px;font-weight:500;text-align:center;line-height:1.2;min-height:29px;display:flex;align-items:center}.card .el-badge{position:absolute;top:6px;left:6px;width:20px;height:20px;font-size:11px}.card-wrap{position:relative;flex:none;display:flex;flex-shrink:0}.cards.grid .card-wrap .card{width:100%}.erase-thumb{display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--paper-2)}.card-wrap .info{position:absolute;top:2px;right:2px;width:32px;height:32px;border-radius:50%;border:none;background:#2b2a260f;font-size:13px;color:var(--ink-2);display:flex;align-items:center;justify-content:center}.card-wrap .info:hover{background:var(--ink);color:var(--paper)}.tool-desc{font-size:13px;color:var(--ink-2);padding:0 4px;line-height:1.4}.tooltip{position:fixed;z-index:30;width:280px;padding:14px 16px;pointer-events:none;font-size:13px;line-height:1.45;animation:fadeUp .18s ease-out}.tooltip h3{font-size:20px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.tooltip p{margin:4px 0;color:var(--ink-2)}.tooltip .meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sheet{position:absolute;left:0;right:0;bottom:calc(66px + var(--safe-b));z-index:5;border-radius:20px 20px 0 0;background:#f4efe4fa;box-shadow:0 -6px 24px #0000001f;display:flex;flex-direction:column;transition:height .28s cubic-bezier(.2,.8,.2,1)}.sheet-handle{min-height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;width:100%;touch-action:none}.sheet-handle:before{content:"";width:44px;height:5px;border-radius:3px;background:var(--paper-3)}.sheet-body{padding:0 12px 10px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px;touch-action:pan-y}.sheet .cards.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));overflow:visible;touch-action:pan-y}.sheet .cards.grid .card{width:auto}.chips-row{display:flex;gap:6px;overflow-x:auto;touch-action:pan-x;padding-bottom:2px;scrollbar-width:none}.detail{position:absolute;z-index:12;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .25s cubic-bezier(.2,.8,.2,1)}.detail.side{top:70px;right:12px;bottom:12px;width:360px}.detail.full{left:0;right:0;bottom:0;top:18%;border-radius:22px 22px 0 0;padding-bottom:var(--safe-b);animation-name:slideUp}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.detail-scroll{overflow-y:auto;padding:20px 22px;flex:1;touch-action:pan-y}.detail-hero{display:flex;gap:14px;align-items:center;margin-bottom:12px}.detail-hero img,.detail-hero .thumb{width:104px;height:104px;object-fit:contain;background:#fff9;border-radius:16px;flex:none}.detail-hero h2{font-size:30px;line-height:1.05}.detail-hero .sub{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.detail .desc{font-family:var(--serif);font-size:20px;line-height:1.4;color:var(--ink);margin:6px 0 16px}.detail h4{margin:16px 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.detail .row{display:flex;flex-wrap:wrap;gap:6px}.detail .hint-box{background:#c9a54a21;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.45;color:var(--ink-2)}.detail-foot{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--paper-3)}.detail-foot .btn{flex:1}.yy-meter{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,#2f3640,#e9e4d6 50%,#f3c366)}.yy-meter i{position:absolute;top:-4px;width:4px;height:18px;border-radius:2px;background:var(--vermilion);transform:translate(-50%)}.yy-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);margin-top:4px}.hint-bubble{position:fixed;z-index:15;pointer-events:none;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:500;background:#2b2a26e0;color:#f6efe0;transform:translate(-50%,calc(-100% - 18px));white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.hint-bubble[data-tone=good]{background:#3e6e46f0}.hint-bubble[data-tone=poor]{background:#966824f0}.hint-bubble[data-tone=invalid]{background:#805448f0}.hint-bubble:before{margin-right:6px;font-weight:700}.hint-bubble[data-tone=good]:before{content:"✓"}.hint-bubble[data-tone=poor]:before{content:"!"}.hint-bubble[data-tone=invalid]:before{content:"✕"}.color-safe .hint-bubble[data-tone=good]{background:#005ea8f2}.color-safe .hint-bubble[data-tone=poor]{background:#a06400f2}.color-safe .hint-bubble[data-tone=invalid]{background:#8c3c6ef2}.hint-bubble.docked{top:auto!important;bottom:calc(var(--hud-bottom, 240px) + 84px);left:var(--focus-x, 50%)!important;transform:translate(-50%);max-width:calc(100% - var(--hud-right, 0px) - 24px)}.ctx-bar{position:fixed;z-index:14;display:flex;gap:2px;padding:4px;transform:translate(-50%,calc(-100% - 12px))}.ctx-bar.docked{left:50%!important;top:auto!important;bottom:calc(80px + var(--safe-b));transform:translate(-50%)}.carry{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.reticle{position:fixed;left:var(--focus-x, 50%);top:var(--focus-y, 50%);width:36px;height:36px;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffffffe6;box-shadow:0 0 2px #00000080}.reticle:before{left:50%;top:0;bottom:0;width:2px;transform:translate(-50%)}.reticle:after{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.carry-actions{position:fixed;left:var(--focus-x, 50%);bottom:calc(var(--hud-bottom, 240px) + 14px);transform:translate(-50%);display:flex;gap:12px;pointer-events:auto}.carry-actions .round{width:56px;height:56px;border-radius:50%;border:none;box-shadow:var(--shadow);font-size:22px;background:var(--paper)}.carry-actions .round.ok{background:var(--moss);color:#fff}.carry-actions .round:disabled{opacity:.4}.harmony{position:absolute;right:12px;top:70px;width:240px;padding:14px;z-index:4}.harmony h3{font-size:20px;margin-bottom:4px}.harmony .word{font-family:var(--serif);font-size:15px;color:var(--ink-2)}.harmony-chip{position:absolute;right:12px;top:calc(var(--hud-top, 64px) + 10px);z-index:4}.toast{position:fixed;left:var(--focus-x, 50%);top:calc(var(--hud-top, 60px) + 14px);transform:translate(-50%);max-width:calc(100% - var(--hud-right, 0px) - 24px);z-index:40;padding:10px 18px;border-radius:999px;background:#2b2a26e6;color:#f6efe0;font-size:14px;animation:fadeUp .2s}.complete-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(43,42,38,.35));animation:fadeIn 1s}.complete-veil h2{color:#fffaf0;font-size:40px;text-shadow:0 2px 16px rgba(0,0,0,.4)}.complete-veil p{color:#fffaf0;opacity:.9;text-shadow:0 1px 8px rgba(0,0,0,.4)}.complete-veil .btn{pointer-events:auto;margin-top:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2b2a2659;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:440px;padding:24px}.modal h2{font-size:30px;margin-bottom:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid var(--paper-3)}.setting-row:last-of-type{border-bottom:none}.setting-row span small{display:block;color:var(--ink-3);font-size:12px}.switch{width:50px;height:30px;border-radius:15px;border:none;background:var(--paper-3);position:relative;flex:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.switch[aria-checked=true]{background:var(--moss)}.switch[aria-checked=true]:after{transform:translate(20px)}.review-screen{overflow-y:auto;touch-action:pan-y;padding:24px 16px calc(40px + var(--safe-b))}.review-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.review-hero{grid-column:1 / -1;display:grid;grid-template-columns:1.3fr 1fr;gap:0;overflow:hidden}.review-hero img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}.review-hero .score{padding:28px;display:flex;flex-direction:column;justify-content:center}.review-hero .eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.review-hero h1{font-size:64px;line-height:1;margin:6px 0}.review-hero .num{font-size:15px;color:var(--ink-2)}.review-card{padding:22px}.review-card h2{font-size:26px;margin-bottom:12px}.dim{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;margin:10px 0;font-size:14px}.dim .bar{height:8px;background:var(--paper-3);border-radius:4px;overflow:hidden}.dim .bar i{display:block;height:100%;background:var(--moss);border-radius:4px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.dim small{grid-column:2 / -1;margin-top:-6px;color:var(--ink-3);font-size:12px}.dim b{text-align:right;font-variant-numeric:tabular-nums}.notes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.notes li{font-family:var(--serif);font-size:19px;line-height:1.4;padding-left:26px;position:relative}.notes li:before{position:absolute;left:0;top:0}.notes.good li:before{content:"✿";color:var(--moss)}.notes.soft li:before{content:"☽";color:var(--gold)}.pentagon-wrap{display:flex;justify-content:center}.fortune{grid-column:1 / -1;padding:0;overflow:hidden}.cookie{padding:28px 24px;text-align:center;cursor:pointer;border:none;background:transparent;width:100%}.cookie .shell{font-size:64px;display:inline-block;transition:transform .6s}.cookie:hover .shell{transform:rotate(-8deg) scale(1.05)}.fortune-slip{margin:0 auto;max-width:640px;background:#fffdf7;border:1px solid #eadfca;box-shadow:0 6px 18px #00000014;padding:22px 28px;transform-origin:center;animation:unfurl .9s cubic-bezier(.2,.8,.2,1)}.fortune-slip p{font-family:var(--serif);font-size:22px;line-height:1.45;margin:0 0 8px}.fortune-slip .lucky{font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--vermilion);margin-top:12px}@keyframes unfurl{0%{transform:scaleX(.1);opacity:0}to{transform:none;opacity:1}}.review-actions{grid-column:1 / -1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.j-card{overflow:hidden;display:flex;flex-direction:column;text-align:left;border:none;padding:0}.j-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--paper-2)}.j-card .body{padding:12px 14px}.j-card h3{font-size:22px}.j-card small{color:var(--ink-3)}.j-card p{font-family:var(--serif);font-size:16px;color:var(--ink-2);margin:6px 0 0}.empty-state{text-align:center;color:var(--ink-2);padding:40px 0;font-family:var(--serif);font-size:20px}@media (max-width: 720px){.home-panel{padding:28px 22px}.home-panel h1{font-size:44px}.form-card{padding:22px 18px}.form-card h1{font-size:32px}.topbar{left:8px;right:8px}.topbar .title strong{font-size:18px;max-width:40vw}.review-wrap,.review-hero{grid-template-columns:1fr}.review-hero h1{font-size:48px}.review-hero img{min-height:200px;max-height:260px}.dim{grid-template-columns:110px 1fr 32px}.harmony{left:8px;right:8px;width:auto;top:calc(64px + var(--safe-t))}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (pointer: coarse),(max-width: 720px){.seg button{min-height:44px}button.chip{min-height:36px}}.sheet[data-detent=peek] .tray-head{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.sheet[data-detent=peek] .tray-head>*{flex:none}.sheet .cards{flex:none}.sheet .tray-head.tend-head{flex-wrap:wrap;overflow:visible}@media (orientation: landscape) and (max-height: 500px){.sheet{left:auto;right:0;top:calc(var(--hud-top, 60px) + 8px);bottom:calc(62px + var(--safe-b));width:min(360px,44vw);height:auto!important;border-radius:18px 0 0 18px}.sheet-handle{display:none}.sheet .tray-head{flex-wrap:wrap!important;overflow:visible!important}.sheet .cards{flex-wrap:wrap;overflow:visible}.tabbar .mode-btn{min-height:48px}.ctx-bar.docked{left:var(--focus-x, 50%)!important}}.topbar .title{min-width:0}.topbar .title strong{display:block}.topbar .title.compact{padding:0 8px 0 2px;min-height:44px;flex:1}.topbar .title.compact strong{font-size:17px;max-width:none}.topbar .group.name-pill{flex:1 1 auto;min-width:0}input[type=range]{accent-color:var(--moss)}@media (pointer: coarse),(max-width: 720px){.card{padding-top:14px}.card img,.card .thumb{width:64px;height:64px}.card-wrap .info{top:2px;right:2px;width:32px;height:32px;background:#f4efe4e6}}.lucky span{white-space:nowrap;display:inline-block}.ui-large .topbar,.ui-large .mode-rail,.ui-large .tray,.ui-large .sheet,.ui-large .tabbar,.ui-large .detail,.ui-large .harmony,.ui-large .modal,.ui-large .form-card,.ui-large .review-wrap,.ui-large .home-panel,.ui-large .tooltip{zoom:1.15}.ui-large .hint-bubble{font-size:15px;padding:9px 14px}.ui-large .toast{font-size:16px}.ui-large .carry-actions .round{width:62px;height:62px;font-size:24px}.ui-large .ctx-bar .icon-btn{width:50px;height:50px;font-size:20px}.modal{max-height:calc(100dvh - 32px);overflow-y:auto;touch-action:pan-y}button,[role=button]{-webkit-tap-highlight-color:transparent}.finish-compact{padding:0 14px;flex:none;font-size:14px}.finish-compact[hidden]{display:none}.harmony.compact{left:auto;right:8px;width:190px;padding:10px 12px;top:calc(var(--hud-top, 60px) + 8px)}.harmony.compact h3{font-size:16px}.harmony.compact .word{font-size:13px}