:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2d2924;--muted:#897d70;--line:#897d702e;--paper:#f6f1e8;--sage:#7d9274;--wood:#b58a5f;--red:#a85d58;--shadow:0 12px 28px #6958441c}*{box-sizing:border-box}body{background:linear-gradient(145deg, #7d927429, transparent 36%), linear-gradient(180deg, #fbf8f1 0%, var(--paper) 100%);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans,Noto Sans CJK SC,Segoe UI,sans-serif}button,input,select{font:inherit;border-radius:8px}button{-webkit-tap-highlight-color:transparent}input,select{outline:none;min-width:0}.portal-screen,.portal-app,.app,.auth-screen{width:min(430px,100%);min-height:100vh;margin:0 auto}.portal-screen{align-content:center;padding:28px 16px;display:grid}.portal-login-panel{background:linear-gradient(145deg,#7d927421,#0000 46%),linear-gradient(#fffcf6fa,#f6eee1f0);border:1px solid #b58a5f2e;border-radius:12px;padding:24px 22px 22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb,0 18px 36px #7560491f}.portal-mark{color:#5f4a36;background:linear-gradient(135deg,#ffffffc7,#0000),#7d927429;border:1px solid #b58a5f29;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:18px;font-size:18px;font-weight:780;display:grid;box-shadow:0 10px 24px #7560491a}.portal-title{color:var(--ink);letter-spacing:0;margin:6px 0 8px;font-size:34px;font-weight:780;line-height:1}.portal-copy{max-width:320px;color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.65}.portal-app{padding:18px 16px 28px}.portal-topbar{justify-content:space-between;align-items:center;padding:4px 2px 16px;display:flex}.home-summary{background:linear-gradient(135deg,#ffffff9e,#0000 46%),linear-gradient(145deg,#fffaf1 0%,#f0e3cf 66%,#d8bea0 100%);border-radius:10px;justify-content:space-between;align-items:end;min-height:116px;margin-bottom:18px;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #b58a5f30,0 16px 34px #77604624}.home-summary span{color:#2d292494;letter-spacing:.08em;font-size:11px;font-weight:700}.home-summary strong{color:#5f4a36;font-variant-numeric:tabular-nums;font-size:52px;font-weight:780;line-height:.86}.service-grid{gap:12px;display:grid}.service-card{min-height:78px;color:inherit;background:linear-gradient(135deg,#ffffffb8,#0000 48%),#fffcf6f0;border:1px solid #b58a5f2e;border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px;text-decoration:none;display:grid;box-shadow:inset 0 1px #ffffffc7,0 10px 24px #75604914}.primary-service{border-color:#7d927447}.muted-service{opacity:.74}.service-icon{color:#617157;letter-spacing:.02em;background:#7d927424;border-radius:10px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:780;display:grid}.primary-service .service-icon{color:#7d5d3f;background:#b58a5f24}.service-content{gap:4px;min-width:0;display:grid}.service-title{color:#4d4338;font-size:15px;font-weight:720;line-height:1.2}.service-copy{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.service-action{color:#8b765e;font-size:12px;font-weight:700}.app{padding:18px 16px 28px}.auth-screen{align-content:center;padding:28px 16px;display:grid}.auth-panel{background:linear-gradient(135deg,#ffffffb8,#0000 46%),linear-gradient(#fffcf6fa,#f6eee1f0);border:1px solid #b58a5f2e;border-radius:10px;padding:22px;box-shadow:inset 0 1px #ffffffdb,0 18px 36px #7560491f}.auth-title{color:var(--ink);letter-spacing:0;margin:8px 0;font-size:30px;font-weight:760;line-height:1.05}.auth-copy{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}.auth-form{gap:10px;display:grid}.auth-input{color:#5f4a36;background:#fffaf1d1;border:0;width:100%;height:46px;padding:0 13px;font-size:15px;font-weight:620;box-shadow:inset 0 -2px #b58a5f24}.auth-password-field{position:relative}.auth-password-field .auth-input{padding-right:48px}.password-visibility-button{color:#8b765e;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-visibility-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.password-visibility-button:focus-visible{outline-offset:2px;outline:2px solid #7d9274ad}.auth-input:focus{box-shadow:inset 0 -2px #7d9274ad,0 4px 12px #7d92741f}.auth-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.auth-button,.add-button,.reset-button{color:#fff;cursor:pointer;white-space:nowrap;border:0;min-height:42px;padding:0 12px;font-size:14px;font-weight:720}.auth-button.primary,.add-button{background:var(--sage)}.auth-button.secondary{background:var(--wood)}.auth-button:disabled{cursor:not-allowed;opacity:.58}.auth-message,.sync-status{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.45}.topbar{justify-content:space-between;align-items:center;padding:4px 2px 16px;display:flex}.brand-kicker{color:var(--sage);letter-spacing:.04em;margin:0 0 4px;font-size:11px;font-weight:700}h1{letter-spacing:0;margin:0;font-size:28px;font-weight:760;line-height:1.04}.top-actions{align-items:center;gap:8px;display:flex}.home-chip,.signout-button{border:1px solid var(--line);width:38px;height:38px;color:var(--sage);background:#fffcf6e0;border-radius:50%;place-items:center;font-size:15px;font-weight:760;display:inline-grid;box-shadow:0 8px 18px #29373014}.signout-button{color:var(--muted);cursor:pointer}.logout-button{color:#7a6754;cursor:pointer;background:#fffcf6e6;border:1px solid #b58a5f2e;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:inline-grid;box-shadow:0 8px 18px #29373014}.logout-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.wallet-card{isolation:isolate;min-height:154px;color:var(--ink);background:linear-gradient(135deg,#ffffff94,#0000 42%),linear-gradient(145deg,#fffaf1 0%,#f2e5d2 62%,#dfc6a7 100%);border-radius:8px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b58a5f33,inset 0 1px #ffffffbf,0 16px 34px #77604626}.wallet-family{z-index:0;object-fit:cover;object-position:48% 54%;opacity:.84;filter:saturate()contrast(1.03)brightness(1.03);pointer-events:none;width:180px;height:128px;position:absolute;bottom:0;right:0;transform:translateY(32px)}.wallet-meta,.total-line{z-index:1;position:relative}.wallet-meta{color:#2d292494;letter-spacing:.08em;justify-content:space-between;gap:12px;font-size:10px;font-weight:650;display:flex}.updated{color:#2d292485;letter-spacing:0;text-align:right;max-width:128px;font-size:10px;font-weight:560;line-height:1.25}.total-line{align-items:end;gap:7px;margin-top:24px;display:flex}.total{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:48px;font-weight:780;line-height:.94}.unit{color:#2d29248a;margin-bottom:5px;font-size:12px;font-weight:650}.section-row{justify-content:space-between;align-items:center;margin:18px 2px 7px;display:flex}.section-label,.count{color:var(--muted);letter-spacing:.07em;font-size:10px;font-weight:680}.count{letter-spacing:0}.rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.point-tile{background:linear-gradient(135deg,#ffffffb3,#0000 48%),linear-gradient(#fffcf6f5 0%,#faf1e2eb 100%);border:1px solid #b58a5f33;border-radius:8px;min-width:0;min-height:138px;padding:12px;box-shadow:inset 0 1px #ffffffd1,0 12px 24px #7560491a}.tile-head{grid-template-columns:48px 1fr 24px;align-items:center;gap:9px;display:grid}.brand-icon-wrap{background:#fffcf6e6;border:1px solid #b58a5f1a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:36px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 4px 10px #7760460d}.brand-icon{object-fit:contain;max-width:40px;max-height:30px;display:block}.fallback-logo{color:var(--wood);font-size:12px;font-weight:760}.name-text{color:#4d4338;white-space:normal;min-height:17px;margin-top:10px;font-size:13px;font-weight:650;line-height:1.28;display:block}.delete-button{color:#b2a493;cursor:pointer;background:#fffcf66b;border:1px solid #b58a5f14;border-radius:50%;width:22px;height:22px;min-height:22px;padding:0;font-size:14px;font-weight:700;line-height:1}.tile-foot{justify-content:space-between;align-items:end;gap:8px;margin-top:12px;display:flex}.share-text{color:#8c7d6c;background:#b58a5f14;border-radius:999px;align-items:center;min-height:19px;padding:2px 7px;font-size:10.5px;font-weight:650;line-height:1.1;display:inline-flex}.points-control{justify-items:end;min-width:104px;display:grid}.points-input,.points-display{color:#5f4a36;font-variant-numeric:tabular-nums;text-align:right;border:0;width:104px;height:38px;padding:5px 10px;font-size:20px;font-weight:720;line-height:1}.points-input{appearance:textfield;background:#fffaf157;box-shadow:inset 0 -2px #b58a5f24}.points-input:focus{box-shadow:inset 0 -2px #7d9274ad,0 4px 12px #7d92741f}.points-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.points-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.points-display{cursor:pointer;background:0 0;display:none}.points-display:after{content:"pts";color:#5f4a367a;margin-left:4px;font-size:9px;font-weight:650}.point-tile.has-points:not(.is-editing) .points-input{display:none}.point-tile.has-points:not(.is-editing) .points-display{display:block}.add-platform-tile{background:#eae6de94;border:1px dashed #897d7066;border-radius:8px;min-width:0;min-height:138px;display:grid;overflow:hidden}.add-platform-tile.is-open{background:linear-gradient(135deg,#ffffffad,#0000 48%),#fffcf6e0;border-style:solid;box-shadow:inset 0 1px #ffffffc2,0 10px 22px #75604914}.add-platform-button{color:#5f4a3657;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;min-height:138px;padding:0;font-size:42px;font-weight:360;line-height:1;display:grid}.add-platform-form{align-content:start;gap:8px;padding:12px;display:grid}.add-platform-head{color:#4d4338;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.add-platform-close{color:#b2a493;cursor:pointer;background:#fffcf66b;border:1px solid #b58a5f14;border-radius:50%;place-items:center;width:22px;height:22px;min-height:22px;padding:0;font-size:14px;font-weight:700;line-height:1;display:grid}.platform-select,.custom-platform-input{border:1px solid var(--line);color:#5f4a36;background:#fffaf1d1;width:100%;height:38px;padding:7px 9px;font-size:13px;font-weight:620;box-shadow:inset 0 -2px #b58a5f1a}.platform-select{appearance:none;background:linear-gradient(45deg,#0000 50%,#8b765e 50%) right 13px center/6px 6px no-repeat,linear-gradient(135deg,#8b765e 50%,#0000 50%) right 8px center/6px 6px no-repeat,#fffaf1d1;padding-right:30px}.selected-platform-preview{min-height:38px;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.selected-platform-preview .brand-icon-wrap{width:42px;height:32px}.selected-platform-preview .brand-icon{max-width:34px;max-height:26px}.add-platform-submit{width:100%}.add-button:disabled{cursor:not-allowed;opacity:.58}.chart-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffcf6e6;border-radius:8px;grid-template-columns:124px 1fr;align-items:center;gap:16px;margin-top:16px;padding:14px;display:grid}.pie{aspect-ratio:1;border-radius:50%;width:124px;position:relative;box-shadow:inset 0 0 0 1px #1f293314}.pie:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:30px;box-shadow:inset 0 0 0 1px #1f29330f}.pie-center{z-index:1;color:var(--ink);text-align:center;place-items:center;font-size:12px;font-weight:720;display:grid;position:absolute;inset:39px}.legend{gap:7px;min-width:0;display:grid}.legend-item{color:var(--muted);grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:11.5px;font-weight:620;line-height:1.15;display:grid}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tools-card{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;margin-top:14px;overflow:hidden;box-shadow:0 10px 24px #1c272c14}.tools-card summary{cursor:pointer;color:var(--muted);padding:10px 12px;font-size:12px;font-weight:650;list-style:none}.tools-card summary::-webkit-details-marker{display:none}.tools-inner{gap:8px;padding:0 12px 12px;display:grid}.reset-button{background:var(--red)}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#ffffffd6;border-radius:8px;grid-column:1/-1;padding:20px 14px;font-size:13px}@media (max-width:370px){.app{padding-left:9px;padding-right:9px}h1{font-size:26px}.total{font-size:42px}.point-tile{padding:10px}.tile-head{grid-template-columns:44px 1fr 22px;gap:6px}.brand-icon-wrap{width:44px}.points-input,.points-display{width:92px}.points-control{min-width:92px}}