:root{--bg: #14120F;--surface: #1E1B17;--raise: #24201A;--line: #24211C;--line2: #36312A;--text: #F2EDE4;--muted: #A39B8E;--dim: #8C8478;--accent: #E8A33D;--warn: #F0B65A;--ok: #9FD3A8;--danger: #E58A7A;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,-apple-system,Helvetica Neue,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.num{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:14px}.num.l{font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.xs{font-size:12px}.block{display:block}.warn{color:var(--warn)}.grow{flex:1;min-width:0}.col{display:flex;flex-direction:column;gap:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.center.pad{min-height:160px}.center-t{text-align:center}.empty{color:var(--muted);text-align:center;padding:48px 24px;line-height:1.5}.label{font-size:12px;color:var(--muted);letter-spacing:.3px}.screen{max-width:520px;margin:0 auto;padding:calc(var(--safe-t) + 16px) 20px 32px;display:flex;flex-direction:column;gap:16px;min-height:100dvh}.screen.tabbed{padding-bottom:calc(110px + var(--safe-b))}.top{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:8px}.top.left{justify-content:flex-start}.top .title{font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.brand{font-size:28px}.h1{font-size:34px;margin:0}.stack{display:flex}.stack .avatar+.avatar{margin-left:-8px;box-shadow:0 0 0 2px var(--bg)}.avatar{border-radius:50%;color:#14120f;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:none}.dot{border-radius:2px;flex:none;display:inline-block}.icon{width:44px;height:44px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text);border-radius:22px}.back{margin-left:-12px}.period{display:flex;flex-direction:column;gap:4px}.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border-radius:12px;padding:4px;gap:4px}.seg button{height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.seg button.on{background:#2e2a24;color:var(--text);font-weight:500}.nav{display:flex;align-items:center;justify-content:space-between}.nav span{font-size:14px;color:var(--muted)}.nav .icon{color:var(--muted)}.nav .icon:first-child{margin-left:-12px}.nav .icon:last-child{margin-right:-12px}.custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:8px}.custom label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}input[type=date]{background:var(--surface);border:1px solid var(--line2);border-radius:10px;height:44px;padding:0 10px;color:var(--text);width:100%;-webkit-appearance:none}.hero{display:flex;flex-direction:column;gap:6px;align-items:center;padding:4px 0 2px}.hero.left{align-items:flex-start}.amount{display:flex;align-items:baseline;gap:8px}.rs{color:var(--muted);font-size:16px}.big{font-size:clamp(48px,16vw,64px);line-height:1}.mid{font-size:42px;line-height:1}.bar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}.bar.thin{height:8px}.bar span{height:100%;min-width:3px}.list{display:flex;flex-direction:column}.catrow{display:flex;align-items:center;gap:14px;min-height:52px;border-bottom:1px solid var(--line)}.catrow .t,.entry .t,.member .t{font-weight:500}.right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{position:relative}.chip select{height:36px;padding:0 30px 0 14px;border-radius:18px;border:1px solid var(--line2);background:transparent;color:#d8d1c5;font-size:13px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A39B8E' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sumline{display:flex;justify-content:space-between;align-items:baseline}.dayhead{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:14px 0 4px;letter-spacing:.3px}.dayhead .num{font-size:12px}.entry{display:flex;align-items:center;gap:12px;min-height:64px;border-bottom:1px solid var(--line)}.entry .grow{display:flex;flex-direction:column;gap:4px}.entry .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry .sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.thumb{width:36px;height:44px;border-radius:6px;flex:none;object-fit:cover;background:#2a2621}.thumb.manual{border:1px dashed #4A443B;background:transparent;color:var(--dim);display:flex;align-items:center;justify-content:center}.catgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cattile{background:var(--surface);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:120px}.tilehead{display:flex;align-items:center;gap:8px;font-weight:500}.meter{height:4px;background:#2e2a24;border-radius:2px;overflow:hidden;margin-top:auto}.meter span{display:block;height:100%}.bars{display:grid;gap:10px;height:170px;align-items:end}.barcol{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-end}.barfill{width:100%;border-radius:6px 6px 2px 2px}.paid{display:flex;flex-direction:column;gap:8px}.paidrow{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}.paidrow>span{display:inline-flex;align-items:center;gap:6px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(78px + var(--safe-b));padding:8px max(0px,calc((100vw - 520px)/2)) var(--safe-b);background:#1a1714f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #2A2621;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;z-index:10}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--dim);font-size:11px;min-height:44px;padding-top:4px}.tab.on{color:var(--text)}.scanbtn{justify-self:center;margin-top:-26px;width:60px;height:60px;border-radius:30px;background:var(--accent);color:#14120f;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000073,0 0 0 6px var(--bg);transition:transform .12s}.scanbtn:active{transform:scale(.94)}.camera{position:fixed;inset:0;background:#070605;overflow:hidden}.camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.frame{position:absolute;inset:18% 11% 30%;pointer-events:none}.frame i{position:absolute;width:34px;height:34px;border:3px solid var(--accent)}.frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:12px 0 0}.frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 12px 0 0}.frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 12px}.frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 12px}.camtop{position:absolute;left:0;right:0;top:calc(var(--safe-t) + 12px);padding:0 12px;display:flex;justify-content:space-between}.round{width:44px;height:44px;border-radius:22px;border:0;background:#14120f99;color:var(--text);display:inline-flex;align-items:center;justify-content:center}.round.lit{background:var(--accent);color:#14120f}.hint{position:absolute;left:0;right:0;bottom:calc(26% + var(--safe-b));text-align:center;font-size:14px;color:#d8d1c5;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.8)}.cambar{position:absolute;left:0;right:0;bottom:0;padding:40px 28px calc(28px + var(--safe-b));background:linear-gradient(180deg,#07060500,#070605eb 40%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.side{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;padding:0}.cambar .side:first-child{justify-self:start}.cambar .side:last-child{justify-self:end}.ph{width:48px;height:48px;border-radius:12px;background:#f2ede424;display:flex;align-items:center;justify-content:center}.ph.round{border-radius:24px}.shutter{justify-self:center;width:78px;height:78px;border-radius:50%;border:4px solid var(--text);background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.shutter span{width:62px;height:62px;border-radius:50%;background:var(--text);transition:transform .1s}.shutter:active span{transform:scale(.9)}.camerr{position:absolute;left:32px;right:32px;top:30%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#d8d1c5;line-height:1.5}.ok{font-size:12px;color:var(--ok);display:inline-flex;align-items:center;gap:6px}.reading{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:24px;text-align:center}.reading p{margin:14px 0 0;font-size:17px}.shot{position:relative;width:220px;height:300px;border-radius:12px;overflow:hidden;background:#2a2621}.shot img{width:100%;height:100%;object-fit:cover;opacity:.75}.sweep{position:absolute;left:0;right:0;height:60px;top:-60px;background:linear-gradient(180deg,transparent,rgba(232,163,61,.35),transparent);animation:sweep 1.6s ease-in-out infinite}@keyframes sweep{to{top:100%}}.meta{display:flex;gap:16px;align-items:flex-start}.shotbtn{width:96px;height:128px;flex:none;border-radius:10px;border:1px solid var(--line2);padding:0;overflow:hidden;position:relative;background:#2a2621}.shotbtn img{width:100%;height:100%;object-fit:cover}.shotbtn span{position:absolute;right:6px;bottom:6px;width:26px;height:26px;border-radius:8px;background:#14120fcc;display:flex;align-items:center;justify-content:center}.fields{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.field input:not([type=date]){height:40px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);padding:0 12px;font-size:15px;color:var(--text);width:100%}.field input[type=date]{height:40px}.items{display:flex;flex-direction:column}.itemshead{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}.item{display:flex;align-items:center;gap:8px;min-height:64px;border-bottom:1px solid var(--line)}.item.ro{min-height:52px;gap:12px}.item .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iname{border:0;background:transparent;font-weight:500;padding:4px 0;width:100%;font-size:15px}.iname:focus,.iamt:focus{outline:none;background:var(--raise);border-radius:6px}.iamt{width:84px;border:0;background:transparent;text-align:right;padding:8px 4px;font-size:15px}.item.flag .iamt{color:var(--warn)}.rm{width:36px;height:44px;color:var(--dim)}.catpick{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:14px;border:1px solid var(--line2);font-size:12px;color:#d8d1c5}.catpick select{border:0;background:transparent;font-size:12px;color:#d8d1c5;-webkit-appearance:none;appearance:none;padding:0}.warnbtn{border:0;background:transparent;color:var(--warn);font-size:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 0}.additem{border:0;background:transparent;color:var(--accent);display:inline-flex;align-items:center;gap:6px;height:48px;font-weight:500;align-self:flex-start}.totalrow{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px}.note{color:var(--warn);font-size:13px;margin:8px 0 0}.error{color:var(--danger);font-size:14px;margin:0}.actions{display:flex;gap:10px;margin-top:auto;padding-top:8px;padding-bottom:var(--safe-b)}.btn{height:54px;padding:0 20px;border-radius:14px;border:1px solid var(--line2);background:transparent;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--accent);color:#14120f;border:0;font-weight:600}.linkbtn{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px;align-self:center}.linkbtn.danger{color:var(--danger)}.screen.detail{padding:0 0 32px;gap:0}.invoicehead{height:340px;background:#0d0c0a;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-top:calc(var(--safe-t) + 60px)}.invoicehead.none{height:calc(var(--safe-t) + 140px);align-items:center}.paper{border:0;padding:0;background:transparent;height:100%;max-width:78%;display:flex}.paper img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:6px 6px 0 0}.floatback{position:absolute;left:12px;top:calc(var(--safe-t) + 12px)}.pill{height:36px;padding:0 14px;border-radius:18px;border:0;background:#14120fb3;display:inline-flex;align-items:center;gap:6px;font-size:13px}.floatright{position:absolute;right:16px;top:calc(var(--safe-t) + 16px)}.detail .body{padding:20px 20px 0;display:flex;flex-direction:column;gap:16px}.callout{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#2a2216;color:#f3d9ae;font-size:13px;line-height:1.45}.facts{display:flex;flex-direction:column;font-size:14px}.facts>div{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--line);gap:12px}.inl{display:inline-flex;align-items:center;gap:8px;text-align:right}.viewer{position:fixed;inset:0;background:#050403f7;z-index:50}.viewer .close{position:absolute;right:16px;top:calc(var(--safe-t) + 12px);z-index:2}.viewscroll{position:absolute;inset:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--safe-t) + 70px) 0 40px;touch-action:pan-x pan-y pinch-zoom}.viewscroll img{width:100%;max-width:900px;height:auto}.member{display:flex;align-items:center;gap:12px;min-height:64px;border-bottom:1px solid var(--line)}.addform{display:flex;flex-direction:column;gap:12px;background:var(--surface);border-radius:16px;padding:16px}.tip{line-height:1.5}.gate p{font-size:17px;margin:8px 0 0}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(242,237,228,.25);border-top-color:currentColor;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sweep,.spinner{animation-duration:3s}}.okmsg{color:var(--ok);font-size:14px;margin:0}.addform input[type=password],.signform input{height:48px!important}.signin{min-height:100dvh;max-width:420px;margin:0 auto;padding:calc(var(--safe-t) + 18vh) 24px 32px;display:flex;flex-direction:column;gap:36px}.signhead{display:flex;flex-direction:column;gap:8px}.brandbig{font-size:64px;line-height:1}.signform{display:flex;flex-direction:column;gap:14px}.signform .field input,.addform .field input{height:48px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);padding:0 14px;font-size:16px;color:var(--text);width:100%}.signform .btn{margin-top:8px}.side{cursor:pointer;color:var(--text)}:root{--personal: #B9A7F0}.ptag{color:var(--personal)}.scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.scope button{height:40px;border-radius:12px;border:1px solid var(--line2);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.scope button.on{background:var(--text);color:#14120f;border-color:var(--text);font-weight:500}.scope button:nth-child(2).on{background:var(--personal);border-color:var(--personal)}.ptoggle{height:28px;padding:0 10px;border-radius:14px;border:1px dashed #4A443B;background:transparent;color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:5px}.ptoggle.on{border:1px solid var(--personal);color:var(--personal);background:#b9a7f01a}.item.personal .iname,.item.personal .iamt,.item.ro.personal .grow{color:var(--muted)}.item.personal .iamt,.item.ro.personal .num{text-decoration:line-through;text-decoration-color:#b9a7f0b3}.wholetoggle{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;margin-bottom:10px;border-radius:12px;border:1px solid var(--line2);background:var(--surface);color:var(--text);text-align:left;font-size:14px}.wholetoggle.on{border-color:var(--personal);color:var(--personal)}.switch{width:40px;height:24px;border-radius:12px;background:#3a342c;position:relative;flex:none;transition:background .15s}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:transform .15s}.wholetoggle.on .switch{background:var(--personal)}.wholetoggle.on .switch span{transform:translate(16px);background:#14120f}.splitrow{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding-top:6px}.headrow .col{gap:6px}.intro{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;z-index:60}.skip{position:absolute;right:12px;top:calc(var(--safe-t) + 10px);height:44px;padding:0 14px;border:0;background:transparent;color:var(--muted);z-index:2}.track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--safe-t) + 60px) 32px 0;max-width:520px;margin:0 auto;box-sizing:border-box}.slide h2{font-size:40px;line-height:1.05;margin:36px 0 12px}.slide p{color:#d8d1c5;font-size:16px;line-height:1.55;margin:0;text-wrap:pretty}.introfoot{padding:16px 24px calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:16px;max-width:520px;width:100%;margin:0 auto;box-sizing:border-box}.dots{display:flex;gap:8px;justify-content:center}.dots span{width:7px;height:7px;border-radius:4px;background:#3a342c;transition:width .2s,background .2s}.dots span.on{width:22px;background:var(--text)}.art{height:230px;border-radius:20px;background:var(--surface);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:22px;gap:10px}.art.cam{align-items:center;background:radial-gradient(100% 90% at 50% 40%,#2a2520,#14120f)}.paperart{width:120px;height:150px;background:#f2ede4;border-radius:4px;transform:rotate(-4deg);padding:14px 12px;display:flex;flex-direction:column;gap:9px;box-shadow:0 10px 30px #00000080}.paperart i{height:5px;border-radius:3px;background:#cfc6b6}.artbtn{position:absolute;bottom:16px;width:58px;height:58px;border-radius:29px;background:var(--accent);color:#14120f;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--surface)}.artrow{display:flex;align-items:center;gap:10px;min-height:40px;border-bottom:1px solid #2E2A24;font-size:14px}.artrow:last-child{border-bottom:0}.artrow span{flex:1}.artrow b{font-family:Geist Mono,monospace;font-weight:400;font-size:13px}.artrow em{font-style:normal;font-size:11px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px}.artrow.flag em{color:var(--warn);border:1px solid rgba(240,182,90,.5)}.artrow.flag b{color:var(--warn)}.artrow em.sh{color:var(--muted);border:1px dashed #4A443B}.artrow em.pe{color:var(--personal);border:1px solid var(--personal);background:#b9a7f01a}.artrow.mine span,.artrow.mine b{color:var(--muted)}.artrow.mine b{text-decoration:line-through;text-decoration-color:var(--personal)}.art.chart{gap:12px}.art.chart span{height:16px;border-radius:8px}@media(max-height:700px){.art{height:180px}.slide h2{font-size:32px;margin-top:24px}}.artbtns{display:flex;gap:8px;padding:6px 0}.artbtns span{flex:1;height:40px;border-radius:10px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.artbtns span.pe{color:var(--personal);border-color:var(--personal)}