/* October 22 final Record reference. Keep entry IDs and data flows canonical. */
.record-stage .record-tip{border:1px solid #dbe8fd;box-shadow:0 7px 22px #b9d4f52a;background:#ffffffee;align-self:center}.record-tip>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.record-tip>header strong{font-size:16px;color:#344d91}.record-tip>header time{font-size:13px;color:#687ea5;white-space:nowrap}.record-tip-main{display:flex;gap:12px;align-items:center;min-width:0}.record-tip h2{font-size:19px;line-height:1.45;color:#10154e;overflow-wrap:anywhere}.record-tip-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;font-size:27px;border-radius:14px;color:#2661ff;background:#eaf1ff}.record-tip[data-record-tip=daily] .record-tip-icon{color:#f0a600;background:#fff6df}.record-tip-dates{font-size:12px!important;line-height:1.55;color:#526b9f;margin:4px 0 0!important}.record-tip .record-weekly-decision{font-size:14px;line-height:1.7;margin:12px 0 0}.record-tip>button{display:block;max-width:100%;min-height:44px;margin:15px 0 0 auto;padding:9px 14px;border:1px solid #ccdbff;border-radius:13px;background:#fff;color:#045aff;font-size:15px;font-weight:750;box-shadow:0 3px 9px #b4ceff30;white-space:normal;overflow-wrap:anywhere}.record-tip .record-weekly-meter{grid-template-columns:1fr;margin:16px 0 8px;gap:8px}.record-tip .record-weekly-meter [data-weekly-progress]{text-align:left!important;font-size:13px}.record-tip-checking{height:9px;margin:15px 0 0;border-radius:10px;background:#e2eafa;overflow:hidden}.record-tip-checking i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#1683ff,#9b4aff);border-radius:inherit}.record-stage .record-tip [role=progressbar] i{background:linear-gradient(90deg,#087aff,#9b49fa)}
@media(max-width:760px){.record-stage .record-tip{padding:18px}.record-tip h2{font-size:18px}.record-tip .record-weekly-decision{font-size:14px}}
.record-current-score{font-size:15px;color:#61769d;margin:0 0 8px}
.record-score-result{font-size:14px;line-height:1.5;margin:8px 0 0}
.record-score-result.neutral{color:#7184a6}.record-score-result.better{color:#07996b}.record-score-result.worse{color:#dd3956}
body.record-sea .record-stage{background:radial-gradient(ellipse at 40% 5%,#f7fcff,transparent 65%),#eff8ff;color:#07164d}
.record-stage .record-intro{background:none;min-height:0}
.record-stage .record-intro-inner{display:grid;grid-template-columns:minmax(0,1.75fr) 105px minmax(285px,1fr);align-items:center;gap:22px;max-width:1680px;padding:28px max(4vw,24px) 24px;min-height:280px}
.record-stage .record-profile{max-width:none;min-width:0}
.record-stage .record-profile>small{font-size:16px;color:#536b9f}
.record-stage .record-headline{font-size:clamp(30px,3vw,49px);font-weight:800;letter-spacing:-.045em;line-height:1.1;margin:12px 0 30px;color:#070b50}
.record-headline>span{display:block}
.record-headline>span:last-child{color:#4c54ff;background:linear-gradient(90deg,#009eff,#6475ff 52%,#9300ff);background-clip:text;-webkit-text-fill-color:transparent}
.record-stage .record-profile .record-guidance{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.record-signal{display:flex;align-items:center;gap:15px;min-width:0}
.record-signal>span{display:grid;place-items:center;width:62px;height:64px;flex:0 0 62px;border-radius:15px;color:#00b96d;background:#e8faf1}
.record-signal svg{width:38px;height:38px}
.record-signal-cost>span{color:#ff344b;background:#fff0f1}
.record-signal strong{display:block;font-size:16px;line-height:1.35;color:#080f4f}
.record-stage .record-guidance p{font-size:16px;color:#536b9f;line-height:1.45;margin:3px 0 0;max-width:none}
.record-final-mascot{display:block;width:105px;height:105px;object-fit:contain;align-self:end;margin:0 0 4px}
.record-stage .record-weekly{position:static;max-width:none;width:auto;margin:0;padding:25px 26px;background:#fff;border:0;border-radius:23px;min-width:0;color:#10154e}
.record-stage .record-weekly>strong{font-size:22px;font-weight:800}
.record-weekly-meter{display:grid;grid-template-columns:minmax(70px,1fr) 105px;align-items:center;gap:16px;margin:18px 0 20px}
.record-stage .record-weekly [role=progressbar]{margin:0;height:16px;background:#e1e8f6}
.record-stage .record-weekly [data-weekly-progress]{font-size:14px;text-align:center;line-height:1.45;color:#253c7d}
.record-weekly-decision{font-size:17px;color:#526b9f;line-height:1.5;margin:0}
.record-stage .record-body{max-width:1680px;padding:0 max(4vw,24px);margin:0 auto}
.record-stage .record-console{padding:22px 24px;border:2px solid #fff;background:#fff linear-gradient(180deg,#e7f4ff 0,#fff 60%);box-shadow:none;border-radius:24px}
.record-stage .record-content{background:transparent}
.record-stage .record-content label{font-size:23px;margin-bottom:13px;display:flex;align-items:center;gap:12px;color:#070e51}
.record-stage .record-planet-icon{color:#0060ff;display:flex;width:30px;height:32px}
.record-stage .record-planet-icon svg{display:none}
.record-stage .record-planet-icon::after{content:'✎';font-size:39px;line-height:.85;font-weight:700}
body.record-sea .record-stage #erText{min-height:70px;background:#ffffffed!important;border:1px solid #cedcf0!important;border-radius:13px!important;padding:12px 14px!important;font-size:16px}
.record-stage .record-meta{gap:14px;margin-top:18px}
.record-stage .record-meta .er-field{background:#fbfdff!important;border:1px solid #e0ecfc!important;padding:15px 13px!important;border-radius:15px}
.record-stage .record-meta label{font-size:15px;margin:0 0 3px;color:#11184c}
.record-field-help{display:block;font-size:13px;color:#778bb4;margin-bottom:8px;line-height:1.3}
.record-stage .record-meta input,.record-stage .record-meta select,.record-stage .record-meta .picker-btn{border:1px solid #d1ddf1;background:#fff;border-radius:11px;font-size:15px;height:44px;color:#16245a}
.record-stage .er-date>input,.record-stage .er-mood>input{margin-top:12px}
.record-detail-help{margin:5px 0 0}
.record-stage .record-exchange{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:14px;padding:0;border:0}
.record-exchange .record-exchange-fields{grid-column:1/-1;grid-row:1}
.record-exchange-fields:not(:has(.er-score:not(.hidden))):not(:has(#todayIncomeField:not(.hidden))){display:none}
.record-mode-label{grid-column:1;grid-row:2;font-size:14px;color:#12194d;align-self:center}
.record-mode-label strong,.record-mode-label small{display:block}
.record-mode-label small{font-size:13px;color:#7b8eb5;margin-top:2px}
.record-stage .record-console .record-exchange #saveToday{grid-column:2;grid-row:2;width:235px;height:50px;margin:0;border-radius:14px;background:#075bff;box-shadow:none}
.record-stage .record-recent{margin-top:20px;padding:17px 24px;background:#fff;box-shadow:none;border:0;border-radius:23px}
.record-stage .record-recent>header{margin-bottom:10px}
.record-stage .record-recent h2{margin:0;font-size:21px}
.record-stage .record-table-scroll{border:0}
.record-stage .record-recent th{background:#edf5ff;border-right:0}
.record-user-tools{display:flex;align-items:center;gap:18px;margin-left:auto;white-space:nowrap;color:#10154c;font-size:14px;order:3}
.record-user-tools button{border:1px solid #d1ddf1;border-radius:99px;padding:9px 15px;background:#fff;color:#065bff;font:600 13px system-ui;cursor:pointer}
body.record-sea .top:has(.record-user-tools)>.app-avatar{display:none!important}
@media(min-width:761px){
 body.record-sea .top:has(.record-user-tools) .nav{width:48vw!important;max-width:720px!important;min-width:430px;margin-left:auto!important;margin-right:auto!important}
 body.record-sea .top .nav button.active{background:#075bff!important;color:#fff!important;box-shadow:none!important}
}
@media(min-width:761px) and (max-width:1190px){
 .record-stage .record-intro-inner{grid-template-columns:minmax(0,1fr) 85px 280px;gap:14px}
 .record-stage .record-headline{font-size:32px}
 .record-final-mascot{width:85px;height:85px}
 .record-stage .record-profile .record-guidance{gap:12px}
 .record-signal{gap:8px}.record-signal>span{width:38px;height:45px;flex-basis:38px}.record-signal svg{width:26px;height:26px}
 .record-signal strong,.record-stage .record-guidance p{font-size:13px}
 .record-user-tools strong{display:none}
 .record-stage .record-weekly{padding:20px}
}
@media(max-width:760px){
 .record-stage .record-intro-inner{display:grid;grid-template-columns:1fr;padding:22px 16px 16px;gap:18px;min-height:0}
 .record-stage .record-profile>small{font-size:12px}
 .record-stage .record-headline{font-size:30px;line-height:1.15;margin:13px 0 20px;max-width:310px;padding-right:15px}
 .record-stage .record-profile .record-guidance{grid-template-columns:1fr 1fr;gap:10px}
 .record-signal{gap:7px;align-items:flex-start}
 .record-signal>span{width:33px;height:38px;flex-basis:33px;border-radius:10px}
 .record-signal svg{width:24px;height:24px}
 .record-signal strong{font-size:12px}
 .record-stage .record-guidance p{font-size:12px;line-height:1.5}
 .record-final-mascot{position:absolute;top:16px;right:12px;width:68px;height:68px;margin:0}
 .record-stage .record-weekly{padding:18px;border-radius:20px;margin:0;width:100%}
 .record-stage .record-weekly>strong{font-size:18px}
 .record-weekly-meter{margin:14px 0;grid-template-columns:minmax(0,1fr) 100px;gap:14px}
 .record-stage .record-weekly [data-weekly-progress]{font-size:12px}
 .record-weekly-decision{font-size:14px}
 .record-stage .record-body{padding:0 12px}
 .record-stage .record-console{padding:17px 12px;border-radius:20px}
 .record-stage .record-content label{font-size:19px;gap:6px}
 body.record-sea .record-stage #erText{font-size:16px;min-height:90px}
 .record-stage .record-meta{grid-template-columns:1fr 1fr;gap:10px}
 .record-stage .record-meta .er-field{padding:11px 9px!important}
 .record-stage .record-meta label{font-size:13px}
 .record-field-help{font-size:11px;min-height:14px}
 .record-stage .record-meta input,.record-stage .record-meta select,.record-stage .record-meta .picker-btn{font-size:13px;padding:8px;min-height:44px}
 .record-stage .record-exchange{grid-template-columns:1fr;gap:12px}
 .record-mode-label{grid-row:2;font-size:12px}
 .record-stage .record-console .record-exchange #saveToday{grid-column:1;grid-row:3;width:100%}
 .record-stage .record-recent{padding:17px 13px;border-radius:20px}
 .record-stage .record-recent h2{font-size:18px}
 .record-user-tools{gap:5px}
 .record-user-tools strong{font-size:11px;max-width:105px;overflow:hidden;text-overflow:ellipsis}
 .record-user-tools button{padding:7px 8px;font-size:10px}
}
#erIncomeAmount::placeholder,#erCostAmount::placeholder{color:#8b96ad;opacity:1;font-weight:400}
@media(max-width:600px){#todayIncomeField .exchange-money-controls,#todayIncomeField .exchange-cost-controls{grid-template-columns:minmax(0,1fr)}#todayIncomeField .exchange-money-controls>div,#todayIncomeField .exchange-cost-controls>*{grid-area:auto;grid-column:1/-1}}