:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f0ece2;--bg-deep:#e7e0d3;--surface:#faf7f0;--surface-2:#f3eee5;--surface-3:#e9e1d5;--ink:#1e2924;--ink-soft:#647068;--ink-faint:#8e978f;--line:#29373024;--line-strong:#29373047;--accent:#b85c38;--accent-hover:#9f4c2f;--accent-soft:#ead4c7;--secondary:#65765f;--success:#4d745d;--warning:#bc8734;--shadow:0 22px 70px #31281b1a;--shadow-soft:0 10px 36px #31281b12;--radius-sm:10px;--radius:16px;--radius-lg:24px;--display-font:"STZhongsong", "Songti SC", "SimSun", serif;--body-font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif}:root[data-theme=star]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(96.5% .055 93);--bg-deep:oklch(91% .08 90);--surface:oklch(99% .02 94);--surface-2:oklch(95% .055 91);--surface-3:oklch(90% .08 89);--ink:oklch(31% .075 265);--ink-soft:oklch(49% .065 263);--ink-faint:oklch(64% .05 260);--line:color-mix(in oklch, var(--ink) 13%, transparent);--line-strong:color-mix(in oklch, var(--ink) 25%, transparent);--accent:oklch(67% .18 35);--accent-hover:oklch(61% .19 35);--accent-soft:oklch(90% .09 55);--secondary:oklch(62% .12 262);--success:oklch(73% .12 154);--warning:oklch(80% .14 65);--shadow:0 24px 72px oklch(36% .06 58/.18);--shadow-soft:0 10px 36px oklch(36% .06 58/.11)}:root[data-theme=line-dog]{--bg:oklch(97% .025 82);--bg-deep:oklch(93% .04 78);--surface:oklch(99% .015 82);--surface-2:oklch(95.5% .035 79);--surface-3:oklch(91% .05 75);--ink:oklch(32% .035 48);--ink-soft:oklch(51% .045 48);--ink-faint:oklch(64% .04 55);--line:color-mix(in oklch, var(--ink) 15%, transparent);--line-strong:color-mix(in oklch, var(--ink) 29%, transparent);--accent:oklch(70% .16 48);--accent-hover:oklch(62% .17 44);--accent-soft:oklch(90% .075 55);--secondary:oklch(57% .08 190);--success:oklch(58% .1 148);--warning:oklch(70% .14 75);--shadow:0 22px 66px oklch(32% .035 48/.13);--shadow-soft:0 9px 30px oklch(32% .035 48/.08)}:root[data-theme=floppy]{--bg:oklch(97% .03 220);--bg-deep:oklch(92% .06 220);--surface:oklch(99% .012 220);--surface-2:oklch(95% .035 220);--surface-3:oklch(89% .06 220);--ink:oklch(40% .08 235);--ink-soft:oklch(55% .055 235);--ink-faint:oklch(68% .045 230);--line:color-mix(in oklch, var(--ink) 13%, transparent);--line-strong:color-mix(in oklch, var(--ink) 25%, transparent);--accent:oklch(72% .13 8);--accent-hover:oklch(63% .15 8);--accent-soft:oklch(91% .07 8);--secondary:oklch(61% .1 232);--success:oklch(61% .1 155);--warning:oklch(75% .13 75);--shadow:0 24px 68px oklch(37% .06 235/.13);--shadow-soft:0 10px 32px oklch(37% .06 235/.08)}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);font-family:var(--body-font);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;opacity:.32;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");position:fixed;inset:0}:root[data-theme=star] body{background-image:radial-gradient(circle at 20% 15%,oklch(70% .12 285/.12) 0 1px,#0000 2px),radial-gradient(circle at 76% 44%,oklch(90% .17 100/.12) 0 1px,#0000 2px);background-size:72px 72px,110px 110px}:root[data-theme=line-dog] body{background-image:radial-gradient(oklch(32% .035 48/.06) .7px,#0000 .8px);background-size:13px 13px}:root[data-theme=floppy] body{background-image:linear-gradient(oklch(61% .1 232/.035) 1px,#0000 1px),linear-gradient(90deg,oklch(61% .1 232/.035) 1px,#0000 1px);background-size:28px 28px}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display-font)}input,textarea,select{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);outline:0;width:100%;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23647068' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:42px!important}input[type=date]{cursor:pointer;min-height:48px}input[type=date]::-webkit-calendar-picker-indicator{background-color:var(--accent-soft);cursor:pointer;opacity:.78;border-radius:8px;width:20px;height:20px;padding:5px;transition:opacity .2s,background-color .2s}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}textarea{resize:vertical;min-height:92px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;letter-spacing:.01em;min-height:44px;box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 24%, transparent);justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.primary-button:hover{background:var(--accent-hover);box-shadow:0 12px 26px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-2px)}.full-button{width:100%}.text-button{color:var(--ink-soft);background:0 0;padding:10px 2px;font-weight:700}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.form-error{color:#c54f43;margin:10px 0;font-size:13px}.mobile-only{display:none}.theme-mascot{aspect-ratio:1.2;width:120px;color:var(--ink);place-items:center;display:inline-grid;position:relative}.theme-mascot svg{width:100%;height:100%;overflow:visible}.user-avatar{width:var(--avatar-size,36px);height:var(--avatar-size,36px);color:var(--avatar-color);background:radial-gradient(circle at 34% 25%, #fff 0 8%, transparent 9%), linear-gradient(145deg, var(--avatar-soft), color-mix(in oklch, var(--avatar-soft) 68%, var(--avatar-color)));border:max(2px, calc(var(--avatar-size,36px) * .045)) solid color-mix(in oklch, var(--surface) 88%, white);box-shadow:0 5px 13px color-mix(in oklch, var(--avatar-color) 22%, transparent), inset 0 -4px 8px color-mix(in oklch, var(--avatar-color) 12%, transparent);isolation:isolate;border-radius:42% 58% 48% 52%/46% 42% 58% 54%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.user-avatar:before{content:"";aspect-ratio:1;background:var(--avatar-color);opacity:.28;z-index:-1;border-radius:50%;width:28%;position:absolute;bottom:3%;right:-8%}.user-avatar>span{font-size:calc(var(--avatar-size,36px) * .57);filter:drop-shadow(0 2px 1px #4636251f);line-height:1;transform:translateY(2%)}.mascot-shadow,.cloud-shadow,.paper-shadow{fill:var(--line)}.star-body{fill:var(--accent);stroke:color-mix(in oklch, var(--accent) 55%, var(--ink));stroke-width:3px;stroke-linejoin:round}.star-cheek{fill:var(--secondary);opacity:.72}.star-face,.star-legs{fill:none;stroke:oklch(28% .04 75);stroke-width:4px;stroke-linecap:round}.mascot-star svg{transform-origin:50% 60%;animation:3.8s cubic-bezier(.16,1,.3,1) infinite alternate star-friend-float}.mascot-star .star-face{animation:4.8s step-end infinite star-blink}.dog-line{fill:var(--surface);stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.dog-spot{fill:var(--accent-soft);stroke:var(--ink);stroke-width:3px}.mascot-line-dog .dog-tail{transform-box:fill-box;transform-origin:0 80%;animation:1.1s cubic-bezier(.16,1,.3,1) infinite alternate tail-wag}.mascot-line-dog .dog-ear{transform-box:fill-box;transform-origin:70% 10%;animation:2.6s cubic-bezier(.16,1,.3,1) infinite alternate ear-flop}.floppy-ear,.floppy-head{stroke:var(--secondary);stroke-width:3px;stroke-linejoin:round}.floppy-ear{fill:var(--accent-soft)}.floppy-head{fill:var(--surface)}.floppy-face{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.floppy-cheek{fill:var(--accent);opacity:.48}.floppy-cap{fill:var(--secondary)}.floppy-ear-left,.floppy-ear-right{transform-box:fill-box;transform-origin:top;animation:3s cubic-bezier(.16,1,.3,1) infinite alternate floppy-sway}.floppy-ear-right{animation-direction:alternate-reverse}.mascot-floppy svg{animation:3.5s cubic-bezier(.16,1,.3,1) infinite alternate cloud-bob}.paper-book{fill:var(--surface);stroke:var(--ink);stroke-width:4px;stroke-linejoin:round}.paper-page,.paper-sprout,.paper-face{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.mascot-paper svg{transform-origin:50% 90%;animation:4s cubic-bezier(.16,1,.3,1) infinite alternate book-nod}.theme-decor{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.theme-decor>.theme-mascot{filter:drop-shadow(0 12px 18px color-mix(in oklch, var(--ink) 12%, transparent));opacity:.92;position:absolute;top:92px;right:26px}.twinkle{color:var(--accent);font-style:normal;animation:2.4s ease-in-out infinite alternate twinkle;position:absolute}.twinkle-a{font-size:24px;top:11%;left:29%}.twinkle-b{font-size:17px;animation-delay:-.8s;top:42%;right:8%}.twinkle-c{font-size:21px;animation-delay:-1.5s;bottom:8%;left:56%}.shooting-star{background:var(--accent);opacity:.35;width:90px;height:1px;position:absolute;bottom:26%;right:7%;transform:rotate(-28deg)}.shooting-star:after{content:"✦";color:var(--accent);font-size:18px;position:absolute;top:-10px;right:-5px}.doodle-bone,.doodle-paw{color:var(--accent);font:700 34px var(--display-font);opacity:.38;font-style:normal;position:absolute;transform:rotate(-14deg)}.doodle-bone{top:13%;left:28%}.doodle-paw{bottom:12%;right:6%;transform:rotate(17deg)}.doodle-line{border-top:2px solid var(--ink);opacity:.08;border-radius:50%;height:30px;position:absolute;bottom:4%;left:30%;right:7%;transform:rotate(-1deg)}.cloud{background:var(--surface);width:92px;height:28px;box-shadow:25px -17px 0 -3px var(--surface), 52px -4px 0 -6px var(--surface);opacity:.38;border-radius:50px;animation:8s ease-in-out infinite alternate cloud-drift;position:absolute}.cloud-a{top:12%;left:29%}.cloud-b{animation-delay:-4s;bottom:12%;right:6%}.bubble{border:2px solid var(--accent);opacity:.28;border-radius:50%;animation:4s cubic-bezier(.16,1,.3,1) infinite bubble-rise;position:absolute}.bubble-a{width:18px;height:18px;top:45%;right:11%}.bubble-b{width:10px;height:10px;animation-delay:-2s;bottom:18%;left:38%}.paper-tape{background:var(--accent-soft);opacity:.55;width:72px;height:22px;position:absolute;top:8%;left:28%;transform:rotate(-8deg)}.paper-leaf{color:var(--secondary);opacity:.28;font-size:48px;font-style:normal;position:absolute;bottom:8%;right:7%;transform:rotate(-20deg)}.paper-rule{background:repeating-linear-gradient(transparent 0 15px, var(--line) 16px);opacity:.36;height:48px;position:absolute;bottom:4%;left:30%;right:4%}@keyframes star-friend-float{to{transform:translateY(-9px)rotate(3deg)}}@keyframes star-blink{47%,50%{transform-origin:50%;transform:scaleY(.08)}}@keyframes tail-wag{to{transform:rotate(18deg)}}@keyframes ear-flop{to{transform:rotate(-7deg)}}@keyframes floppy-sway{to{transform:rotate(7deg)}}@keyframes cloud-bob{to{transform:translateY(-7px)}}@keyframes book-nod{to{transform:rotate(-3deg)translateY(-3px)}}@keyframes twinkle{to{opacity:.2;transform:scale(.7)rotate(22deg)}}@keyframes cloud-drift{to{transform:translate(28px)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(22px)scale(.7)}35%{opacity:.3}to{opacity:0;transform:translateY(-45px)scale(1.15)}}:root[data-theme=star] .brand-mark,:root[data-theme=star] .ledger-type-mark,:root[data-theme=star] .ledger-card-top>span{color:var(--ink);background:var(--accent);border-radius:50%;transform:rotate(0)}:root[data-theme=star] .primary-button{border-radius:999px}:root[data-theme=line-dog] .brand-mark,:root[data-theme=line-dog] .ledger-type-mark{outline:2px solid var(--ink);outline-offset:3px;border-radius:45% 55% 48% 52%}:root[data-theme=line-dog] .side-nav a.router-link-active:not(.side-create){outline:2px solid var(--ink);outline-offset:-2px;transform:rotate(-.6deg)}:root[data-theme=floppy] .brand-mark,:root[data-theme=floppy] .ledger-type-mark{box-shadow:-8px 1px 0 -3px var(--accent-soft), 8px 1px 0 -3px var(--accent-soft);border-radius:50% 50% 42% 42%}:root[data-theme=floppy] .primary-button,:root[data-theme=floppy] .kind-selector button,:root[data-theme=floppy] .theme-card{border-radius:22px}.app-frame{min-height:100vh}.app-frame>:not(.theme-decor){position:relative}.sidebar{z-index:50;background:color-mix(in srgb, var(--surface) 91%, transparent);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;width:252px;padding:30px 24px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 6px 30px;display:flex}.brand-mark,.auth-brand span,.mobile-auth-brand span,.join-brand span{background:var(--ink);width:42px;height:42px;color:var(--surface);font-family:var(--display-font);border-radius:14px 4px;place-items:center;font-size:23px;font-weight:900;display:grid;transform:rotate(-3deg)}.brand>span:last-child{display:grid}.brand b{font-family:var(--display-font);font-size:20px;line-height:1.2}.brand small{color:var(--ink-faint);letter-spacing:.1em;margin-top:3px;font-size:10px}.side-nav{gap:7px;display:grid}.side-nav a{min-height:46px;color:var(--ink-soft);border-radius:12px;align-items:center;gap:12px;padding:0 13px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.side-nav a:hover{color:var(--ink);transform:translate(3px)}.side-nav a.router-link-active:not(.side-create){color:var(--ink);background:var(--surface-3)}.side-nav .side-create{border:1px dashed var(--line-strong);color:var(--accent);margin-top:13px}.profile-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.avatar,.large-avatar{color:#fff;background:var(--secondary);font-family:var(--display-font);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar{width:36px;height:36px}.profile-chip>span:nth-child(2){min-width:0;display:grid}.profile-chip b{text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-chip small{color:var(--ink-faint);font-size:10px}.profile-chip svg{color:var(--ink-faint)}.app-main{min-height:100vh;margin-left:252px}.bottom-nav,.mobile-topbar{display:none}.page{width:min(1420px,100%);min-height:100vh;margin:0 auto;padding:46px clamp(28px,4vw,70px) 70px;animation:.45s cubic-bezier(.2,.7,.2,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(9px)}}.page-heading{margin-bottom:38px}.page-heading h1{letter-spacing:-.045em;max-width:820px;margin-bottom:12px;font-size:clamp(36px,4vw,62px);line-height:1.08}.page-heading>p:last-child,.page-heading>div>p:last-child{max-width:620px;color:var(--ink-soft);line-height:1.75}.inline-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.inline-heading h1{margin-bottom:8px}.app-loading{background:var(--bg);place-content:center;justify-items:center;gap:13px;min-height:100vh;display:grid}.loading-mark{width:64px;height:64px;color:var(--surface);background:var(--ink);font:900 32px var(--display-font);border-radius:21px 6px;place-items:center;animation:1.3s ease-in-out infinite alternate book-breathe;display:grid}.app-loading p{color:var(--ink-soft);letter-spacing:.12em;font-size:13px}@keyframes book-breathe{to{box-shadow:var(--shadow);transform:translateY(-7px)rotate(-3deg)}}.auth-page{grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);min-height:100vh;display:grid}.auth-story{color:#f7f0e7;isolation:isolate;background:#24352e;flex-direction:column;min-height:100vh;padding:clamp(32px,5vw,74px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";z-index:-2;opacity:.42;background:radial-gradient(circle at 10% 100%,#b85c38 0,#0000 32%),radial-gradient(circle at 90% 10%,#627867 0,#0000 35%);position:absolute;inset:0}.auth-story:after{content:"合";z-index:-2;color:#ffffff06;font:900 min(70vw, 900px)/1 var(--display-font);position:absolute;bottom:-20vw;right:-6vw}.auth-brand{font:700 22px var(--display-font);align-items:center;gap:13px;display:flex}.auth-brand span{color:#24352e;background:#f7f0e7}.story-copy{max-width:780px;margin:auto 0;padding:9vh 0 8vh}.story-copy .eyebrow{color:#d69a77}.story-copy h1{letter-spacing:-.055em;margin-bottom:28px;font-size:clamp(44px,5.5vw,86px);line-height:1.14}.story-copy h1 em{color:#d8946d;font-style:normal}.story-lead{color:#f7f0e7ad;max-width:590px;font-size:16px;line-height:1.9}.auth-features{background:#ffffff24;border:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.auth-features article{background:#192620c7;align-content:end;gap:4px;min-height:118px;padding:21px;display:grid;position:relative}.auth-features article>span{color:#ffffff3d;letter-spacing:.12em;font-size:10px;position:absolute;top:11px;right:14px}.auth-features svg{color:#d8946d;margin-bottom:8px}.auth-features b{font:600 15px var(--display-font)}.auth-features small{color:#f7f0e780;font-size:11px}.story-orbit{z-index:-1;border:1px solid #ffffff0f;border-radius:50%;position:absolute}.orbit-one{width:36vw;height:36vw;top:-12vw;right:-18vw}.orbit-two{width:24vw;height:24vw;bottom:15vw;left:-12vw}.auth-panel{background:var(--surface);place-items:center;padding:50px clamp(34px,6vw,92px);display:grid}.auth-form-wrap{width:min(440px,100%)}.mobile-auth-brand{display:none}.step-note{color:var(--accent);letter-spacing:.1em;margin-bottom:13px;font-size:12px;font-weight:700}.auth-form-wrap h2{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(34px,4vw,48px)}.form-intro{color:var(--ink-soft);margin-bottom:35px;line-height:1.7}.auth-form-wrap form{gap:19px;display:grid}.auth-form-wrap label>span,.field-label>span{letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.auth-form-wrap input{background:var(--surface-2);height:52px;padding:0 15px}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{width:42px;height:42px;color:var(--ink-soft);background:0 0;place-items:center;display:grid;position:absolute;top:5px;right:5px}.auth-submit{justify-content:space-between;width:100%;height:52px;padding:0 17px 0 20px}.mode-switch{width:100%;color:var(--ink-soft);background:0 0;margin-top:20px;padding:10px;font-weight:600}.mode-switch:hover{color:var(--accent)}.privacy-note{border-top:1px solid var(--line);color:var(--ink-faint);text-align:center;margin:30px auto 0;padding-top:20px;font-size:11px;line-height:1.7}.home-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.home-heading h1{margin:0}.metric-strip{grid-template-columns:2fr 1fr 1fr;gap:15px;margin-bottom:55px;display:grid}.metric-strip article{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-height:162px;padding:26px;position:relative;overflow:hidden}.metric-strip article>svg{color:var(--accent)}.metric-strip article:not(.metric-primary){align-content:space-between;display:grid}.metric-strip p{color:var(--ink-soft);margin:0;font-size:12px}.metric-strip strong{letter-spacing:-.04em;margin:9px 0 3px;font-size:clamp(28px,3vw,43px);display:block}.metric-strip small{color:var(--ink-faint);font-size:11px}.metric-strip .metric-primary{color:#f5f0e8;background:var(--ink);border-color:#0000}.metric-primary:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:230px;height:230px;position:absolute;top:-110px;right:-90px}.metric-primary p,.metric-primary small{color:#f5f0e89e}.metric-primary>svg{color:var(--accent);opacity:.84;position:absolute;bottom:23px;right:25px}.section-block{margin-top:35px}.section-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:19px;display:flex}.section-title h2{letter-spacing:-.03em;margin:0;font-size:27px}.section-title>a{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.ledger-preview-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ledger-preview{background:var(--surface);border:1px solid var(--line);border-radius:5px var(--radius) var(--radius) 5px;min-height:226px;box-shadow:var(--shadow-soft);padding:28px 28px 25px 42px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.ledger-preview:hover{box-shadow:var(--shadow);transform:translateY(-4px)rotate(-.25deg)}.book-spine{background:var(--accent);width:13px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -3px 0 #0000001f}.ledger-index{color:var(--line-strong);font:700 46px var(--display-font);position:absolute;top:12px;right:18px}.ledger-preview-content{align-self:end;position:relative}.ledger-preview-content>small{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:700}.ledger-preview h3{max-width:76%;margin:11px 0 9px;font-size:25px}.ledger-preview p{min-height:21px;color:var(--ink-soft);margin-bottom:25px;font-size:12px}.ledger-preview-content>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.ledger-preview-content strong{font-size:20px}.empty-onboarding{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:460px;box-shadow:var(--shadow-soft);grid-template-columns:.7fr 1fr;align-items:center;gap:clamp(35px,7vw,100px);padding:clamp(30px,6vw,80px);display:grid}.empty-illustration{aspect-ratio:1;color:var(--surface);background:var(--ink);border-radius:50% 50% 12%;place-content:center;justify-items:center;gap:14px;display:grid;transform:rotate(-4deg)}.empty-illustration>*{transform:rotate(4deg)}.empty-onboarding h2{margin-bottom:16px;font-size:clamp(30px,4vw,50px)}.empty-onboarding p:not(.eyebrow){max-width:560px;color:var(--ink-soft);margin-bottom:27px;line-height:1.8}.all-ledgers-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.new-ledger-card,.full-ledger-card{border-radius:var(--radius);min-height:260px;padding:26px}.new-ledger-card{color:var(--accent);border:1px dashed var(--line-strong);background:0 0;place-content:center;justify-items:center;gap:9px;display:grid}.new-ledger-card:hover{background:var(--surface-2);border-color:var(--accent)}.new-ledger-card b{font-family:var(--display-font);margin-top:6px;font-size:19px}.new-ledger-card span{color:var(--ink-faint);font-size:11px}.full-ledger-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);flex-direction:column;transition:transform .25s,border-color .25s;display:flex}.full-ledger-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.full-ledger-card.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), var(--shadow-soft)}.ledger-card-top,.ledger-card-bottom{justify-content:space-between;align-items:center;display:flex}.ledger-card-top>span{width:44px;height:44px;color:var(--surface);background:var(--ink);font:700 21px var(--display-font);border-radius:14px 4px;place-items:center;display:grid}.ledger-card-top small{color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.full-ledger-card h2{margin:28px 0 8px;font-size:23px}.full-ledger-card>p{color:var(--ink-soft);font-size:12px;line-height:1.6}.ledger-card-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.ledger-card-bottom span{color:var(--ink-faint);align-items:center;gap:6px;font-size:11px;display:flex}.ledger-card-bottom strong{font-size:18px}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d141099;place-items:center;padding:24px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal-sheet{border-radius:var(--radius-lg);background:var(--surface);width:min(720px,100%);max-height:calc(100vh - 48px);padding:34px;animation:.3s cubic-bezier(.2,.8,.2,1) both modal-in;position:relative;overflow:auto;box-shadow:0 30px 100px #0000004d}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}.modal-sheet h2{letter-spacing:-.04em;margin-bottom:10px;font-size:33px}.modal-close{z-index:2;position:absolute;top:20px;right:20px}.modal-intro{color:var(--ink-soft);margin-bottom:25px;line-height:1.65}.type-picker{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.type-picker button{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:2px 12px;min-height:102px;padding:15px;display:grid}.type-picker button>span{width:42px;height:42px;color:var(--surface);background:var(--ink);font:700 19px var(--display-font);border-radius:13px 4px;grid-row:1/3;align-self:center;place-items:center;display:grid}.type-picker button b{align-self:end}.type-picker button small{color:var(--ink-faint);align-self:start;font-size:10px}.type-picker button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.modal-next{width:100%;margin-top:18px}.field-label{margin-bottom:17px;display:block}.field-label>span small{color:var(--ink-faint);font-weight:400}.field-label input,.field-label select{height:48px;padding:0 13px}.field-label textarea{padding:13px}.modal-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.money-input{position:relative}.money-input b{color:var(--accent);font-size:22px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.money-input input{padding-left:40px;font-size:21px;font-weight:700}.entry-modal{width:min(780px,100%)}.compact-modal{width:min(500px,100%)}.kind-selector{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.kind-selector button{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;gap:5px;min-height:76px;padding:12px;display:grid}.kind-selector button small{color:var(--ink-faint);font-size:9px;line-height:1.35}.kind-selector button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.edit-kind-note{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;align-items:center;gap:11px;margin:21px 0;padding:13px 14px;display:flex}.edit-kind-note span{color:var(--accent);background:var(--accent-soft);border-radius:999px;flex:none;padding:5px 9px;font-size:10px;font-weight:700}.edit-kind-note p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.5}.record-hint{color:var(--ink-soft);background:var(--surface-2);border:1px solid color-mix(in oklch, var(--accent) 35%, var(--line));border-radius:10px;align-items:center;gap:9px;margin:2px 0 18px;padding:12px 14px;font-size:11px;display:flex}.back-link{color:var(--ink-soft);background:0 0;align-items:center;gap:7px;margin-bottom:22px;padding:7px 0;font-size:12px;font-weight:700;display:flex}.ledger-hero{justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;display:flex}.ledger-title-wrap{align-items:center;gap:18px;display:flex}.ledger-type-mark{width:70px;height:70px;color:var(--surface);background:var(--ink);box-shadow:8px 8px 0 var(--accent-soft);font:900 30px var(--display-font);border-radius:22px 6px;flex:none;place-items:center;display:grid;transform:rotate(-2deg)}.ledger-title-wrap h1{letter-spacing:-.045em;margin-bottom:7px;font-size:clamp(33px,4vw,53px)}.ledger-title-wrap p:last-child{color:var(--ink-soft);margin:0;font-size:13px}.ledger-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:1.7fr 1fr 1fr;gap:1px;margin-bottom:25px;display:grid;position:relative;overflow:hidden}.ledger-summary article{background:var(--surface);min-height:148px;padding:25px}.ledger-summary p{color:var(--ink-soft);margin-bottom:18px;font-size:11px}.ledger-summary strong{margin-bottom:5px;font-size:clamp(23px,3vw,34px);display:block}.ledger-summary small{color:var(--ink-faint);font-size:10px}.ledger-summary .spend-total{color:#f5f0e8;background:var(--ink);position:relative}.spend-total p,.spend-total small{color:#f5f0e894}.spend-total>svg{color:var(--accent);position:absolute;bottom:23px;right:22px}.overall-progress{background:var(--surface-3);height:5px;position:absolute;bottom:0;left:0;right:0}.overall-progress>span{background:var(--accent);height:100%;transition:width .6s;display:block}.overall-progress small{position:absolute;bottom:10px;right:12px}.ledger-tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;gap:5px;margin-bottom:16px;padding:5px;display:flex}.ledger-tabs button{min-height:42px;color:var(--ink-soft);background:0 0;border-radius:9px;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:700;display:flex}.ledger-tabs button>span{background:var(--surface-3);border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.ledger-tabs button.active{color:var(--ink);background:var(--surface);box-shadow:0 3px 12px #0000000f}.ledger-content{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:27px}.content-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.content-toolbar h2{margin:0;font-size:26px}.content-toolbar p:last-child{color:var(--ink-soft);margin-bottom:0;font-size:12px}.entry-shortcuts{gap:6px;display:flex}.entry-shortcuts button,.filter-button{min-height:37px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.entry-shortcuts button:hover{color:var(--accent);border-color:var(--accent)}.entry-list{gap:10px;display:grid}.entry-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;overflow:hidden}.entry-main-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:102px;padding:18px 16px;display:grid}.entry-main-row.has-actions{grid-template-columns:auto minmax(0,1fr) auto auto}.category-dot{border-radius:7px;width:10px;height:42px}.entry-copy{min-width:0}.entry-copy>div{align-items:center;gap:8px;display:flex}.kind-pill{color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:4px 7px;font-size:9px;font-weight:700}.kind-staged{color:var(--secondary);background:color-mix(in srgb, var(--secondary) 16%, var(--surface))}.kind-estimate{color:var(--warning);background:color-mix(in srgb, var(--warning) 15%, var(--surface))}.entry-copy small{color:var(--ink-faint);font-size:10px}.entry-copy h3{text-overflow:ellipsis;font:700 16px var(--body-font);white-space:nowrap;margin:7px 0 4px;overflow:hidden}.entry-copy p{text-overflow:ellipsis;color:var(--ink-soft);white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.entry-amount{text-align:right;min-width:135px}.entry-amount strong{font-size:18px;display:block}.entry-amount small{color:var(--ink-faint);justify-content:flex-end;align-items:center;gap:3px;margin-top:5px;font-size:9px;display:flex}.more-button{width:34px;height:34px;color:var(--ink-faint);background:0 0;border-radius:50%;place-items:center;display:grid}.more-button:hover,.more-button.active{color:var(--accent);background:var(--accent-soft)}.entry-action-panel{border-top:1px solid var(--line);background:color-mix(in oklch, var(--surface-2) 78%, var(--accent-soft));justify-content:flex-end;align-items:center;gap:8px;min-height:52px;padding:8px 14px 8px 42px;display:flex}.entry-action-panel>span:first-child{color:var(--ink-faint);margin-right:auto;font-size:10px;font-weight:700}.entry-action-panel button{border:1px solid var(--line);min-height:36px;color:var(--ink-soft);background:var(--surface);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.entry-action-panel .edit-entry-button:hover{color:var(--accent);border-color:var(--accent)}.entry-action-panel .delete-entry-button,.entry-action-panel .confirm-delete-button{color:oklch(50% .17 27)}.entry-action-panel .confirm-delete-button{color:oklch(98% .01 65);background:oklch(52% .17 27);border-color:#0000}.delete-confirm-copy{gap:2px;margin-right:auto;display:grid;color:var(--ink)!important;font-size:11px!important}.delete-confirm-copy small{color:var(--ink-faint);font-size:9px;font-weight:400}.entry-action-error{width:100%;margin:3px 0}.staged-detail,.estimate-action{border-top:1px solid var(--line);background:var(--surface-2);padding:13px 18px 17px 42px}.stage-progress{background:var(--surface-3);border-radius:5px;height:5px;margin-bottom:15px;overflow:hidden}.stage-progress span{border-radius:inherit;background:var(--secondary);height:100%;display:block}.stage-timeline{gap:10px;display:grid}.stage-timeline>div{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.stage-timeline i{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.stage-timeline span{display:grid}.stage-timeline b{font-size:11px}.stage-timeline small{color:var(--ink-faint);font-size:9px}.stage-timeline strong{font-size:12px}.stage-timeline button{color:var(--accent);background:0 0;align-items:center;gap:6px;padding:7px 0;font-size:10px;font-weight:700;display:flex}.completed-note{color:var(--success);grid-auto-flow:column;justify-content:start;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex!important}.estimate-action{justify-content:space-between;align-items:center;gap:15px;display:flex}.estimate-action>span{color:var(--warning);align-items:center;gap:7px;font-size:10px;display:flex}.estimate-action button{color:var(--accent);background:0 0;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.records-empty{text-align:center;place-content:center;justify-items:center;min-height:310px;display:grid}.records-empty svg{color:var(--accent);margin-bottom:14px}.records-empty h3{margin-bottom:8px}.records-empty p{max-width:430px;color:var(--ink-soft);margin-bottom:18px;font-size:12px}.category-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.category-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:12px;min-height:87px;padding:15px;display:flex}.category-grid article>span{color:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.category-grid article>div{gap:4px;display:grid}.category-grid b{font-size:12px}.category-grid small{color:var(--ink-faint);font-size:9px}.add-category-form{background:var(--surface-2);border-radius:13px;grid-template-columns:1fr 1.3fr auto auto;align-items:center;gap:10px;margin-top:25px;padding:20px;display:grid}.add-category-form h3{margin:0;font-size:17px}.add-category-form input[type=text],.add-category-form>input{height:43px;padding:0 12px}.color-input{border-radius:10px;width:43px;height:43px;position:relative;overflow:hidden}.color-input input{opacity:0;position:absolute}.color-input span{border:4px solid var(--surface);border-radius:10px;position:absolute;inset:0}.add-category-form .form-error{grid-column:2/-1;margin:0}.share-layout{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.member-panel,.invite-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:24px}.member-panel .content-toolbar{align-items:center}.member-panel .content-toolbar>svg{color:var(--accent)}.member-list{gap:7px;display:grid}.member-list article{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:65px;padding:10px;display:grid}.member-list article>div{display:grid}.member-list b{font-size:12px}.member-list small{color:var(--ink-faint);font-size:9px}.member-list select{width:92px;height:34px;padding:0 8px;font-size:10px}.remove-member{color:#b44b43;background:0 0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.role-chip{color:var(--ink-soft);background:var(--surface-3);border-radius:20px;padding:5px 8px;font-size:9px}.invite-panel{background:var(--ink);color:#f5f0e8;padding:30px}.invite-panel.disabled{opacity:.86}.invite-icon{width:52px;height:52px;color:var(--ink);background:var(--accent);border-radius:17px 5px;place-items:center;margin-bottom:28px;display:grid}:root[data-theme=star] .invite-icon{color:oklch(19% .045 276)}.invite-panel h2{margin-bottom:13px;font-size:25px}.invite-panel>p:not(.eyebrow):not(.form-error){color:#f5f0e894;font-size:11px;line-height:1.7}.permission-picker{grid-template-columns:1fr 1fr;gap:7px;margin:22px 0 15px;display:grid}.permission-picker button{color:#f5f0e8a6;text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;min-height:74px;padding:11px;display:flex}.permission-picker button>span{display:grid}.permission-picker b{color:#f5f0e8;font-size:10px}.permission-picker small{font-size:8px}.permission-picker button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.share-result{gap:7px;display:flex}.share-result input{color:#f5f0e8;background:#ffffff14;border-color:#ffffff21;height:44px;padding:0 10px;font-size:10px}.share-result button{color:var(--ink);background:var(--accent);border-radius:9px;flex:none;align-items:center;gap:5px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.ledger-loading,.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.ledger-loading i,.skeleton-grid i{border-radius:var(--radius);background:linear-gradient(100deg, var(--surface-2) 20%, var(--surface) 42%, var(--surface-2) 64%);background-size:220% 100%;height:190px;animation:1.2s linear infinite skeleton}@keyframes skeleton{to{background-position-x:-220%}}.error-state{text-align:center;place-content:center;justify-items:center;min-height:65vh;display:grid}.error-state>span{width:64px;height:64px;color:var(--accent);border:1px solid var(--accent);font:700 28px var(--display-font);border-radius:50%;place-items:center;display:grid}.error-state h1{margin:20px 0 8px}.error-state p{color:var(--ink-soft)}.profile-editor{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--surface) 94%, var(--avatar-soft,var(--surface)));max-width:1080px;box-shadow:var(--shadow-soft);grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(26px,4vw,58px);margin-bottom:54px;padding:clamp(22px,3vw,34px);display:grid}.profile-editor-heading{align-content:start;align-self:start;gap:22px;display:grid}.profile-preview{width:max-content;position:relative}.profile-edit-mark{width:29px;height:29px;color:var(--surface);background:var(--ink);border:3px solid var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1px;right:-3px}.profile-editor-heading .eyebrow{margin-bottom:7px}.profile-editor-heading h2{margin-bottom:8px;font-size:27px}.profile-editor-heading>div:last-child>p:last-child{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.65}.profile-form{gap:25px;min-width:0;display:grid}.profile-nickname-field{gap:9px;display:grid}.profile-nickname-field>span,.avatar-fieldset legend{color:var(--ink);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.profile-nickname-field>div{position:relative}.profile-nickname-field input{background:var(--surface-2);height:50px;padding:0 58px 0 14px}.profile-nickname-field>div small{color:var(--ink-faint);font-size:9px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.profile-nickname-field>small{color:var(--ink-faint);font-size:10px}.avatar-fieldset{border:0;min-width:0;margin:0;padding:0}.avatar-fieldset legend{margin-bottom:11px;padding:0}.avatar-picker{grid-template-columns:repeat(4,minmax(76px,1fr));gap:9px;display:grid}.avatar-picker button{min-height:96px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-content:center;place-items:center;gap:7px;padding:10px 6px 9px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:grid;position:relative}.avatar-picker button:hover{border-color:var(--line-strong);transform:translateY(-2px)}.avatar-picker button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent);outline-offset:2px}.avatar-picker button>span{font-size:10px;font-weight:700}.avatar-picker button>i{width:20px;height:20px;color:var(--surface);background:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.avatar-picker button.selected{color:var(--ink);border-color:var(--accent);background:color-mix(in oklch, var(--accent-soft) 58%, var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}.profile-form-footer{border-top:1px dashed var(--line-strong);justify-content:space-between;align-items:center;gap:20px;min-height:49px;padding-top:18px;display:flex}.profile-form-footer>span{color:var(--ink-faint);font-size:10px}.profile-form-footer .form-error{margin:0}.form-success{color:var(--success);align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;display:flex}.profile-save{min-width:170px}.theme-section{margin-bottom:28px}.theme-section h2{align-items:center;gap:9px;display:flex}.theme-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.theme-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:150px 1fr auto;align-items:center;gap:18px;min-height:150px;padding:14px;display:grid;position:relative}.theme-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-card>div:nth-child(2){gap:8px;display:grid}.theme-card strong{font:700 18px var(--display-font)}.theme-card small{color:var(--ink-soft);font-size:10px;line-height:1.6}.theme-card>svg{color:var(--accent)}.theme-swatch{background:var(--c1);border-radius:10px;width:150px;height:110px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.theme-swatch>.theme-mascot{width:76px;color:var(--c2);z-index:1;position:absolute;top:3px;left:8px}.theme-swatch i{background:color-mix(in srgb, var(--c2) 24%, transparent);height:1px;box-shadow:0 12px color-mix(in srgb, var(--c2) 14%, transparent);position:absolute;top:50px;left:13px;right:13px}.theme-swatch b{color:var(--c3);font-size:13px;position:absolute;bottom:10px;right:12px}.appearance-note{max-width:780px;color:var(--ink-soft);background:var(--surface-2);border-radius:12px;align-items:center;gap:14px;margin-bottom:25px;padding:16px;display:flex}.appearance-note p{flex:1;margin:0;display:grid}.appearance-note b{color:var(--ink);font-size:12px}.appearance-note span{font-size:10px}.logout-button{color:#b44b43;background:0 0;align-items:center;gap:8px;padding:12px 0;font-weight:700;display:flex}.join-page{background:var(--bg);place-items:center;min-height:100vh;padding:30px;display:grid}.join-brand{font:700 19px var(--display-font);align-items:center;gap:10px;display:flex;position:absolute;top:28px;left:35px}.join-card{text-align:center;border:1px solid var(--line);background:var(--surface);width:min(560px,100%);min-height:490px;box-shadow:var(--shadow);border-radius:40px 10px;align-content:center;padding:58px;display:grid;position:relative;overflow:hidden}.join-card:before{content:"";border:1px solid var(--line);width:240px;height:240px;box-shadow:0 0 0 30px color-mix(in srgb, var(--accent) 5%, transparent), 0 0 0 60px color-mix(in srgb, var(--accent) 3%, transparent);border-radius:50%;position:absolute;top:-120px;right:-120px}.invitation-stamp{width:66px;height:66px;color:var(--surface);background:var(--ink);border-radius:22px 6px;place-items:center;margin:0 auto 28px;display:grid;transform:rotate(-3deg)}.join-card h1{margin-bottom:13px;font-size:37px}.join-card>p:not(.eyebrow){color:var(--ink-soft)}.join-permission{background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:28px auto;padding:14px 18px;display:flex}.join-permission>span{text-align:left;display:grid}.join-permission small{color:var(--ink-faint);font-size:9px}.join-permission b{font-size:12px}.join-button{width:100%}.join-expiry{color:var(--ink-faint);margin-top:18px;font-size:9px;display:block}.join-loading{place-items:center;gap:14px;display:grid}.join-loading i{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.join-error>span{width:58px;height:58px;color:var(--accent);border:1px solid var(--accent);border-radius:50%;place-items:center;margin:auto;font-size:24px;display:grid}.join-error h1{margin-top:20px}@media (width<=1120px){.sidebar{width:218px;padding-inline:18px}.app-main{margin-left:218px}.all-ledgers-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.share-layout{grid-template-columns:1fr}.theme-card{grid-template-columns:120px 1fr auto}.theme-swatch{width:120px}}@media (width<=840px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:420px;padding:30px}.story-copy{padding:70px 0 50px}.story-copy h1{font-size:clamp(42px,10vw,68px)}.auth-features{display:none}.auth-panel{padding:50px 28px 80px}.sidebar{display:none}.app-main{margin-left:0;padding-bottom:82px}.bottom-nav{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:100;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 91%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:66px;box-shadow:var(--shadow);border-radius:19px;grid-template-columns:repeat(5,1fr);padding:7px 10px;display:grid;position:fixed}.bottom-nav a{color:var(--ink-faint);place-content:center;justify-items:center;gap:3px;font-size:9px;display:grid}.bottom-nav a.router-link-active{color:var(--accent)}.bottom-nav .mobile-create svg{color:#fff;background:var(--accent);width:36px;height:36px;box-shadow:0 7px 16px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;margin-top:-18px;padding:7px}.bottom-nav .mobile-create.is-readonly svg{background:var(--ink-faint);box-shadow:none}:root[data-theme=star] .bottom-nav .mobile-create svg{color:oklch(19% .045 276)}.page{padding:30px 20px 45px}.desktop-action{display:none}.metric-strip{grid-template-columns:1fr 1fr}.metric-primary{grid-column:1/-1}.ledger-preview-grid{grid-template-columns:1fr}.ledger-summary{grid-template-columns:1fr 1fr}.spend-total{grid-column:1/-1}.ledger-tabs{overflow-x:auto}.ledger-tabs button{flex:none}.category-grid{grid-template-columns:repeat(2,1fr)}.add-category-form{grid-template-columns:1fr auto auto}.add-category-form>div:first-child{grid-column:1/-1}.theme-grid{grid-template-columns:1fr}}@media (width<=600px){.mobile-only{display:block}.auth-story{min-height:350px}.auth-brand{display:none}.story-copy{margin:0;padding:45px 0 20px}.story-copy h1{margin-bottom:18px;font-size:40px}.story-lead{font-size:13px;line-height:1.75}.mobile-auth-brand{font:700 20px var(--display-font);align-items:center;gap:11px;margin-bottom:38px;display:flex}.page-heading{margin-bottom:27px}.page-heading h1{font-size:38px}.inline-heading{align-items:flex-start}.inline-heading .primary-button{width:44px;padding:0;font-size:0}.home-heading{display:block}.metric-strip{gap:10px;margin-bottom:40px}.metric-strip article{min-height:138px;padding:20px}.metric-strip strong{font-size:26px}.ledger-preview{min-height:210px;padding:24px 20px 20px 35px}.empty-onboarding{grid-template-columns:1fr;padding:28px}.empty-illustration{justify-self:center;width:150px}.all-ledgers-grid{grid-template-columns:1fr}.new-ledger-card,.full-ledger-card{min-height:220px}.modal-backdrop{align-items:end;padding:0}.modal-sheet{width:100%;max-height:92vh;padding:27px 20px max(28px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal-close{top:15px;right:15px}.type-picker{grid-template-columns:1fr}.type-picker button{min-height:82px}.kind-selector{grid-template-columns:1fr}.kind-selector button{min-height:61px}.form-grid{grid-template-columns:1fr;gap:0}.ledger-page{padding-inline:14px}.ledger-hero{align-items:flex-end}.ledger-title-wrap{align-items:flex-start;gap:13px}.ledger-type-mark{width:54px;height:54px;box-shadow:5px 5px 0 var(--accent-soft);border-radius:17px 5px;font-size:23px}.ledger-title-wrap h1{font-size:29px}.ledger-title-wrap .eyebrow{font-size:8px}.ledger-summary article{min-height:124px;padding:20px}.ledger-summary strong{font-size:21px}.ledger-tabs{margin-inline:-1px}.ledger-content{padding:17px 12px}.content-toolbar{align-items:flex-start}.entry-shortcuts{display:none}.entry-main-row{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:14px 10px}.entry-amount{min-width:92px}.entry-amount strong{font-size:15px}.more-button{display:none}.entry-copy>div{flex-wrap:wrap;gap:5px}.entry-copy h3{font-size:14px}.staged-detail,.estimate-action{padding-left:28px}.estimate-action{flex-direction:column;align-items:flex-start}.category-grid{grid-template-columns:1fr 1fr;gap:7px}.category-grid article{min-height:76px;padding:10px}.category-grid article>span{width:36px;height:36px}.add-category-form{grid-template-columns:1fr auto}.add-category-form .color-input{display:none}.add-category-form .primary-button{width:44px;padding:0;font-size:0}.member-panel,.invite-panel{padding:17px 12px}.member-list article{grid-template-columns:auto 1fr auto}.member-list select{grid-column:2;width:100%}.member-list .remove-member{grid-area:2/3}.permission-picker{grid-template-columns:1fr}.theme-card{grid-template-columns:105px 1fr auto;gap:12px;min-height:132px}.theme-swatch{width:105px;height:95px}.join-page{align-items:start;padding:90px 18px 30px}.join-brand{top:22px;left:22px}.join-card{min-height:470px;padding:38px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.category-field>span{justify-content:space-between;align-items:center;display:flex}.category-field>span button{color:var(--accent);background:0 0;align-items:center;gap:4px;padding:3px 0;font-size:10px;font-weight:700;display:inline-flex}.category-choice-strip{display:none}.inline-category-creator{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin:-3px 0 18px;padding:14px;display:grid}.inline-category-creator>div{color:var(--ink-soft);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.inline-category-creator>div button{color:var(--ink-faint);background:0 0;place-items:center;display:grid}.inline-category-creator>input{height:42px;padding:0 12px}.inline-category-creator>button{min-height:42px;color:var(--surface);background:var(--ink);border-radius:9px;align-items:center;gap:6px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.inline-color{background:var(--surface);border-radius:10px;width:42px;height:42px;position:relative;overflow:hidden}.inline-color input{opacity:0;position:absolute}.inline-color span{border-radius:7px;position:absolute;inset:5px}.stats-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.stats-heading h1{margin-bottom:10px}.ledger-filter{flex:none;width:220px}.ledger-filter span{color:var(--ink-faint);letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.ledger-filter select{height:44px;padding:0 12px}.range-chips{scrollbar-width:none;gap:7px;margin:-18px 0 24px;display:flex;overflow-x:auto}.range-chips::-webkit-scrollbar{display:none}.range-chips button{min-height:38px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex:none;padding:0 15px;font-size:11px;font-weight:700}.range-chips button.active{color:var(--surface);background:var(--ink);border-color:var(--ink)}:root[data-theme=star] .range-chips button.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.stats-skeleton{grid-template-columns:1.3fr 1fr 1fr;gap:14px;display:grid}.stats-skeleton i{border-radius:var(--radius);background:var(--surface-2);height:190px;animation:1.2s linear infinite skeleton}.stats-balance{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);grid-template-columns:1.18fr 1fr;margin-bottom:18px;display:grid;overflow:hidden}.balance-main{min-height:220px;color:var(--surface);background:var(--ink);flex-direction:column;justify-content:flex-end;padding:34px;display:flex;position:relative;overflow:hidden}.balance-main:after{content:"";border:1px solid color-mix(in oklch, var(--surface) 18%, transparent);width:230px;height:230px;box-shadow:0 0 0 36px color-mix(in oklch, var(--surface) 4%, transparent);border-radius:50%;position:absolute;top:-110px;right:-90px}.balance-main>span{color:color-mix(in oklch, var(--surface) 66%, transparent);align-items:center;gap:8px;font-size:11px;display:flex}.balance-main strong{letter-spacing:-.04em;margin:13px 0 5px;font-size:38px}.balance-main small{color:color-mix(in oklch, var(--surface) 55%, transparent);font-size:10px}.balance-secondary{grid-template-columns:repeat(3,1fr);display:grid}.balance-secondary article{border-left:1px solid var(--line);flex-direction:column;justify-content:flex-end;padding:26px 18px;display:flex}.balance-secondary svg{color:var(--accent);margin-bottom:auto}.balance-secondary span{color:var(--ink-soft);margin-top:28px;font-size:10px}.balance-secondary strong{margin-top:7px;font-size:16px}.stats-layout{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.category-report,.monthly-report,.kind-report{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:27px}.report-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.report-heading h2{margin:0;font-size:24px}.report-heading>svg{color:var(--accent)}.category-chart-wrap{grid-template-columns:190px 1fr;align-items:center;gap:32px;display:grid}.donut-chart{aspect-ratio:1;border-radius:50%;width:188px;position:relative}.donut-chart:after{content:"";background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:50%;position:absolute;inset:24%}.donut-chart>span{z-index:1;text-align:center;place-content:center;display:grid;position:absolute;inset:30%}.donut-chart b{font-size:25px}.donut-chart small{color:var(--ink-faint);font-size:9px}.category-legend{gap:6px;display:grid}.category-legend>div{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:39px;display:grid}.category-legend i{border-radius:50%;width:9px;height:9px}.category-legend span{display:grid}.category-legend b{font-size:11px}.category-legend small{color:var(--ink-faint);font-size:9px}.category-legend strong{font-size:11px}.bar-chart{align-items:stretch;gap:10px;height:250px;padding-top:18px;display:flex;position:relative}.bar-chart:after{content:"";background:var(--line);height:1px;position:absolute;bottom:27px;left:0;right:0}.bar-column{flex:1;grid-template-rows:minmax(0,1fr) 28px;align-items:stretch;min-width:30px;height:100%;display:grid;position:relative}.bar-plot{flex-direction:column;justify-content:flex-end;align-items:center;min-height:0;display:flex}.bar-column i{z-index:1;background:var(--accent);border-radius:9px 9px 2px 2px;width:min(38px,72%);min-height:7px;transition:height .35s cubic-bezier(.16,1,.3,1);position:relative}.bar-column i.empty{background:var(--line-strong);min-height:2px}.bar-column small{z-index:1;color:var(--ink-faint);place-items:end center;padding-bottom:1px;font-size:9px;display:grid;position:relative}.bar-value{max-width:100%;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:8px;overflow:hidden}.chart-empty{min-height:230px;color:var(--ink-faint);text-align:center;place-items:center;font-size:11px;display:grid}.kind-report{margin-top:18px}.kind-rows{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.kind-rows>div{background:var(--surface-2);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:88px;padding:16px;display:grid}.kind-symbol{width:38px;height:38px;color:var(--accent);background:var(--accent-soft);font:700 14px var(--display-font);border-radius:12px;place-items:center;display:grid}.symbol-staged{color:var(--secondary);background:color-mix(in oklch, var(--secondary) 14%, var(--surface))}.symbol-estimate{color:var(--warning);background:color-mix(in oklch, var(--warning) 14%, var(--surface))}.kind-rows p{margin:0;display:grid}.kind-rows b{font-size:11px}.kind-rows small{color:var(--ink-faint);font-size:9px}.kind-rows strong{font-size:13px}@media (width<=840px){.mobile-topbar{height:58px;padding:env(safe-area-inset-top) 16px 0;z-index:110;background:color-mix(in oklch, var(--surface) 94%, transparent);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;top:0;left:0;right:0;position:fixed!important}.mobile-brand{font:700 16px var(--display-font);align-items:center;gap:8px;display:flex}.mobile-brand span{width:30px;height:30px;color:var(--surface);background:var(--ink);border-radius:10px 3px;place-items:center;display:grid}.mobile-topbar>.theme-mascot{width:60px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.mobile-avatar{place-items:center;width:32px;height:32px;display:grid}.app-main{padding-top:58px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.theme-decor>.theme-mascot{display:none}.theme-decor>i,.theme-decor>span{opacity:.13}.bottom-nav{height:calc(70px + env(safe-area-inset-bottom));padding:7px 8px max(7px, env(safe-area-inset-bottom));box-shadow:0 -10px 32px color-mix(in oklch, var(--ink) 10%, transparent);border-width:1px 0 0;border-radius:18px 18px 0 0;bottom:0;left:0;right:0}.bottom-nav a{min-height:48px;font-size:10px}.bottom-nav .mobile-create svg{width:40px;height:40px;margin-top:-19px}.page{width:100%;min-height:calc(100vh - 58px);padding:23px 16px 36px}.page-heading h1{font-size:34px;line-height:1.15}.page-heading>p:last-child,.page-heading>div>p:last-child{line-height:1.6}.metric-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:11px;margin-inline:-16px;padding:0 16px 8px;display:flex;overflow-x:auto}.metric-strip::-webkit-scrollbar{display:none}.metric-strip article,.metric-strip .metric-primary{scroll-snap-align:center;flex:0 0 min(82vw,330px);min-width:min(82vw,330px)}.ledger-summary{scroll-snap-type:x mandatory;scrollbar-width:none;background:0 0;border:0;border-radius:0;gap:9px;margin-inline:-2px;display:flex;overflow-x:auto}.ledger-summary::-webkit-scrollbar{display:none}.ledger-summary article,.ledger-summary .spend-total{border:1px solid var(--line);scroll-snap-align:start;border-radius:14px;flex:0 0 74vw;grid-column:auto;min-width:74vw}.overall-progress{display:none}.ledger-tabs{z-index:20;background:var(--bg);border-color:#0000;border-bottom-color:var(--line);border-radius:0;margin-inline:-8px;padding:5px 8px;position:sticky;top:64px}.ledger-tabs button{min-height:44px}.stats-heading{flex-direction:column;align-items:stretch;gap:4px}.ledger-filter{width:100%}.range-chips{margin:0 -16px 18px;padding:0 16px 4px}.stats-balance{grid-template-columns:1fr}.balance-main{min-height:175px;padding:25px}.balance-main strong{font-size:32px}.balance-secondary{min-height:120px;overflow-x:auto}.balance-secondary article{min-width:145px;padding:18px 15px}.balance-secondary span{margin-top:20px}.stats-layout,.kind-rows{grid-template-columns:1fr}.category-chart-wrap{grid-template-columns:150px 1fr;gap:20px}.donut-chart{width:150px}}@media (width<=600px){.page{padding-inline:14px}.page-heading{margin-bottom:22px}.page-heading h1{letter-spacing:-.035em;font-size:30px}.eyebrow{margin-bottom:7px;font-size:9px}.home-heading h1{font-size:34px}.ledger-hero{align-items:center;margin-bottom:20px}.ledger-title-wrap,.ledger-title-wrap>div{min-width:0}.ledger-title-wrap h1{text-overflow:ellipsis;white-space:nowrap;font-size:24px;overflow:hidden}.ledger-title-wrap p:last-child{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ledger-content{border-radius:14px;margin-inline:-2px;padding:15px 10px}.content-toolbar h2{font-size:21px}.entry-main-row{grid-template-columns:7px minmax(0,1fr) auto;align-items:start;gap:8px;min-height:92px;padding:13px 9px}.entry-main-row.has-actions{grid-template-columns:7px minmax(0,1fr) auto 32px}.category-dot{width:7px;height:48px;margin-top:3px}.entry-copy h3{margin-top:6px;font-size:14px}.entry-copy p{max-width:45vw}.entry-amount{min-width:84px;padding-top:3px}.entry-amount strong{font-size:14px}.entry-amount small{white-space:normal;max-width:88px}.more-button{width:32px;height:32px;margin-top:-2px;display:grid}.entry-action-panel{flex-wrap:wrap;padding:10px}.entry-action-panel>span:first-child{width:100%;margin:0}.entry-action-panel button{flex:1;min-height:40px}.delete-confirm-copy{width:100%}.staged-detail,.estimate-action{padding:13px 12px 15px 25px}.modal-sheet{max-height:calc(100dvh - 12px);padding:24px 16px max(20px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.entry-modal{height:calc(100dvh - 12px)}.modal-sheet h2{font-size:27px}.kind-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0}.kind-selector button{min-height:66px;padding:9px}.kind-selector button b{font-size:11px}.kind-selector button small{display:none}.field-label{margin-bottom:14px}.field-label>span{font-size:12px}.field-label input,.field-label select{height:50px}.money-input input{height:58px;font-size:26px}.entry-basics{flex-direction:column;display:flex}.category-field>select{display:none}.category-choice-strip{scrollbar-width:none;gap:7px;margin:0 -16px;padding:0 16px 4px;display:flex;overflow-x:auto}.category-choice-strip::-webkit-scrollbar{display:none}.category-choice-strip button{min-height:40px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:flex}.category-choice-strip button i{border-radius:50%;width:8px;height:8px}.category-choice-strip button.selected{color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.category-choice-strip .add-choice{color:var(--accent);border-style:dashed}.inline-category-creator{grid-template-columns:minmax(0,1fr) auto}.inline-category-creator>button{grid-column:1/-1;justify-content:center}.entry-modal form>.full-button{min-height:50px;box-shadow:0 -10px 24px var(--surface);position:sticky;bottom:0}.theme-card{grid-template-columns:88px 1fr auto;min-height:122px;padding:11px}.theme-swatch{width:88px;height:92px}.theme-swatch>.theme-mascot{width:68px;top:2px;left:5px}.theme-swatch b{font-size:10px;bottom:7px;right:7px}.theme-card strong{font-size:15px}.profile-editor{grid-template-columns:1fr;gap:28px}.profile-editor-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:19px}.profile-editor-heading h2{font-size:24px}.category-report,.monthly-report,.kind-report{padding:19px 14px}.category-chart-wrap{grid-template-columns:1fr;justify-items:center}.category-legend{width:100%}.category-legend>div{min-height:43px}.donut-chart{width:164px}.bar-chart{gap:5px;height:225px}.bar-value{display:none}.kind-rows>div{min-height:74px}}@media (prefers-reduced-motion:reduce){.theme-mascot *,.theme-decor *{animation:none!important}}body{overflow-x:hidden}.app-frame>:not(.theme-decor){z-index:auto;position:static}.app-frame>.sidebar{z-index:50;position:fixed}.app-frame>.app-main{z-index:2;position:relative}.theme-decor{z-index:0}.theme-mascot{aspect-ratio:1.15;width:148px}.theme-mascot.compact{width:78px}.theme-sticker{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 9px 10px color-mix(in oklch, var(--ink) 13%, transparent));display:block}.mascot-star .theme-sticker{transform-origin:bottom;animation:4.2s cubic-bezier(.16,1,.3,1) infinite alternate character-float}.mascot-line-dog{aspect-ratio:1.35}.mascot-line-dog .theme-sticker{border-radius:16px}.mascot-floppy .theme-sticker{transform-origin:50%;animation:4.8s cubic-bezier(.16,1,.3,1) infinite alternate-reverse character-float}@keyframes character-float{to{transform:translateY(-7px)rotate(1.5deg)}}.theme-decor>.theme-mascot{opacity:.16;filter:none;width:180px;top:auto;bottom:26px;right:max(24px,3vw)}:root[data-theme=line-dog] .theme-decor>.theme-mascot{width:220px}:root[data-theme=floppy] .theme-decor>.theme-mascot{width:190px}:root[data-theme=star] body{background-color:var(--bg);background-image:radial-gradient(circle at 18% 18%,oklch(78% .12 76/.18) 0 2px,#0000 3px),radial-gradient(circle at 82% 48%,oklch(64% .11 263/.12) 0 2px,#0000 3px);background-size:86px 86px,132px 132px}:root[data-theme=line-dog] body{background-color:var(--bg);background-image:radial-gradient(oklch(32% .035 48/.055) .7px,#0000 .8px);background-size:15px 15px}:root[data-theme=floppy] body{background-color:var(--bg);background-image:radial-gradient(circle at 14% 10%,oklch(99% .01 220/.8) 0 38px,#0000 39px),radial-gradient(circle at 84% 36%,oklch(99% .01 220/.55) 0 28px,#0000 29px);background-size:360px 260px,440px 320px}:root[data-theme=star] .primary-button{color:var(--surface)}.theme-swatch>.theme-mascot{width:84px;height:82px;top:4px;left:8px}.theme-swatch .theme-sticker{filter:drop-shadow(0 6px 6px #231f191f)}@media (width<=840px){.app-frame>.mobile-topbar{z-index:110;position:fixed}.app-frame>.bottom-nav{z-index:100;position:fixed}.mobile-topbar{gap:10px}.mobile-topbar>.theme-mascot{width:48px;height:46px;margin-left:auto;position:static;transform:none}.mobile-avatar{flex:none}.theme-decor>.theme-mascot{display:none}.app-main{min-width:0}.page{max-width:100%;overflow:clip}.metric-strip article,.metric-strip .metric-primary{flex-basis:min(100vw - 48px,360px);min-width:min(100vw - 48px,360px)}.stats-balance,.category-report,.monthly-report,.kind-report{min-width:0}.balance-secondary{grid-template-columns:repeat(3,minmax(135px,1fr))}.theme-card{min-width:0}}@media (width<=600px){.auth-page{background:var(--surface);min-height:100dvh;display:block}.auth-story{height:176px;min-height:176px;padding:20px 22px;display:block}.auth-brand{font-size:18px;display:flex}.auth-brand span{width:34px;height:34px;font-size:18px}.story-copy{margin:0;padding:25px 0 0}.story-copy .eyebrow{margin-bottom:8px;font-size:8px}.story-copy h1{letter-spacing:-.04em;max-width:340px;margin:0;font-size:clamp(27px,8vw,33px);line-height:1.2}.story-lead,.auth-features{display:none}.orbit-one{width:220px;height:220px;top:-90px;right:-105px}.orbit-two{display:none}.auth-panel{min-height:calc(100dvh - 176px);padding:27px 20px max(28px, env(safe-area-inset-bottom));place-items:start center}.auth-form-wrap{width:100%;max-width:440px}.mobile-auth-brand{display:none}.step-note{margin-bottom:8px}.auth-form-wrap h2{margin-bottom:8px;font-size:30px}.form-intro{margin-bottom:22px;font-size:13px}.auth-form-wrap form{gap:15px}.auth-form-wrap input{height:50px;font-size:16px}.auth-submit{height:50px}.mode-switch{min-height:44px;margin-top:13px}.privacy-note{margin-top:15px;padding-top:14px}.bottom-nav{border-radius:0}.bottom-nav .mobile-create svg,:root[data-theme=star] .bottom-nav .mobile-create svg{color:var(--surface)}.page{padding:20px 14px 30px}.page-heading h1{overflow-wrap:anywhere}.ledger-preview,.full-ledger-card,.new-ledger-card{width:100%;min-width:0}.entry-main-row{width:100%}.entry-copy{min-width:0}.entry-copy p{text-overflow:ellipsis;white-space:nowrap;max-width:none;overflow:hidden}.entry-amount{min-width:78px}.ledger-summary article,.ledger-summary .spend-total{flex-basis:calc(100vw - 48px);min-width:calc(100vw - 48px)}.theme-card{grid-template-columns:108px minmax(0,1fr) 18px;gap:10px;min-height:128px;padding:10px}.theme-swatch{width:108px;height:104px}.theme-swatch>.theme-mascot{width:78px;height:74px;top:3px;left:5px}.theme-card>div:nth-child(2){min-width:0}.theme-card small{overflow-wrap:anywhere;display:block}.stats-heading h1{font-size:29px}.stats-balance{border-radius:16px}.balance-secondary{width:100%;display:flex;overflow-x:auto}.category-report,.monthly-report,.kind-report{padding:18px 14px}.bar-chart{min-width:0}.kind-rows>div{grid-template-columns:auto minmax(0,1fr) auto}}.decor-sticker{object-fit:contain;opacity:.24;filter:saturate(.9) drop-shadow(0 12px 16px color-mix(in oklch, var(--ink) 11%, transparent));display:block;position:absolute}.full-ledger-card{position:relative;overflow:hidden}.star-gif-a{width:132px;top:18%;right:5.5%;transform:rotate(4deg)}.star-gif-b{width:112px;bottom:7%;left:274px;transform:rotate(-5deg)}.star-trail{color:var(--accent);opacity:.24;align-items:center;gap:26px;display:flex;position:absolute;top:14%;left:29%;transform:rotate(-8deg)}.star-trail b:nth-child(2){color:var(--secondary);font-size:11px}.star-trail b:nth-child(3){color:var(--accent-soft);font-size:8px}.star-trail b:nth-child(4){font-size:13px}.dog-dance{mix-blend-mode:multiply;border-radius:24px;width:150px;top:31%;right:4%}.dog-heart{color:var(--accent);font:700 42px var(--display-font);opacity:.25;font-style:normal;position:absolute;bottom:17%;left:34%;transform:rotate(-10deg)}.dog-footprints{color:var(--ink);opacity:.14;gap:17px;display:flex;position:absolute;top:22%;left:27%;transform:rotate(18deg)}.dog-footprints b:nth-child(2n){transform:translateY(8px)}.cinna-dance{mix-blend-mode:multiply;width:138px;top:18%;left:280px}.mini-rainbow{opacity:.2;width:96px;height:48px;position:absolute;top:36%;right:5%;overflow:hidden}.mini-rainbow:before,.mini-rainbow:after,.mini-rainbow i{content:"";border:6px solid var(--accent);border-bottom:0;border-radius:70px 70px 0 0;position:absolute;left:0;right:0}.mini-rainbow:before{height:46px;inset:0 0 auto}.mini-rainbow:after{border-color:var(--secondary);height:34px;top:12px;left:12px;right:12px}.mini-rainbow i{border-color:oklch(82% .11 88);height:22px;top:24px;left:24px;right:24px}.cinna-stars{color:var(--secondary);opacity:.2;letter-spacing:.35em;position:absolute;bottom:10%;left:38%}:root[data-theme=star] .metric-strip article,:root[data-theme=star] .ledger-preview,:root[data-theme=star] .full-ledger-card{box-shadow:0 10px 28px oklch(67% .18 35/.09)}:root[data-theme=star] .section-title h2:after{content:" ✦";color:var(--accent);vertical-align:top;font-size:.55em}:root[data-theme=star] .ledger-preview:after,:root[data-theme=star] .full-ledger-card:after{content:"★";color:var(--accent);opacity:.12;font-size:26px;position:absolute;bottom:14px;right:18px}:root[data-theme=line-dog] .ledger-preview,:root[data-theme=line-dog] .full-ledger-card,:root[data-theme=line-dog] .category-report,:root[data-theme=line-dog] .monthly-report{border-color:color-mix(in oklch, var(--ink) 22%, transparent)}:root[data-theme=line-dog] .section-title h2:after{content:" ♡";color:var(--accent);font:700 .65em var(--body-font)}:root[data-theme=line-dog] .ledger-preview:after,:root[data-theme=line-dog] .full-ledger-card:after{content:"ᴗ";color:var(--ink);opacity:.14;font:700 22px var(--body-font);position:absolute;bottom:12px;right:18px;transform:rotate(-8deg)}:root[data-theme=line-dog] .primary-button{border-radius:13px 17px 12px 16px}:root[data-theme=floppy] .metric-strip article,:root[data-theme=floppy] .ledger-preview,:root[data-theme=floppy] .full-ledger-card,:root[data-theme=floppy] .stats-balance{border-radius:24px}:root[data-theme=floppy] .section-title h2:after{content:" ☁";color:var(--secondary);vertical-align:top;font-size:.58em}:root[data-theme=floppy] .ledger-preview:after,:root[data-theme=floppy] .full-ledger-card:after{content:"◌";color:var(--secondary);opacity:.18;font-size:28px;position:absolute;bottom:13px;right:17px}:root[data-theme=floppy] .bottom-nav{background:color-mix(in oklch, var(--surface) 94%, oklch(90% .05 220))}@media (width<=840px){.decor-sticker{opacity:.12}.star-gif-a,.star-gif-b,.dog-dance,.cinna-dance{width:104px;inset:29% -20px auto auto;transform:rotate(4deg)}.star-gif-b,.cinna-stars,.star-trail,.dog-footprints,.mini-rainbow{display:none}.dog-heart{opacity:.12;bottom:16%;left:8%}}@media (width<=600px){.decor-sticker{opacity:.1;width:88px;top:34%;right:-22px}.doodle-bone{top:24%;left:7%}.doodle-paw{bottom:18%;right:7%}.cloud-a{top:20%;left:5%}.cloud-b{bottom:18%;right:4%}.profile-editor{padding:22px 18px}.profile-form-footer{flex-direction:column;align-items:stretch;gap:12px}.profile-save{width:100%}}@media (width<=360px){.profile-editor-heading{grid-template-columns:1fr}.avatar-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}:where(.metric-strip,.ledger-summary,.ledger-tabs,.range-chips,.category-choice-strip,.balance-secondary){overscroll-behavior-inline:contain;scrollbar-width:thin!important;scrollbar-color:color-mix(in oklch, var(--accent) 44%, var(--line-strong)) transparent!important}:where(.metric-strip,.ledger-summary,.ledger-tabs,.range-chips,.category-choice-strip,.balance-secondary)::-webkit-scrollbar{width:4px;height:4px;display:block!important}:where(.metric-strip,.ledger-summary,.ledger-tabs,.range-chips,.category-choice-strip,.balance-secondary)::-webkit-scrollbar-track{background:0 0}:where(.metric-strip,.ledger-summary,.ledger-tabs,.range-chips,.category-choice-strip,.balance-secondary)::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--accent) 44%, var(--line-strong));border-radius:999px}@media (width<=840px){.ledger-tabs{overflow-x:auto}.ledger-tabs button{flex:none}:where(.metric-strip,.ledger-summary,.ledger-tabs,.range-chips,.category-choice-strip,.balance-secondary){scrollbar-width:none!important}:where(.metric-strip,.ledger-summary,.ledger-tabs,.range-chips,.category-choice-strip,.balance-secondary)::-webkit-scrollbar{display:none!important}}