:root{color-scheme:light;--bg: #F5F2FC;--mesh-a: #E3DAFF;--mesh-b: #FFDCCB;--mesh-c: #D3F1E5;--mesh-d: #FFDDEB;--surface: #FFFFFF;--surface-2: #F6F3FD;--surface-3: #ECE7F8;--glass: rgba(255, 255, 255, .72);--line: #E8E3F4;--line-strong: #D9D2EC;--ink: #1C1736;--ink-2: #4D4769;--ink-3: #6E6889;--ink-4: #A9A3C2;--on-ink: #FFFFFF;--accent: #6A4DF4;--accent-hi: #7E60FF;--accent-lo: #5B3DEB;--accent-edge: #3F26B5;--accent-soft: #EEE9FF;--accent-ink: #5134DB;--on-accent: #FFFFFF;--hero-1: #5B3DF5;--hero-2: #8A4CF0;--hero-3: #E06AC0;--ok: #10A36B;--ok-ink: #0A7A4F;--ok-soft: #DDF5EA;--ok-edge: #B4E6CE;--on-ok: #FFFFFF;--ng: #EE4B5A;--ng-ink: #C42B3B;--ng-soft: #FFE5E8;--ng-edge: #F8C3CA;--on-ng: #FFFFFF;--hard: #F2A01B;--hard-ink: #9A5B00;--hard-soft: #FFF0D2;--hard-edge: #F4D9A3;--easy: #2D8CF0;--easy-ink: #1763C0;--easy-soft: #E0EEFF;--easy-edge: #BCD8FA;--flame-ink: #B4410F;--c-feel: #FFE6D9;--c-feel-ink: #A8441A;--c-feel-dot: #FF8A5B;--c-time: #DFEDFF;--c-time-ink: #1E5DB5;--c-time-dot: #4C9BFF;--c-work: #DAF4E8;--c-work-ink: #136F4E;--c-work-dot: #2EC28A;--c-talk: #ECE6FF;--c-talk-ink: #5134DB;--c-talk-dot: #8B6CFF;--c-people: #FFE1EC;--c-people-ink: #B0285F;--c-people-dot: #FF6FA8;--c-money: #FFF2C6;--c-money-ink: #855C00;--c-money-dot: #F5B92E;--coin-hi: #FFE58A;--coin-lo: #F5B92E;--coin-edge: #D08A0C;--coin-ink: #8A5A00;--coin-on: #4A2E00;--coin-soft: #FFF3CC;--coin-line: #F3D27A;--coin-tile-1: #FFF8DE;--coin-tile-2: #FFEDB8;--stage-1: #F1ECFF;--stage-2: #FFE8DA;--stage-floor: rgba(70, 40, 150, .16);--tile-streak-1: #FFF4E6;--tile-streak-2: #FFE3D4;--tile-progress-1: #F1EDFF;--tile-progress-2: #E6DEFF;--week-dot: rgba(180, 65, 15, .1);--goal-track: rgba(160, 110, 0, .14);--pack-track: rgba(255, 255, 255, .6);--pack-lock: rgba(255, 255, 255, .7);--pack-free-1: #EEE8FF;--pack-free-2: #DCD1FF;--pack-free-ink: #3B2696;--pack-p1-1: #FFEADF;--pack-p1-2: #FFD0C0;--pack-p1-ink: #8F3A14;--pack-p2-1: #DEF6EC;--pack-p2-2: #BFEBD8;--pack-p2-ink: #105E43;--pack-p3-1: #E3EFFF;--pack-p3-2: #C8DEFF;--pack-p3-ink: #1A4F9C;--mark-strength: 28%;--btn-ink-edge: color-mix(in oklab, var(--ink) 70%, #000);--btn-ink-glow: rgba(20, 10, 50, .3);--char-outline: none;--sh-hairline: 0 0 0 1px rgba(40, 24, 110, .05);--sh-1: 0 1px 2px rgba(40, 24, 110, .06), 0 2px 6px -2px rgba(40, 24, 110, .08);--sh-2: 0 1px 2px rgba(40, 24, 110, .05), 0 6px 14px -6px rgba(40, 24, 110, .12), 0 18px 32px -18px rgba(70, 40, 170, .22);--sh-3: 0 2px 4px rgba(40, 24, 110, .05), 0 14px 28px -12px rgba(70, 40, 170, .22), 0 40px 70px -34px rgba(120, 60, 200, .38);--sh-inset: inset 0 1px 0 rgba(255, 255, 255, .9);--sh-press: inset 0 2px 4px rgba(40, 24, 110, .08);--sh-sheet: 0 -10px 40px -10px rgba(40, 24, 110, .25);--r-xs: 10px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--gutter: 20px;--char-xs: 32px;--char-sm: 44px;--char-md: 64px;--char-lg: 96px;--char-xl: 156px;--char-2xl: 200px;--tabbar-h: 64px;--tabbar-gap: 14px;--safe-b: env(safe-area-inset-bottom, 0px);--tab-space: calc(var(--tabbar-h) + var(--tabbar-gap) + var(--safe-b) + 8px);--font-sys-ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-ui: "PB Latin", var(--font-sys-ja);--font-head: "PB Latin", "PB Maru", "Hiragino Maru Gothic ProN", var(--font-sys-ja);--font-en: "PB English", var(--font-sys-ja);--font-num: "PB Num", "PB Latin", var(--font-sys-ja);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.067, 1.099 24.3%, 1.108 26%, 1.103, 1.087 30.6%, 1.019 39.2%, .998 43.7%, .99 48.4%, .997 59.9%, 1);--d-tap: .12s;--d-fast: .18s;--d-base: .28s;--d-slow: .42s;--icon-stroke: 2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #13101E;--mesh-a: #2B2160;--mesh-b: #3B1F35;--mesh-c: #0E2E2A;--mesh-d: #2F1A45;--surface: #1F1B2E;--surface-2: #191626;--surface-3: #2A253D;--glass: rgba(31, 27, 46, .74);--line: #2E2943;--line-strong: #3A3452;--ink: #F2EFFC;--ink-2: #C0BAD9;--ink-3: #948EB0;--ink-4: #5E5878;--on-ink: #16121F;--accent: #A08CFF;--accent-hi: #8C70FF;--accent-lo: #6A4DF4;--accent-edge: #3A2694;--accent-soft: #2C2550;--accent-ink: #B9A9FF;--on-accent: #FFFFFF;--hero-1: #4A2FE0;--hero-2: #7339D6;--hero-3: #B4479F;--ok: #3DD68C;--ok-ink: #5BE3A0;--ok-soft: #12332A;--ok-edge: #1C4A3C;--on-ok: #0B2A1E;--ng: #FF6B78;--ng-ink: #FF8C95;--ng-soft: #3A1A22;--ng-edge: #55252F;--on-ng: #2A0E13;--hard: #F5B13D;--hard-ink: #FFC566;--hard-soft: #382A12;--hard-edge: #4E3B1A;--easy: #5AA8FF;--easy-ink: #8CC2FF;--easy-soft: #15283F;--easy-edge: #1F3A5A;--flame-ink: #FFB07A;--c-feel: #3A2420;--c-feel-ink: #FFB590;--c-time: #18283F;--c-time-ink: #8EC0FF;--c-work: #132E25;--c-work-ink: #6EDDAE;--c-talk: #282249;--c-talk-ink: #B9A9FF;--c-people: #3A1D2B;--c-people-ink: #FF9EC3;--c-money: #33290F;--c-money-ink: #F5CD62;--coin-ink: #FFD27A;--coin-soft: #352A10;--coin-line: #5A4718;--coin-edge: #A86A00;--coin-tile-1: #352B12;--coin-tile-2: #2B2210;--stage-1: #2A2250;--stage-2: #33201D;--stage-floor: rgba(0, 0, 0, .5);--tile-streak-1: #33241F;--tile-streak-2: #2C1C25;--tile-progress-1: #262046;--tile-progress-2: #211B3A;--week-dot: rgba(255, 176, 122, .12);--goal-track: rgba(255, 210, 122, .12);--pack-track: rgba(255, 255, 255, .1);--pack-lock: rgba(255, 255, 255, .12);--pack-free-1: #322A63;--pack-free-2: #261F4D;--pack-free-ink: #D6CCFF;--pack-p1-1: #42281F;--pack-p1-2: #33201D;--pack-p1-ink: #FFC3A6;--pack-p2-1: #173A2E;--pack-p2-2: #122C24;--pack-p2-ink: #8FE8C0;--pack-p3-1: #1C3352;--pack-p3-2: #162841;--pack-p3-ink: #A9CEFF;--mark-strength: 38%;--btn-ink-edge: #B9B2D6;--btn-ink-glow: rgba(0, 0, 0, .5);--char-outline: drop-shadow(0 0 1px rgba(255, 255, 255, .28));--sh-hairline: 0 0 0 1px rgba(255, 255, 255, .04);--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 24px -10px rgba(0, 0, 0, .55);--sh-3: 0 2px 4px rgba(0, 0, 0, .35), 0 20px 40px -16px rgba(0, 0, 0, .7), 0 40px 80px -40px rgba(110, 70, 255, .35);--sh-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--sh-press: inset 0 2px 4px rgba(0, 0, 0, .3);--sh-sheet: 0 -10px 40px -10px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--bg: #13101E;--mesh-a: #2B2160;--mesh-b: #3B1F35;--mesh-c: #0E2E2A;--mesh-d: #2F1A45;--surface: #1F1B2E;--surface-2: #191626;--surface-3: #2A253D;--glass: rgba(31, 27, 46, .74);--line: #2E2943;--line-strong: #3A3452;--ink: #F2EFFC;--ink-2: #C0BAD9;--ink-3: #948EB0;--ink-4: #5E5878;--on-ink: #16121F;--accent: #A08CFF;--accent-hi: #8C70FF;--accent-lo: #6A4DF4;--accent-edge: #3A2694;--accent-soft: #2C2550;--accent-ink: #B9A9FF;--on-accent: #FFFFFF;--hero-1: #4A2FE0;--hero-2: #7339D6;--hero-3: #B4479F;--ok: #3DD68C;--ok-ink: #5BE3A0;--ok-soft: #12332A;--ok-edge: #1C4A3C;--on-ok: #0B2A1E;--ng: #FF6B78;--ng-ink: #FF8C95;--ng-soft: #3A1A22;--ng-edge: #55252F;--on-ng: #2A0E13;--hard: #F5B13D;--hard-ink: #FFC566;--hard-soft: #382A12;--hard-edge: #4E3B1A;--easy: #5AA8FF;--easy-ink: #8CC2FF;--easy-soft: #15283F;--easy-edge: #1F3A5A;--flame-ink: #FFB07A;--c-feel: #3A2420;--c-feel-ink: #FFB590;--c-time: #18283F;--c-time-ink: #8EC0FF;--c-work: #132E25;--c-work-ink: #6EDDAE;--c-talk: #282249;--c-talk-ink: #B9A9FF;--c-people: #3A1D2B;--c-people-ink: #FF9EC3;--c-money: #33290F;--c-money-ink: #F5CD62;--coin-ink: #FFD27A;--coin-soft: #352A10;--coin-line: #5A4718;--coin-edge: #A86A00;--coin-tile-1: #352B12;--coin-tile-2: #2B2210;--stage-1: #2A2250;--stage-2: #33201D;--stage-floor: rgba(0, 0, 0, .5);--tile-streak-1: #33241F;--tile-streak-2: #2C1C25;--tile-progress-1: #262046;--tile-progress-2: #211B3A;--week-dot: rgba(255, 176, 122, .12);--goal-track: rgba(255, 210, 122, .12);--pack-track: rgba(255, 255, 255, .1);--pack-lock: rgba(255, 255, 255, .12);--pack-free-1: #322A63;--pack-free-2: #261F4D;--pack-free-ink: #D6CCFF;--pack-p1-1: #42281F;--pack-p1-2: #33201D;--pack-p1-ink: #FFC3A6;--pack-p2-1: #173A2E;--pack-p2-2: #122C24;--pack-p2-ink: #8FE8C0;--pack-p3-1: #1C3352;--pack-p3-2: #162841;--pack-p3-ink: #A9CEFF;--mark-strength: 38%;--btn-ink-edge: #B9B2D6;--btn-ink-glow: rgba(0, 0, 0, .5);--char-outline: drop-shadow(0 0 1px rgba(255, 255, 255, .28));--sh-hairline: 0 0 0 1px rgba(255, 255, 255, .04);--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 24px -10px rgba(0, 0, 0, .55);--sh-3: 0 2px 4px rgba(0, 0, 0, .35), 0 20px 40px -16px rgba(0, 0, 0, .7), 0 40px 80px -40px rgba(110, 70, 255, .35);--sh-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--sh-press: inset 0 2px 4px rgba(0, 0, 0, .3);--sh-sheet: 0 -10px 40px -10px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;background:var(--bg)}body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;font-weight:500;line-height:1.7;letter-spacing:.03em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility;word-break:auto-phrase;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}img,svg{display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 60%,transparent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3,.head,.btn,.bubble,.label,.tabbar__item,.chip,.seg__btn{font-family:var(--font-head)}:lang(en){font-family:var(--font-en);letter-spacing:-.005em;line-height:1.45}.ja-en{font-family:var(--font-en);font-weight:750;letter-spacing:-.01em;margin-inline:.22em;white-space:nowrap}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0;font-feature-settings:"tnum" 1}.eyebrow{font-family:var(--font-en);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.2}.label{font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.4;color:var(--ink-3)}.muted{color:var(--ink-3)}.mark{font-weight:800;color:var(--ink);background:linear-gradient(transparent 58%,color-mix(in oklab,var(--accent) var(--mark-strength),transparent) 58%,color-mix(in oklab,var(--accent) var(--mark-strength),transparent) 92%,transparent 92%);border-radius:2px;padding:0 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none}.ico--sm{width:18px;height:18px}.ico--xs{width:15px;height:15px;stroke-width:2.4}.ico--fill{fill:currentColor;stroke:none}.ico-art{width:22px;height:22px;flex:none}#app{height:100%}.shell{position:relative;width:100%;max-width:480px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden;isolation:isolate}.shell:before{content:"";position:absolute;inset:-10%;z-index:-1;background:radial-gradient(42% 30% at 6% 4%,var(--mesh-a) 0%,transparent 100%),radial-gradient(46% 28% at 100% 10%,var(--mesh-b) 0%,transparent 100%),radial-gradient(50% 34% at 0% 74%,var(--mesh-c) 0%,transparent 100%),radial-gradient(52% 36% at 100% 100%,var(--mesh-d) 0%,transparent 100%),var(--bg);pointer-events:none}.screen{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 10px) var(--gutter) calc(var(--safe-b) + 12px);overflow:hidden}.shell[data-tabs=on] .screen{padding-bottom:var(--tab-space)}.screen__head{flex:none}.screen__body{flex:1;min-height:0;display:flex;flex-direction:column}.screen__body--scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 8px}.screen__body--scroll::-webkit-scrollbar{display:none}.screen__actions{flex:none;display:flex;flex-direction:column;gap:10px;padding-top:12px}.stack{display:flex;flex-direction:column;gap:12px}.row-flex{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.spacer{flex:1}.navbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;height:52px;flex:none}.navbar__title{text-align:center;font-family:var(--font-head);font-size:15px;font-weight:900;letter-spacing:.06em;line-height:1.3}.navbar__end{justify-self:end;display:flex}.page-head{display:flex;align-items:flex-end;gap:10px;padding:4px 0 10px;flex:none}.page-head h1{font-size:28px;font-weight:900;letter-spacing:.03em;line-height:1.2}.page-head p{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.04em;line-height:1.5;margin-top:2px}.page-head>:last-child:not(:first-child){margin-left:auto}.sec{display:flex;align-items:center;gap:8px;margin:14px 2px 8px}.sec h2{font-size:15px;font-weight:900;letter-spacing:.05em;line-height:1.3}.sec small{font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em}.sec__more{margin-left:auto;display:inline-flex;align-items:center;gap:2px;min-height:32px;font-size:12px;font-weight:700;color:var(--accent-ink);letter-spacing:.04em}.sec__more .ico{width:14px;height:14px;stroke-width:2.4}.card,.surface{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-hairline),var(--sh-2),var(--sh-inset)}.card{padding:16px}.card--flat{box-shadow:var(--sh-hairline),var(--sh-1)}.well{padding:10px 14px;border-radius:var(--r-sm);background:var(--surface-2)}.icon-btn{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:var(--surface);color:var(--ink);box-shadow:var(--sh-hairline),var(--sh-1),var(--sh-inset);transition:transform var(--d-tap) var(--ease-out)}.icon-btn:active{transform:scale(.94)}.icon-btn--soft{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}.icon-btn--ghost{background:transparent;box-shadow:none}.icon-btn--lg{width:52px;height:52px}.icon-btn:disabled{opacity:.45}.btn{--btn-bg: linear-gradient(180deg, var(--accent-hi), var(--accent-lo));--btn-ink: var(--on-accent);--btn-edge: var(--accent-edge);--btn-glow: rgba(98, 64, 240, .45);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-ink);font-size:16px;font-weight:900;letter-spacing:.08em;line-height:1;white-space:nowrap;box-shadow:inset 0 1.5px #ffffff61,inset 0 -2px #00000014,0 4px 0 var(--btn-edge),0 14px 24px -10px var(--btn-glow);transition:transform var(--d-tap) var(--ease-out),box-shadow var(--d-tap) var(--ease-out);user-select:none}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(3px);box-shadow:inset 0 1.5px #ffffff4d,0 1px 0 var(--btn-edge),0 6px 12px -8px var(--btn-glow)}.btn--block{display:flex;width:100%}.btn--white{--btn-bg: linear-gradient(180deg, #FFFFFF, #F4F0FF);--btn-ink: #3E22C9;--btn-edge: rgba(30, 10, 100, .28);--btn-glow: rgba(20, 0, 80, .35)}.btn--ink{--btn-bg: var(--ink);--btn-ink: var(--on-ink);--btn-edge: var(--btn-ink-edge);--btn-glow: var(--btn-ink-glow)}.btn--soft{--btn-bg: var(--surface);--btn-ink: var(--ink);--btn-edge: var(--line-strong);--btn-glow: transparent;box-shadow:var(--sh-hairline),0 3px 0 var(--btn-edge)}.btn--danger{--btn-bg: var(--ng-soft);--btn-ink: var(--ng-ink);--btn-edge: var(--ng-edge);--btn-glow: transparent;box-shadow:var(--sh-hairline),0 3px 0 var(--btn-edge)}.btn--coin{--btn-bg: linear-gradient(180deg, var(--coin-hi), var(--coin-lo));--btn-ink: var(--coin-on);--btn-edge: var(--coin-edge);--btn-glow: rgba(230, 160, 20, .5)}.btn--sm{min-height:44px;padding:0 18px;font-size:14px;letter-spacing:.06em}.btn:disabled,.btn[aria-disabled=true]{--btn-bg: var(--surface-3);--btn-ink: var(--ink-3);--btn-edge: var(--line-strong);--btn-glow: transparent}.btn__icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#8467ff,#5b3deb);color:#fff;margin-left:-8px;box-shadow:0 4px 8px -3px #5032dc99}.btn__icon .ico{width:14px;height:14px}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1;white-space:nowrap}.chip__dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.chip--feelings{background:var(--c-feel);color:var(--c-feel-ink)}.chip--time{background:var(--c-time);color:var(--c-time-ink)}.chip--work{background:var(--c-work);color:var(--c-work-ink)}.chip--social{background:var(--c-people);color:var(--c-people-ink)}.chip--everyday{background:var(--c-talk);color:var(--c-talk-ink)}.dot--feelings{background:var(--c-feel-dot)}.dot--time{background:var(--c-time-dot)}.dot--work{background:var(--c-work-dot)}.dot--social{background:var(--c-people-dot)}.dot--everyday{background:var(--c-talk-dot)}button.chip,a.chip{height:44px;padding:0 15px;font-size:13px;background:var(--surface);box-shadow:var(--sh-hairline),var(--sh-1);flex:none;transition:transform var(--d-tap) var(--ease-out),background var(--d-fast)}button.chip:active{transform:scale(.96)}button.chip[aria-pressed=true],button.chip[aria-selected=true]{background:var(--ink);color:var(--on-ink);box-shadow:0 6px 14px -6px #1c173680}button.chip .num{font-size:12px;opacity:.7}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;flex:none}.chips::-webkit-scrollbar{display:none}.field{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-hairline),var(--sh-1),var(--sh-press);color:var(--ink-3)}.field input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;color:var(--ink);font-size:16px}.field input::placeholder{color:var(--ink-4)}.field:focus-within{box-shadow:0 0 0 2px var(--accent),var(--sh-1)}.input{width:100%;height:48px;padding:0 14px;border:0;border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-strong);font-size:16px}.input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.seg__btn{min-height:40px;padding:0 6px;border-radius:var(--r-pill);font-size:13px;font-weight:700;color:var(--ink-2);letter-spacing:.04em;transition:background var(--d-fast),color var(--d-fast)}.seg__btn[aria-pressed=true]{background:var(--surface);color:var(--accent-ink);box-shadow:var(--sh-hairline),var(--sh-1)}.progress{height:8px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-hi),#C26BEA);box-shadow:inset 0 1px #fff6;transition:width var(--d-base) var(--ease-out)}.ring{position:relative;display:inline-grid;place-items:center;flex:none}.ring svg{transform:rotate(-90deg)}.ring__track{stroke:color-mix(in oklab,var(--accent) 14%,transparent)}.ring__bar{stroke:var(--accent);transition:stroke-dashoffset var(--d-base) var(--ease-out)}.ring__label{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-num);font-weight:700;font-size:13px;color:var(--ink)}.coin{width:22px;height:22px;flex:none}.coin-chip{display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 13px 0 8px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-hairline),var(--sh-1),var(--sh-inset);font-size:12px;font-weight:700;color:var(--ink-2);flex:none}.coin-chip .coin{width:24px;height:24px}.coin-chip b{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:0}.coin-pill{display:inline-flex;align-items:center;gap:3px;vertical-align:-.25em;height:24px;padding:0 8px 0 3px;border-radius:var(--r-pill);background:var(--coin-soft);color:var(--coin-ink);box-shadow:inset 0 0 0 1px var(--coin-line);font-family:var(--font-num);font-size:13px;font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap}.coin-pill .coin{width:18px;height:18px}.streak-chip{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 14px 0 9px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-hairline),var(--sh-1),var(--sh-inset);font-size:12px;font-weight:700;color:var(--ink-2);flex:none}.streak-chip .ico{width:24px;height:24px}.streak-chip b{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:0;margin-right:1px}.char-slot{position:relative;width:var(--size, var(--char-lg));aspect-ratio:1;flex:none}.char-slot>img,.char-slot>svg{position:absolute;inset:0;width:100%;height:100%;filter:var(--char-outline);user-select:none;-webkit-user-drag:none}.avatar{position:relative;display:block;width:var(--size, var(--char-md));aspect-ratio:1;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--stage-1),var(--stage-2));box-shadow:var(--sh-hairline),inset 0 -2px #28186e0f}.avatar>img{position:absolute;left:-14%;top:-2%;width:128%;height:128%}.avatar--ring{box-shadow:0 0 0 3px var(--surface),0 0 0 5.5px var(--accent)}.bubble{position:relative;padding:10px 15px 11px;border-radius:22px;background:var(--surface);box-shadow:var(--sh-hairline),var(--sh-2),var(--sh-inset);font-size:14px;font-weight:700;line-height:1.6;letter-spacing:.03em;color:var(--ink)}.bubble b{font-weight:900}.bubble:after{content:"";position:absolute;width:16px;height:18px;background:inherit;right:-11px;bottom:16px;clip-path:path("M0 0 C6 5 11 9 16 18 C9 15 4 14 0 14 Z")}.tabbar{position:absolute;z-index:20;left:12px;right:12px;bottom:calc(var(--tabbar-gap) + var(--safe-b));height:var(--tabbar-h);padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border-radius:var(--r-pill);box-shadow:var(--sh-hairline),var(--sh-3),var(--sh-inset)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;border-radius:var(--r-pill);color:var(--ink-3);font-size:10.5px;font-weight:700;letter-spacing:.04em;line-height:1.3;transition:background var(--d-fast) var(--ease-out),color var(--d-fast)}.tabbar__item .ico{width:22px;height:22px}.tabbar__item[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink)}.tabbar__item[aria-current=page] .ico{stroke-width:2.3}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:#140c3261;animation:fade-in var(--d-fast) var(--ease-out) both}.sheet{position:fixed;z-index:41;left:50%;bottom:8px;width:calc(100% - 16px);max-width:464px;transform:translate(-50%);padding:10px 18px calc(18px + var(--safe-b));border-radius:32px 32px 40px 40px;background:var(--surface);box-shadow:var(--sh-hairline),var(--sh-sheet),var(--sh-inset);animation:rise var(--d-base) var(--ease-out) both}.sheet__grip{width:40px;height:5px;margin:0 auto 12px;border-radius:3px;background:var(--line-strong)}.sheet__title{font-family:var(--font-head);font-size:19px;font-weight:900;letter-spacing:.04em;line-height:1.35}.sheet__text{margin-top:6px;font-size:14px;color:var(--ink-2);line-height:1.7}.sheet__actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.toast{position:fixed;z-index:50;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translate(-50%);max-width:calc(100% - 32px);padding:10px 16px;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);font-size:13.5px;font-weight:700;letter-spacing:.04em;line-height:1.4;box-shadow:var(--sh-3);animation:drop var(--d-base) var(--ease-out) both;pointer-events:none}.blank-screen{height:100dvh}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.placeholder h1{font-size:22px;font-weight:900;letter-spacing:.04em}.placeholder p{color:var(--ink-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes drop{0%{transform:translate(-50%,-12px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}.price{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--ink);color:var(--on-ink);font-family:var(--font-num);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}