:root{--paper:#f4f6f3;--card:#fff;--ink:#263340;--ink-soft:#71808d;--line:#e0e5e0;--ai:#3b5b83;--ai-deep:#2b4664;--ai-pale:#e9eef5;--plus:#2e7d5b;--minus:#bf5450;--radius:12px;--action-h:76px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:15px;line-height:1.6;margin:0}.app{display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100dvh}.site-header{align-items:center;background:var(--paper);border-bottom:1px solid var(--line);display:flex;min-height:56px;padding:10px 16px}.brand-link{align-items:center;color:var(--ai-deep);display:inline-flex;font-size:18px;font-weight:700;gap:9px;letter-spacing:.04em;line-height:1;text-decoration:none}.brand-mark{background:var(--ai);border-radius:9px 9px 9px 3px;box-shadow:inset 0 -2px #0000001f;color:#fff;display:grid;font-size:16px;font-weight:800;height:30px;place-items:center;width:30px}.brand-link:hover .brand-mark{background:var(--ai-deep)}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);font-size:12px;margin-top:auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-bottom:8px}.site-footer a{color:var(--ai)}.app:has(.fixed-bottom-action) .site-footer{padding-bottom:calc(var(--action-h) + 24px + env(safe-area-inset-bottom))}.legal-page{padding:24px 16px 48px;width:100%}.legal-page h1{margin:0 0 20px}.legal-page h2{color:var(--ink);margin-top:28px}.legal-page li,.legal-page p{font-size:14px}.legal-page ul{padding-left:1.4em}.legal-page a{color:var(--ai)}.legal-updated{color:var(--ink-soft);font-size:12px}.amount{font-variant-numeric:tabular-nums;letter-spacing:.01em}.amount,h1,h2{font-weight:700}h1,h2{letter-spacing:.02em}h1{font-size:20px}h2{color:var(--ink-soft);font-size:15px;margin:24px 0 8px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card,input,select{background:var(--card)}input,select{border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:16px;padding:10px 12px;width:100%}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:2px solid var(--ai);outline-offset:1px}label{color:var(--ink-soft);display:block;font-size:13px;margin:14px 0 4px}button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:15px}.btn-primary{background:var(--ai);color:#fff;font-weight:700;padding:13px;width:100%}.btn-primary:active{background:var(--ai-deep)}.btn-primary:disabled{background:var(--ink-soft);cursor:default}.btn-ghost{background:none;color:var(--ai);font-weight:600;padding:8px 10px}.btn-danger{background:none;color:var(--minus);padding:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;color:var(--ink);padding:8px 14px}.chip.on{background:var(--ai-pale);border-color:var(--ai);color:var(--ai-deep);font-weight:700}.error{color:var(--minus);font-size:13px;margin-top:10px}.empty{color:var(--ink-soft);padding:48px 16px;text-align:center}.readonly-notice{background:var(--ai-pale);border-radius:8px;color:var(--ai-deep);font-size:13px;margin:0 0 12px;padding:8px 12px;text-align:center}.home-intro{margin-bottom:24px}.home-intro h1{line-height:1.5;margin:0 0 12px}.home-intro p{color:var(--ink-soft);font-size:14px;margin:0}.feature-list{list-style:none;margin:0;padding:4px 16px}.feature-item{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:14px 0}.feature-item:last-child{border-bottom:none}.feature-icon{background:var(--ai-pale);border-radius:10px;color:var(--ai);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.feature-item h3{font-size:15px;line-height:1.5;margin:0 0 2px}.feature-item p{color:var(--ink-soft);font-size:13px;line-height:1.6;margin:0}.ad-banner{background:#ffffff8c;border-radius:var(--radius);margin:24px 0;min-height:100px;overflow:hidden;position:relative;width:100%}.ad-label{color:var(--ink-soft);font-size:10px;left:50%;letter-spacing:.08em;position:absolute;top:4px;transform:translate(-50%);z-index:1}.adsbygoogle{display:block}.ad-placeholder{border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);display:grid;font-size:12px;min-height:100px;place-items:center}.room-header{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:14px 16px 10px}.room-body{padding:0 16px calc(var(--action-h) + 24px)}.fixed-bottom-action{background:var(--paper);border-top:1px solid var(--line);bottom:0;left:50%;max-width:480px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;transform:translate(-50%);width:100%}.balance-row{align-items:baseline;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;padding:10px 2px}.balance-row:last-child{border-bottom:none}.balance-plus{color:var(--plus)}.balance-minus{color:var(--minus)}.transfer{gap:10px;justify-content:space-between;margin-bottom:10px;padding:14px 16px}.transfer,.transfer .who{align-items:center;display:flex}.transfer .who{font-weight:600;gap:8px}.transfer .arrow{color:var(--ai);font-weight:700}.transfer .amount{font-size:18px}.expense-item{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding:12px 4px}.expense-item .meta{color:var(--ink-soft);font-size:12px}.expense-item .memo{font-weight:600}.member-history{background:var(--paper);border-radius:8px;font-size:13px;margin:0 0 10px;padding:2px 10px}.member-history .expense-item:last-child{border-bottom:none}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal{max-width:360px;width:100%}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}