:root{--bg: #f6f5f2;--surface: #ffffff;--ink: #23232d;--muted: #6e6e7c;--line: #e6e5ea;--field: #f9f9fb;--accent: #6c296e;--accent-press: #571f58;--tint: #efe9f0;--tint-press: #e5dce7;--danger: #b0302f;--good: #3b8250;--font: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}.page-spinner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;width:100%;min-height:100dvh;background:var(--bg);color:var(--accent)}.page-spinner__reveal{display:block;animation:page-spinner-reveal 0s .15s both}.page-spinner__tailspin{--uib-size: 40px;--uib-stroke: 5px;--mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));display:block;width:var(--uib-size);height:var(--uib-size);-webkit-mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);mask:radial-gradient(circle var(--mask-size),transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,currentColor);border-radius:50%;animation:page-spinner-ring .9s linear infinite}@keyframes page-spinner-reveal{0%{visibility:hidden}to{visibility:visible}}@keyframes page-spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page-spinner__tailspin{animation:none}}.wordmark{display:block;height:56px;width:auto}.site-logo .wordmark{margin-left:-22px}.sidebar-logo .wordmark{height:50px;margin-left:-20px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 22px;border:0;border-radius:999px;font-weight:500;font-size:15px;white-space:nowrap;transition:background .12s}.pill:disabled{opacity:.45;cursor:default}.pill-primary{background:var(--accent);color:#fff}.pill-primary:not(:disabled):hover{background:var(--accent-press)}.pill-tint{background:var(--tint);color:var(--accent)}.pill-tint:hover{background:var(--tint-press)}.pill-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.pill-quiet:hover{background:var(--field)}.pill-danger{background:var(--danger);color:#fff}.pill.wide{width:100%}.pill.big{min-height:52px;padding:0 30px;font-size:16px}.link-button{border:0;background:none;padding:0;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}.link-button:hover{color:var(--ink)}.field{display:block;margin-top:16px}.field>span,.field-label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[inputmode],select,.static-field,.source{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--field)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.static-field{display:flex;align-items:center;color:var(--muted)}.source{display:flex;flex-direction:column;justify-content:center;padding:12px 14px}.source small{color:var(--muted);font-size:12px}.money-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--field);padding-left:14px}.money-input i{font-style:normal;color:var(--muted)}.money-input input{border:0;background:transparent}.error{color:var(--danger);font-size:14px;margin-top:12px}.hint{color:var(--muted);font-size:14px}.notice{background:var(--tint);border-radius:10px;padding:12px 14px;font-size:14px;margin-top:14px}.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.auth-card{width:min(100%,420px);margin-top:56px;padding:36px 32px;background:var(--surface);border-radius:20px;box-shadow:0 1px 0 var(--line),0 24px 48px -32px #23232d40}.auth-card h1{font-size:28px;font-weight:400;letter-spacing:-.02em}.auth-card .lede{color:var(--muted);margin:8px 0 24px}.auth-card .field{margin-top:0;margin-bottom:16px}.auth-card .stack{display:flex;flex-direction:column;gap:10px}.auth-card .link-button{display:block;margin:20px auto 0}.auth-card .back{margin-bottom:16px;text-decoration:none}.auth-switch{margin-top:24px;color:var(--muted);font-size:14px}.auth-switch a{color:var(--accent);font-weight:500}.home{min-height:100dvh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.site-header nav{display:flex;align-items:center;gap:22px}.nav-link{font-size:16px}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px 10vh;text-align:center}.hero h1{font-size:clamp(40px,6.5vw,72px);font-weight:400;letter-spacing:-.03em;line-height:1.08}.card-art{position:relative;width:100%;max-width:420px;aspect-ratio:1011 / 639;border-radius:4.5%/7.15%;overflow:hidden;background:#fff;box-shadow:0 14px 34px -20px #23232d80,0 0 0 1px #23232d0f;color:#000}.card-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform:scale(1.03);-webkit-user-select:none;user-select:none}.card-art__text{position:absolute;left:6.5%;bottom:8%;display:flex;flex-direction:column;gap:3px;font-size:clamp(9px,2.4cqw,13px)}.card-art{container-type:inline-size}.card-art__nick{font-size:3.4cqw;font-weight:500;letter-spacing:.02em}.card-art__number{border:0;background:none;padding:0;color:#000;text-align:left;font-size:3.6cqw;letter-spacing:.08em;font-variant-numeric:tabular-nums}button.card-art__number{cursor:pointer;text-decoration:underline;text-decoration-color:#00000059;text-underline-offset:3px}.card-art__meta{font-size:2.8cqw;letter-spacing:.06em}.card-art__meta span{margin-left:1.6em}.card-art__bank{position:absolute;right:6.5%;bottom:8%;font-size:3.2cqw;font-weight:500;letter-spacing:.02em}.card-art__badge{position:absolute;top:6%;right:6%;background:#000;color:#fff;font-size:2.8cqw;padding:.4em 1em;border-radius:999px}.card-art.is-frozen img{filter:grayscale(1) opacity(.55)}.mini-card{width:56px;aspect-ratio:1011 / 639;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--line);display:block;flex:0 0 auto;background:#fff}.mini-card img{width:100%;height:100%;display:block}.mini-card.is-frozen img{filter:grayscale(1) opacity(.5)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh;background:var(--surface)}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:24px 14px;background:#fbfbfd;border-right:1px solid var(--line)}.sidebar-logo{padding:0 10px 12px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{padding:9px 12px;border-radius:8px;color:var(--muted);font-size:15px}.sidebar nav a:hover{background:#f1f1f5;color:var(--ink)}.sidebar nav a.active{background:#eeeef4;color:var(--ink);font-weight:500}.sidebar-user{margin-top:auto;padding:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:13px;color:var(--muted)}.sidebar-user span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:40px 48px 80px;max-width:980px;width:100%}.page-title{font-size:28px;font-weight:400;letter-spacing:-.02em;margin-bottom:20px}.page-head{display:flex;align-items:center;gap:14px}.page-head .page-title{margin-bottom:20px}.page-head .pill{margin-bottom:20px;min-height:38px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile-row{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:0 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left;font-size:17px;transition:opacity .14s,background .14s,border-color .14s}.tile-row span{flex:1}.tile-row:hover{background:var(--field)}.tile-row.selected{border-color:var(--ink)}.tile-row.dim{opacity:.42;background:var(--field)}.chevron{color:#b9b9c6;flex:0 0 auto;transition:transform .16s}.chevron.open{transform:rotate(90deg)}.stackv{display:flex;flex-direction:column;gap:12px;margin-top:12px}.panel{padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.panel h2{font-size:17px;font-weight:500}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.pill.small{min-height:34px;padding:0 16px;font-size:14px}.pct{font-size:18px;font-weight:500}.sub{margin-top:14px;padding:4px 22px 22px;border-radius:14px;background:var(--field);border:1px solid var(--line)}.sub .line:first-child{margin-top:18px}.line{margin-top:22px}.line-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.line-top h3{font-size:16px;font-weight:500}.line-top span{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.line>p{margin-top:2px;font-size:14px;color:var(--muted)}.meter{margin-top:10px;height:10px;border-radius:999px;background:#e7e6ea;overflow:hidden}.meter span{display:block;height:100%;border-radius:999px;background:#0d0d12;transition:width .4s ease}.responsible{margin-top:4px;font-size:14px;color:var(--muted)}.bonus-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.bonus-row h3{font-size:16px;font-weight:500}.bonus-row strong{font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}.actions .pill-quiet{background:var(--surface)}.actions .pill:disabled{opacity:.45;cursor:default}.faqs{margin-top:14px}.faqs details{border-top:1px solid var(--line)}.faqs summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;font-size:15px;list-style:none}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";color:var(--muted);font-size:20px;line-height:1}.faqs details[open] summary:after{content:"−"}.faqs p{padding:0 0 18px;font-size:14px;color:var(--muted);max-width:60ch}.txn{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.panel h2+.txn{margin-top:12px}.txn strong{display:block;font-weight:500}.txn small{color:var(--muted);font-size:13px}.txn b{font-weight:500;font-variant-numeric:tabular-nums}.empty{margin-top:10px;font-size:14px;color:var(--muted)}.note{margin-top:12px;font-size:14px;color:var(--muted);max-width:60ch}.panel input[type=range]{width:100%;margin:18px 0 4px;accent-color:#0d0d12}.details-list{margin:14px 0 0}.details-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}.details-list dt{color:var(--muted)}.details-list dd{margin:0;display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.copy{border:0;background:var(--tint);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.dash .quiet{display:block;margin-top:10px}.try{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}.try .money-input{width:180px}.try .error{flex-basis:100%;margin:0}.table{border-top:1px solid var(--line)}.table-head,.table-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line)}.table-head{color:var(--muted);font-size:13px;padding-top:12px;padding-bottom:12px}.table-row:hover{background:var(--field)}.cell-card{display:flex;align-items:center;gap:14px}.cell-card strong{display:block;font-weight:500}.cell-card small{color:var(--muted)}.tag{font-style:normal;font-size:12px;padding:3px 10px;border-radius:999px;background:#e3eef0;color:#2f6475}.empty-state{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:40px 0}.empty-state p{font-size:20px}.empty-state span{color:var(--muted);margin-bottom:14px}.create{max-width:760px}.form-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--line)}.form-row h2{font-size:15px;font-weight:400;color:var(--muted)}.form-row .field:first-child{margin-top:0}.radio-row{display:flex;gap:12px}.radio{flex:1;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.radio.on{background:var(--surface)}.radio.off{color:var(--muted)}.radio input{accent-color:var(--accent)}.form-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:#fffffff2;border-top:1px solid var(--line)}.foot-note{color:var(--muted);font-size:13px}.form-foot .error{margin:0}.row-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.detail .crumb{color:var(--muted);font-size:14px;display:inline-block;margin-bottom:8px}.detail .card-art{max-width:460px}.detail-actions{display:flex;gap:10px;margin:20px 0 8px;flex-wrap:wrap}.form-inline{margin-top:14px;max-width:460px}.form-inline .pill{margin-top:16px}.form-inline p{margin-bottom:12px}.facts{display:grid;max-width:460px;margin:28px 0 0;border-top:1px solid var(--line)}.facts div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.facts dt{color:var(--muted)}.facts dd{margin:0}.section-title{font-size:18px;font-weight:500;margin:36px 0 8px}.topbar,.tabbar{display:none}.account-page{max-width:520px;display:grid;gap:12px}.account-page .panel h2{font-size:17px;font-weight:500}.account-email{margin-top:4px;font-size:17px;overflow-wrap:anywhere}.account-page .pill{margin-top:14px}.account-page .pill.wide{margin-top:8px}@media(max-width:860px){.shell{display:block;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar{display:none}.topbar{display:flex;align-items:center;position:sticky;top:0;z-index:8;padding:calc(8px + env(safe-area-inset-top)) 18px 6px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar .wordmark{height:40px;margin-left:-14px}.content{padding:12px 16px 28px}.page-title{font-size:26px;margin-bottom:14px}.tabbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 4px;border-radius:12px;color:var(--muted);font-size:11px;font-weight:500}.tabbar a.active{color:var(--accent)}.tabbar svg{display:block}.tiles{grid-template-columns:1fr;gap:10px}.tile-row{min-height:64px}.panel{padding:18px;border-radius:16px}.score-grid,.feature-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:12px;padding:20px 0}.form-foot{bottom:calc(66px + env(safe-area-inset-bottom));margin:0 -16px;padding:12px 16px}.foot-note,.table-head{display:none}.table-row{grid-template-columns:1fr auto;padding:14px 4px}.table-row>span:nth-child(2){grid-column:1;color:var(--muted);font-size:13px}.table-row>span:nth-child(3){grid-column:2;grid-row:1}.ad-pill{margin-top:28px;padding:16px}.ad-cards{grid-template-columns:1fr}.details-list div{font-size:14px}.big-amount{font-size:34px}.detail .card-art{max-width:100%}.page-head .pill{min-height:36px}.actions .pill{flex:1 1 auto}.try .money-input{flex:1;width:auto}.site-header{padding:calc(8px + env(safe-area-inset-top)) 16px 8px}.site-logo .wordmark{height:40px;margin-left:-14px}.site-header nav{gap:14px}.nav-link,.site-header .pill{white-space:nowrap}.site-header .pill{min-height:40px;padding:0 18px;font-size:14px}.hero{padding-bottom:14vh;gap:28px}.auth{padding:calc(20px + env(safe-area-inset-top)) 16px 28px}.auth-logo .wordmark{height:56px}.auth-card{margin-top:28px;padding:26px 20px;border-radius:18px}}.big-amount{margin-top:4px;font-size:40px;font-weight:400;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}.mover{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.mover .rate-top{display:flex;align-items:baseline;justify-content:space-between}.mover input[type=range]{width:100%;margin:16px 0 4px;accent-color:#0d0d12}.mover .pill{margin-top:16px}.rate-top label{font-size:15px}.sidebar-user small{color:var(--muted)}.ad-pill{margin-top:36px;padding:20px 24px 24px;border:1px solid var(--line);border-radius:28px;background:var(--field)}.ad-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.ad-label em{font-style:normal;font-size:11px;font-weight:500;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.ad-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.ad-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;border-radius:20px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.ad-card img{width:120px;aspect-ratio:1011 / 639;border-radius:6px;box-shadow:0 0 0 1px var(--line);display:block}.ad-card strong{display:block;font-weight:500;font-size:15px}.ad-card small{display:block;margin-top:2px;color:var(--muted);font-size:13px}@media(max-width:860px){.ad-cards{grid-template-columns:1fr}}.link-list{margin:0 0 24px;padding-left:18px;color:var(--muted);font-size:14px;display:grid;gap:8px}