:root{--egg:#f4b740;--egg-deep:#976300;--ink:#292b28;--bg:#f8f8f4;--line:#e4e5dd;--muted:#62675e;--ok:#24734e;--err:#b3382c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{border:1px solid transparent;background:var(--egg);color:#392b10;border-radius:10px;padding:12px 20px;font-weight:650;min-height:46px}button:hover:not(:disabled){filter:brightness(.96)}button.secondary{background:white;border-color:var(--line);color:var(--ink)}:focus-visible{outline:3px solid #8d6100;outline-offset:4px}[hidden],.hidden,.page-hidden{display:none!important}.phone{max-width:1120px;margin:auto;padding:0 32px}.brand{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:.14em;font-size:25px}.logo-egg{height:.92em;vertical-align:-.08em;margin-left:.05em}#walletHeader{position:relative;padding:26px 0 22px;border-bottom:1px solid var(--line)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.sub{font-size:13px;color:var(--muted)}.logout{background:transparent;border-color:var(--line);color:var(--muted);font-size:13px;min-height:38px;padding:6px 14px}.persona-chip{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:6px 12px;min-height:34px;background:white;border-color:var(--line);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.balance-card{position:absolute;right:0;bottom:18px;text-align:right}.balance-card .label{font-size:12px;color:var(--muted)}.amount{font-size:30px;letter-spacing:-.04em;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}.balance-note{font-size:11px;color:var(--muted);margin:4px 0 0}.workspace-nav{display:flex;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.workspace-nav button{background:transparent;color:var(--muted);padding:8px 20px;min-height:40px;font-size:14px}.workspace-nav button[aria-current]{background:#f9ebc9;color:#513b13}#workspace{padding:30px 0 64px;max-width:100%}.page-heading{margin-bottom:26px}.eyebrow{font-size:10px;color:#74786e;letter-spacing:.18em;margin:0 0 8px}.intro{color:var(--muted);margin:8px 0 0;font-size:14px}h1{font-size:28px;letter-spacing:-.035em;margin:0;line-height:1.4}h2{font-size:18px;margin:0 0 22px;line-height:1.5}.back-home{display:inline-block;font-size:13px;color:var(--muted);text-decoration:none;margin:0 0 20px}.home-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.home-menu>a{position:relative;display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;transition:border-color .15s,box-shadow .15s}.home-menu>a:hover{border-color:#d2b361;box-shadow:0 5px 18px #2b2b2b08}.menu-symbol{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fbf1d9;color:#74541a;border-radius:12px;font-size:24px;margin-bottom:24px}.menu-symbol img{height:27px}.home-menu h2{font-size:17px;margin-bottom:8px}.home-menu p{font-size:13px;color:var(--muted);margin:0;padding-right:8px}.menu-arrow{display:block;text-align:right;color:#9b793b;margin-top:18px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:20px;max-width:760px}.card .card{border-radius:10px;padding:20px;margin:16px 0}.card>button{width:100%}.field{margin-bottom:20px}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#52574f}input,select{width:100%;min-width:0;padding:12px 14px;border:1px solid #d8dbd2;border-radius:9px;background:#fff;color:var(--ink);font-size:16px}input::placeholder{color:#969b92}.hint{font-size:12px;color:var(--muted);margin-top:10px}.msg{font-size:13px;color:#894117;white-space:pre-line;overflow-wrap:anywhere}.msg:not(:empty){padding:12px;background:#fff7e7;border-radius:8px;margin-top:12px}.tabs{display:flex;gap:6px;margin-bottom:22px}.tabs button{flex:1;background:#f4f5f0;color:var(--muted);font-size:14px}.tabs button.active{background:#f9ebc9;color:#513b13}.share-row{display:flex;gap:8px;margin-bottom:12px}.share-row .u{flex:1}.share-row .p{flex:0 0 90px}.share-row button{padding:8px 12px;font-size:12px}.tag{font-size:11px;font-weight:500;border:1px solid var(--line);padding:4px 8px;border-radius:5px;color:var(--muted);margin-left:8px}.history{list-style:none;padding:0;margin:0}.history li{padding:18px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.history strong{font-size:23px;display:block;margin:6px 0}.history li:last-child{border:0}.history+button{margin-top:18px;width:100%}.card p{overflow-wrap:anywhere}summary{padding:13px;background:#f6f7f2;border-radius:8px}.sheet{position:fixed;inset:0;z-index:50;display:flex;justify-content:center;align-items:center;padding:20px}.sheet-backdrop{position:absolute;inset:0;background:#23282066;backdrop-filter:blur(3px)}.sheet-panel{position:relative;background:white;padding:28px;border-radius:20px;width:100%;max-width:480px;max-height:85dvh;overflow:auto}.sheet-title{font-size:20px;font-weight:650}.sheet-panel button{width:100%;margin-bottom:8px}.sheet-panel .share-row input[type=color]{width:48px}.sheet-panel .share-row{margin-top:12px}#authView{max-width:460px;margin:64px auto}#authView header{padding-bottom:32px}.auth-head .back{display:block;font-size:13px;text-decoration:none;color:var(--muted);margin-bottom:28px}#authView main>h1{font-size:25px}#authView .tabs{margin-top:30px}#authView .card{padding:28px}#authView .sub{margin-top:8px}
@media(min-width:760px){#walletView:not([data-page=overview]) #workspace{max-width:760px;margin:auto}}
@media(max-width:759px){.phone{padding:0 20px}.home-menu{grid-template-columns:minmax(0,1fr);gap:12px}.home-menu>a{padding:19px}.home-menu h2{font-size:15px}.home-menu p{font-size:12px}.workspace-nav{overflow:auto;gap:0}.workspace-nav button{padding:8px 15px;white-space:nowrap}.card{padding:22px}h1{font-size:25px}.balance-card{position:static;text-align:left;margin-top:20px;background:#f4efdf;padding:16px;border-radius:12px}.balance-card .amount{font-size:32px}.balance-note{margin-top:5px}.home-menu .menu-symbol{margin-bottom:18px}#authView{margin:30px auto}.sheet{align-items:flex-end;padding:0}.sheet-panel{border-radius:20px 20px 0 0;max-height:90dvh;padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-width:370px){.phone{padding:0 14px}.home-menu>a{padding:14px}.home-menu{gap:10px}.share-row{flex-wrap:wrap}.share-row .u{flex-basis:100%}.share-row .p{flex:1}.brand{font-size:22px}.card{padding:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Quiet menu-first layout. */
body{background:#fff}.phone{max-width:1080px}.home-menu{max-width:480px;margin:0 auto;gap:18px 32px}.home-menu>a{border-color:transparent;border-radius:20px;text-align:center;padding:28px 16px}.home-menu>a:hover{background:#f7f8f5;border-color:transparent;box-shadow:none}.home-menu h2{font-size:15px;font-weight:550;margin:0 0 6px}.home-menu p{font-size:12px;padding:0}.menu-symbol{margin:0 auto 18px;background:#f5f6f2;color:#575e51;width:62px;height:62px;border-radius:20px}.menu-symbol svg{width:27px;height:27px}.home-menu>a:hover .menu-symbol{background:#fbefd4;color:#77591d}.workspace-nav{border:0}.card{border-color:#e5e8df;box-shadow:none}#walletView[data-page=overview] #walletHeader{border:0;padding-top:28px}#walletView[data-page=overview] .balance-card,#walletView[data-page=overview] .workspace-nav{display:none}#walletView[data-page=overview] #workspace{padding-top:58px}#walletView[data-page=overview] .page-heading{text-align:center;margin-bottom:26px}#walletView[data-page=overview] .page-heading h1{font-family:Outfit,sans-serif;font-size:52px;letter-spacing:.14em;font-weight:600}#walletView[data-page=overview] .page-heading .intro{font-size:14px;margin-top:12px}#walletView[data-page=overview] #walletHeader .brand{font-size:20px}.text-link{color:#695321;text-underline-offset:4px;font-size:14px}.card h2{font-size:17px}.back-home:hover{text-decoration:underline}
@media(max-width:759px){.home-menu{gap:8px 12px}.home-menu>a{padding:20px 8px}.home-menu h2{font-size:13px}.home-menu p{font-size:11px}.menu-symbol{width:54px;height:54px;margin-bottom:14px}#walletView[data-page=overview] #workspace{padding-top:26px}#walletView[data-page=overview] .page-heading h1{font-size:40px}#walletView[data-page=overview] .page-heading{margin-bottom:20px}#walletHeader{padding-top:18px}.workspace-nav button{padding:8px 12px}}
.confirmation{width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:30px;color:var(--ink);box-shadow:0 24px 80px #0002}.confirmation::backdrop{background:#2228;backdrop-filter:blur(3px)}.confirmation-detail{white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.9;background:#f7f8f4;padding:18px;border-radius:12px}.confirmation-actions{display:flex;gap:12px;margin-top:24px}.confirmation-actions button{flex:1}.confirmation textarea{width:100%;min-height:120px;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}#walletView[data-page=overview] #walletHeader .brand,#walletView[data-page=overview] #walletHeader .sub{display:none}#walletView[data-page=overview] #walletHeader .top{position:absolute;right:0;top:28px}#walletView[data-page=overview] #walletHeader .persona-chip{margin:0;max-width:calc(100% - 120px);overflow:hidden}#walletView[data-page=overview] #walletHeader{min-height:72px}.persona-chip #personaName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#walletView:not([data-page=wallet]) .balance-card{display:none}#walletHeader .sub{display:none}#walletHeader .persona-chip{margin-top:12px}#ruleCreate{margin-bottom:22px}#ruleCreate[open] summary{margin-bottom:20px}#walletView[data-page=wallet] #walletHeader{padding-bottom:24px}#walletView:not([data-page=wallet]) #walletHeader{padding-bottom:16px}.confirmation-actions button{padding:12px 8px;font-size:14px}
@media(max-width:759px){#walletView .workspace-nav{display:none}#walletHeader{padding:18px 0 14px}#workspace{padding-top:20px}.page-heading{margin-bottom:22px}.back-home{margin-bottom:16px}.persona-chip{max-width:100%}#walletView[data-page=overview] #walletHeader{border:0}}

/* Single-column typographic navigation. */
.home-menu{display:flex;flex-direction:column;max-width:560px;gap:0;border-top:1px solid var(--line)}
.home-menu>a{display:block;text-align:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:25px 18px;background:transparent}
.home-menu>a:hover{background:#f8f8f5;border-color:var(--line);box-shadow:none}
.home-menu h2{font-size:19px;font-weight:600;letter-spacing:.02em;margin:0 0 6px}
.home-menu p{font-size:13px;color:var(--muted);line-height:1.7;margin:0;padding:0}
@media(max-width:759px){.home-menu>a{padding:23px 12px}.home-menu h2{font-size:18px}.home-menu p{font-size:13px}#walletView[data-page=overview] .page-heading{margin-bottom:32px}}
.tamago-menu-value{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 10px}.tamago-menu-value img{width:38px;height:48px;object-fit:contain}.tamago-menu-value strong{font-size:36px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.home-menu .tamago-menu-caption{font-size:12px;margin-top:7px;color:#797b73}.tamago-detail-card{padding:22px 0;border-bottom:1px solid var(--line)}.tamago-detail-card:last-child{border:0}.tamago-detail-card h3{font-size:15px;margin:0 0 12px}.tamago-detail-score{display:block;font-size:36px;font-weight:600;margin-bottom:14px}.tamago-detail-card p{font-size:14px;color:var(--muted);margin:6px 0}
.home-balance{max-width:560px;margin:0 auto 28px;text-align:center;padding:4px 12px 20px}.balance-label{font-size:13px;color:var(--muted);margin:0 0 8px}.home-balance-amount{font-size:36px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.home-balance button{display:inline-flex;align-items:center;gap:10px;margin:12px 0 4px;background:white;border:1px solid var(--line);border-radius:999px;padding:6px 12px;min-height:36px;font-size:12px;font-weight:500;color:var(--muted)}.home-balance button span{padding:2px 8px;border-radius:999px;background:#f1f2ed}.home-balance button[aria-pressed=true] span{background:#fae9bf;color:#61491c}
