:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#253b35;background:#f6f8f3;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#246a53;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}header{max-width:1120px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dee6dd}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:#253b35}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:500}.brand-icon{display:grid;place-items:center;background:#276b51;color:#fff;width:42px;height:42px;border-radius:14px;font-size:23px}.header-note{font-size:12px;color:#6a7d70}main{max-width:1064px;margin:auto;padding:40px 24px 60px}h1{font-size:42px;line-height:1.4;letter-spacing:-1px;margin:12px 0 22px}h2{font-size:21px;line-height:1.5;margin:0 0 14px}p{color:#647469;margin:12px 0 20px;font-size:14px}.eyebrow{color:#47745b;font-size:12px;font-weight:700;letter-spacing:1.6px}.hero{position:relative;padding:32px 28px 48px;min-height:310px}.hero p{font-size:16px}.hero-card{position:absolute;right:24px;top:36px;transform:rotate(3deg);width:330px;background:#e2edda;border:1px solid #c9dbc0;border-radius:24px;padding:32px;box-shadow:0 18px 35px #385e3810;display:flex;flex-direction:column;gap:16px}.hero-card span{font-size:12px;color:#56704e}.hero-card strong{font-size:48px;color:#346849}.hero-card small{font-size:18px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid #e0e7dc;border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 4px 18px #34523404}form{display:flex;flex-direction:column;gap:16px}label{display:flex;flex-direction:column;font-size:13px;font-weight:650;gap:6px}input,select{width:100%;padding:11px 13px;border:1px solid #d7dfd4;border-radius:9px;background:#fbfcf9;color:#253b35;min-width:0}input:focus,select:focus{outline:2px solid #639776;outline-offset:2px}small{font-size:12px;color:#6d7e70;font-weight:400}button{border:0;border-radius:10px;background:#296d52;color:#fff;padding:12px 20px;font-weight:650;cursor:pointer}button:hover{background:#1c573f}button:disabled{opacity:.5;cursor:wait}.secondary{background:#ecf2e7;color:#37684d;margin-top:12px}.secondary:hover{background:#dee9d7}.empty{padding:14px 0;line-height:1.9}.saved-row{border-top:1px solid #edf0e8;padding:14px 0}.saved-row a{display:flex;justify-content:space-between;font-weight:650}.saved-row a span{font-size:12px}.text-button{background:none;color:#849284;font-size:11px;padding:6px 0}.text-button:hover{background:none;color:#395940}.storage-note{padding:0 12px;font-size:12px}.page-title{display:flex;justify-content:space-between;align-items:center}.page-title h1{font-size:34px}.page-title>a{font-size:12px}.message{padding:14px 20px;background:#e5f2df;border:1px solid #c4dfbb;border-radius:12px;margin-bottom:20px;overflow-wrap:anywhere}.error{background:#fff0eb;color:#9b4537;border-color:#f2d0c5}.key-panel{background:#fff9e9;border-color:#e8dab6}.key-panel button{margin-top:16px}.wallet-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #edf0e8;gap:12px}.wallet-row strong{white-space:nowrap}.wallet-row+form{margin-top:24px}.balance-card{background:#28694f;color:#fff;border-radius:22px;padding:30px 36px;margin-bottom:24px;display:flex;flex-direction:column;gap:6px}.balance-card>span{font-size:13px;color:#d2e7ce}.balance-card strong{font-size:54px;overflow-wrap:anywhere}.balance-card small{color:#d2e7ce;font-size:20px}.entry{border-top:1px solid #edf0e8;padding:18px 0}.entry>div{display:flex;justify-content:space-between;align-items:center}.entry strong{font-size:23px}.positive{color:#2d8052}.tag{font-size:11px;background:#f0f3eb;padding:3px 8px;border-radius:6px}.entry p{margin:8px 0;font-size:13px;overflow-wrap:anywhere}.entry p span{color:#354a3e}.entry time{font-size:11px;color:#8b9588}.share-label{margin-top:28px}footer{max-width:1064px;margin:auto;padding:24px;border-top:1px solid #dee6dd;font-size:12px;color:#71826f;display:flex;justify-content:space-between}input[readonly]{font-size:12px}@media(max-width:720px){header{padding:18px}.header-note{display:none}main{padding:24px 16px 40px}.hero{padding:12px 8px 30px}.hero h1{font-size:34px}.hero-card{position:static;transform:none;width:100%;margin-top:24px;padding:24px;gap:8px}.hero-card strong{font-size:40px}.columns{grid-template-columns:1fr;gap:0}.panel{padding:22px}.balance-card{padding:24px}.balance-card strong{font-size:42px}.page-title h1{font-size:26px}.page-title{gap:14px}footer span{display:none}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:100;background:#253b35;color:#fff;border-radius:12px;padding:14px 22px;box-shadow:0 6px 24px #0002;max-width:calc(100vw - 32px);width:max-content;font-size:14px;pointer-events:none}.toast-enter-active,.toast-leave-active{transition:opacity .2s,translate .2s}.toast-enter-from,.toast-leave-to{opacity:0;translate:0 8px}.wallet-name{display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow-wrap:anywhere}.balance-header{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#d2e7ce}.refresh-button{background:#ffffff20;color:#fff;padding:7px 12px;font-size:12px}.refresh-button:hover{background:#ffffff35}.language-setting{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 20px;font-size:14px}.kanji-switch{position:relative;width:76px;height:34px;padding:5px;border-radius:24px;background:#778476;flex-shrink:0}.kanji-switch[aria-checked=true]{background:#296d52}.switch-knob{position:absolute;top:5px;left:5px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}.kanji-switch[aria-checked=true] .switch-knob{transform:translate(42px)}.switch-state{position:absolute;top:0;right:5px;width:32px;line-height:34px;text-align:center;font-size:11px}.kanji-switch[aria-checked=true] .switch-state{left:5px;right:auto}@media(prefers-reduced-motion:reduce){.switch-knob{transition:none}}.kanji-switch:focus-visible{outline:3px solid #639776;outline-offset:3px}