@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#121019;--surface:#1d1a25;--surface2:#25212f;--line:#37313f;--text:#f1eaf0;--muted:#b2a6b5;--pink:#e6adc7;--pink-dark:#33232f;--gold:#e9ca95;--teal:#9ed0c5;--blue:#9dbbdc;--serif:'Noto Serif JP','Yu Mincho',serif;--sans:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.43}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}.icon{flex-shrink:0;vertical-align:middle}.header{height:90px;padding:0 4%;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line);background:#15121c}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand>.icon{width:31px;height:31px;color:var(--pink)}.brand>span{font-family:var(--serif);font-size:1.45rem;letter-spacing:.17em;line-height:1.6}.brand small{display:block;font-family:var(--sans);font-size:.75rem;letter-spacing:.37em;color:var(--muted);padding-left:3px}.header nav{display:flex;margin:auto;align-self:stretch;gap:28px}.nav-item{display:flex;align-items:center;gap:8px;position:relative;background:none;color:var(--muted);font-size:.875rem;padding:0 3px}.nav-item.active{color:var(--pink)}.nav-item.active:after{content:'';position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--pink)}.nav-item:hover{color:var(--text)}.icon-button{height:42px;width:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--surface2);color:var(--text)}main{max-width:1380px;padding:0 40px;margin:auto}.status-strip{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8125rem;padding:22px 0 18px;letter-spacing:.035em}.status-strip>span{display:flex;align-items:center;gap:10px}.status-strip .icon{width:15px;height:15px}.status-strip i{display:block;width:3px;height:3px;background:var(--muted);border-radius:50%;margin:0 4px}.top-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);gap:22px}.scene{min-height:355px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #4a3a4c;background:#27202e}.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,19,.74),rgba(16,11,22,.08) 80%),linear-gradient(0deg,rgba(15,10,20,.87),transparent 63%)}.scene-location{position:absolute;top:22px;left:24px;display:flex;gap:6px;align-items:center;color:#e6dce7;font-size:.8125rem}.scene-location .icon{width:16px;height:16px}.day-stamp{position:absolute;right:22px;top:20px;line-height:1.1;color:#eee4ed;font-size:.75rem;letter-spacing:.18em;text-align:center;text-shadow:0 1px 8px #18101c}.day-stamp strong{display:block;font-size:2.4rem;font-weight:400;font-family:var(--serif);margin-top:5px;letter-spacing:.03em}.character{position:absolute;bottom:55px;left:29px;right:20px}.character .eyebrow{font-size:.8125rem;color:#ecbcd2;letter-spacing:.075em}.character h1{font-family:var(--serif);font-size:2.7rem;line-height:1.5;letter-spacing:.1em;margin-top:5px}.character h1 span{font-family:var(--sans);font-size:.75rem;letter-spacing:.08em;margin-left:15px;color:#e0d2df}.character p{font-family:var(--serif);font-size:1.1rem;color:#f1e7ed;margin-top:12px;letter-spacing:.035em}.scene-caption{position:absolute;bottom:19px;left:29px;font-size:.75rem;letter-spacing:.09em;color:#c7b7c8}.card{border:1px solid var(--line);background:var(--surface);border-radius:12px}.finance{padding:21px 25px;display:flex;flex-direction:column}.section-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8125rem;letter-spacing:.06em}.section-label .icon{height:17px;width:17px}.currency{margin-left:auto;font-size:.75rem;letter-spacing:.16em;color:#968599}.debt-label{font-size:.875rem;color:var(--muted);margin-top:16px}.debt-amount{font-size:2.5rem;color:var(--gold);font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.repay-progress{display:flex;align-items:center;gap:10px;margin:7px 0 14px;color:var(--muted);font-size:.75rem}.repay-progress .meter{flex:1;height:4px}.repay-progress .meter i{background:var(--gold)}.money-row{display:flex;justify-content:space-between;font-size:.8125rem;border-top:1px solid var(--line);padding-top:12px;align-items:center}.money-row>span{color:var(--muted)}.money-row strong{font-weight:500;font-size:1.2rem;font-variant-numeric:tabular-nums}.deadline{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.deadline>div>span{display:block;color:var(--muted);font-size:.75rem}.deadline strong{font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums}.deadline strong small{color:var(--muted);font-size:.75rem;font-weight:400}.deadline-chip{font-size:.75rem;display:flex;align-items:center;background:#302636;color:#e5bbd0;padding:4px 10px;border:1px solid #4b3547;border-radius:5px}.deadline-chip>.icon{height:14px;width:14px}.deadline.urgent .deadline-chip{background:#512737;color:#ffbec8}.button{height:45px;min-height:45px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:500;border-radius:7px;font-size:.875rem;transition:background .18s,transform .18s;border:1px solid transparent}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button .icon{width:18px;height:18px}.repay-button{margin-top:16px;color:var(--pink);background:#2e2331;border:1px solid #624152;justify-content:space-between}.primary{background:var(--pink);color:#291b27}.quiet{background:#282331;color:#dbd0df;border:1px solid #43374b}.text-button{background:none;padding:5px 0;color:var(--muted);display:inline-flex;align-items:center;gap:4px;font-size:.8125rem}.text-button:hover{color:var(--pink)}.text-button .icon{width:16px;height:16px}.vitals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:25px 23px;margin:19px 0 21px;border:1px solid var(--line);border-radius:10px;background:#1a1721}.vital-label{display:flex;align-items:center;gap:7px;margin-bottom:11px;font-size:.8125rem;color:var(--muted);line-height:1.3}.vital-label>.icon{height:17px;width:17px;color:var(--meter-color)}.vital-label strong{margin-left:auto;color:var(--text);font-size:1.125rem;font-weight:500;font-variant-numeric:tabular-nums}.vital-label strong small{font-size:.75rem;color:var(--muted);font-weight:400;margin-left:3px}.meter{height:5px;overflow:hidden;background:#36303f;border-radius:3px}.meter>i{display:block;height:100%;background:var(--meter-color);border-radius:3px;transition:width .5s ease}.teal{--meter-color:var(--teal)}.pink{--meter-color:var(--pink)}.blue{--meter-color:var(--blue)}.gold{--meter-color:var(--gold)}.low{--meter-color:#ec8993}.low .vital-label>strong{color:#eea0a8}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr);gap:22px}.plan-card{padding:22px 24px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading h2{display:flex;align-items:center;gap:8px;font-size:1rem}.card-heading h2 .icon{color:var(--pink);height:18px;width:18px}.plan-selects{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin-top:23px;align-items:end}.plan-selects label>span,.estimate>span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:6px}.plan-selects select,select{appearance:auto;width:100%;border:1px solid #4b4052;background:#27212f;padding:10px 12px;border-radius:6px;color:var(--text);min-height:43px;font-size:.9375rem}select:disabled{opacity:.6}.estimate{padding-left:6px}.estimate strong{font-size:1.5rem;color:var(--gold);font-weight:500;line-height:1.85;white-space:nowrap}.forecast-meta{display:flex;gap:16px;color:var(--muted);font-size:.75rem;margin-top:14px}.forecast-meta>span{display:flex;gap:5px;align-items:center}.forecast-meta>span:last-child{margin-left:auto}.forecast-meta .icon{height:14px;width:14px}.risk-high{color:#efa7ab}.work-button{margin-top:16px;width:100%}.work-button{position:relative;justify-content:center;text-align:center;padding-left:42px;padding-right:42px}.work-button>.icon:first-child{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.work-button>.icon:last-child{position:absolute;right:15px;left:auto;top:50%;transform:translateY(-50%)}.rest-row{display:flex;gap:9px;margin-top:9px}.rest-row>.quiet{flex:1}.rest-duration{width:73px;flex-shrink:0}.rest-duration select{height:45px;padding:8px;font-size:.8125rem}.plan-footnote{font-size:.75rem;color:var(--muted);text-align:center;margin-top:11px}.plan-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-top:12px;background:#342430;color:#f2b8c5;font-size:.8125rem;line-height:1.7;border-radius:6px}.plan-warning .icon{height:15px;width:15px;margin-top:4px}.note-card,.result-card{padding:22px 25px}.note-card h3{font-family:var(--serif);font-size:1.1rem;margin-top:24px}.note-card p{font-size:.875rem;margin-top:16px;line-height:2;color:#d5c6d7}.note-card p.muted{font-size:.75rem;color:var(--muted);margin-top:20px}.result-card h3{font-family:var(--serif);font-size:1.15rem;margin-top:19px}.result-money{display:flex;justify-content:space-between;align-items:center;margin-top:21px}.result-money>span{color:var(--muted);font-size:.875rem}.result-money strong{font-size:1.65rem;font-weight:500;letter-spacing:-.02em}.receipt{border-top:1px dashed var(--line);margin:16px 0 10px;padding:14px 0 0}.receipt>div{display:flex;justify-content:space-between;font-size:.8125rem;line-height:2;color:var(--muted)}.receipt dd{margin:0;color:#d7ccd9}.teal-text{color:var(--teal)}.muted{color:var(--muted)}.small{font-size:.8125rem}.alert-inline{font-size:.75rem;color:#ffb2c0;margin:8px 0 0}.trip-banner{display:flex;align-items:center;gap:7px;font-size:.8125rem;background:#302637;padding:10px;border-radius:6px;margin-top:15px;color:#dec4dd}.trip-banner .icon{height:15px;width:15px}.trip-banner strong{font-size:.75rem;font-weight:400;margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:34px;padding:21px 0 27px;color:#a99bae;font-size:.75rem}footer>span{letter-spacing:.065em;white-space:nowrap}footer i{font-style:normal;padding:0 8px}footer p{text-align:center;font-size:.75rem}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--pink)}.page-heading{position:relative;margin:9px 0 31px}.page-heading>h1{font-family:var(--serif);font-size:2rem;margin-top:7px;letter-spacing:.07em}.page-heading>p{color:var(--muted);font-size:.875rem;margin-top:10px}.travel-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;align-items:start}.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.city-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;color:var(--text);transition:border-color .18s,background .18s}.city-card:hover:not(:disabled){background:#25202e;border-color:var(--city)}.city-card.selected{border-color:var(--city);background:#272130;box-shadow:inset 0 0 0 1px var(--city)}.city-card:disabled{opacity:.7}.city-card.selected:disabled{opacity:1}.city-top{display:flex;align-items:center;gap:12px}.city-number{font-size:.75rem;color:var(--city);font-family:var(--serif)}.city-tag{color:var(--muted);font-size:.75rem}.city-top>.icon{margin-left:auto;color:var(--city);width:18px;height:18px}.city-name{padding:22px 0 13px}.city-name>small{font-size:.75rem;letter-spacing:.25em;color:var(--city)}.city-name h2{font-family:var(--serif);font-size:1.9rem;letter-spacing:.12em}.city-card>p{font-size:.8125rem;line-height:1.9;color:var(--muted);min-height:50px}.city-stats{margin:19px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.75rem}.city-stats>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.city-stats dt{color:var(--muted)}.city-stats dd{margin:0}.city-bars{border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.city-bars>div{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:.75rem;margin:8px 0}.city-bars>div>span{width:85px;flex-shrink:0}.city-bars i{height:3px;background:#3b3244;flex:1;display:block}.city-bars b{height:3px;display:block;background:var(--city)}.travel-layout .plan-selects{grid-template-columns:1fr 1fr}.travel-layout .estimate{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0}.travel-layout .estimate span{margin:0}.travel-layout .card-heading{flex-wrap:wrap}.travel-layout .card-heading>.text-button{display:none}.aside-note{font-size:.75rem;line-height:1.9;color:var(--muted);margin:16px 6px}.balance-label{position:absolute;right:0;bottom:5px;padding:8px 15px;background:var(--surface);border:1px solid var(--line);font-size:.8125rem;border-radius:7px;color:var(--muted)}.balance-label strong{margin-left:12px;font-size:1.125rem;font-weight:500;color:var(--gold)}.style-layout{display:grid;grid-template-columns:1fr 1.16fr;gap:24px;align-items:start}.style-layout>section.card{padding:24px}.style-choices{display:grid;gap:10px;margin-top:23px}.style-choice{display:flex;align-items:center;gap:11px;background:#24202d;border:1px solid var(--line);border-radius:7px;padding:15px;text-align:left}.style-choice.selected{border-color:#ad728f;background:#322331}.style-choice>span:nth-child(2){flex:1}.style-choice strong{font-size:.875rem;font-weight:500;display:block}.style-choice small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.radio-mark{height:15px;width:15px;border:1px solid #8d7d95;border-radius:50%;flex-shrink:0}.selected .radio-mark{border:4px solid var(--pink);background:#322331}.style-effect{font-size:.75rem;color:var(--pink);text-align:right;max-width:72px}.subheading{font-size:.9375rem;margin-top:30px;margin-bottom:6px}.option-list{margin-top:10px}.switch-row{display:flex;position:relative;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;cursor:pointer}.option-list .switch-row{border-bottom:1px solid var(--line)}.switch-row>span:first-child{flex:1}.switch-row strong{font-weight:500;font-size:.8125rem;display:block}.switch-row small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.switch-row input{position:absolute;right:0;width:40px;height:24px;opacity:0;cursor:pointer;z-index:1}.switch-visual{width:37px;height:21px;border-radius:20px;border:1px solid #67566d;background:#3a303f;position:relative;flex-shrink:0}.switch-visual:after{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#aa9aaa;transition:transform .2s}.switch-row input:checked+.switch-visual{background:var(--pink);border-color:var(--pink)}.switch-row input:checked+.switch-visual:after{background:#3a2538;transform:translateX(16px)}.switch-row input:focus-visible+.switch-visual{outline:2px solid var(--pink);outline-offset:4px}.direct-box{border:1px solid var(--line);border-radius:7px;margin-top:22px;padding:0 15px 15px;background:#211b29}.direct-box .switch-row{padding:15px 0}.price-row{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:.8125rem}.price-row>span{flex:1}.price-row select{width:135px;font-size:.875rem}.direct-box>p{font-size:.75rem;margin-top:9px}.investment-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 2px 17px}.investment-heading h2{font-size:1rem}.investment-heading span{font-size:.75rem;color:var(--muted)}.investment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.investment{padding:22px 20px;display:flex;flex-direction:column;align-items:flex-start}.investment-icon{background:#352536;color:var(--pink);height:42px;width:42px;border-radius:10px;display:grid;place-items:center;margin-bottom:20px}.investment>.eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--muted)}.investment h3{font-size:1rem;margin-top:6px}.investment>p{font-size:.8125rem;color:var(--muted);margin-top:10px;flex:1;line-height:1.9;min-height:52px}.investment-effects{display:flex;gap:8px;font-size:.75rem;margin-top:17px;color:var(--pink)}.investment-effects span{padding:2px 6px;border-radius:4px;background:#332637}.investment>.button{margin-top:15px;justify-content:space-between;width:100%}.investment-level{font-size:.75rem;color:var(--muted);align-self:center;margin-top:7px}.journal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.journal-stats .card{padding:20px 24px}.journal-stats span{display:block;color:var(--muted);font-size:.8125rem}.journal-stats strong{display:block;font-weight:500;font-size:1.55rem;color:var(--gold);margin-top:8px;font-variant-numeric:tabular-nums}.journal{padding:25px 29px}.journal ol{list-style:none;margin:25px 0 0;padding:0}.journal li{display:flex;gap:22px;position:relative;padding:0 0 30px}.journal li:last-child{padding-bottom:0}.log-day{width:60px;flex-shrink:0;color:var(--muted);font-size:.75rem;padding-top:5px;letter-spacing:.05em}.log-dot{width:7px;height:7px;background:#b896b7;border-radius:50%;flex-shrink:0;margin-top:10px;z-index:1}.journal li:not(:last-child):after{content:'';position:absolute;width:1px;background:var(--line);top:16px;bottom:0;left:85px}.journal li h3{font-size:.9375rem}.journal li p{font-size:.8125rem;color:var(--muted);margin-top:5px}.log-money .log-dot{background:var(--gold)}.log-rest .log-dot{background:var(--teal)}.log-warning .log-dot{background:#ea9cac}.log-warning h3{color:#eda1b0}.mobile-dock{display:none}dialog{position:fixed;max-width:510px;width:calc(100% - 32px);max-height:calc(100dvh - 50px);border:1px solid #6a4f66;border-radius:15px;background:#201a29;color:var(--text);padding:35px;box-shadow:0 30px 110px #0009;overscroll-behavior:contain}dialog.modal-wide{max-width:640px}dialog::backdrop{background:rgba(9,6,15,.78);backdrop-filter:blur(7px)}.modal-close{position:absolute;right:14px;top:14px;width:32px;height:32px}.modal-close>.icon{height:16px;width:16px}dialog h2{font-family:var(--serif);font-size:1.55rem;line-height:1.6;letter-spacing:.03em;margin:12px 0 20px}dialog>.button,dialog form>.button{width:100%;margin-top:12px}.event-kicker{display:flex;gap:8px;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted);margin-bottom:22px}.event-kicker .icon{height:15px;width:15px}.event-body{font-size:.9375rem;color:#d0c1d4;line-height:2;margin-bottom:23px}.event-choices{display:flex;flex-direction:column;gap:11px}.event-choice{display:flex;align-items:center;gap:13px;text-align:left;padding:17px 15px;background:#2b2133;border:1px solid #594159;border-radius:8px;width:100%}.event-choice:hover{background:#3a2a40;border-color:var(--pink)}.event-choice>span:nth-child(2){flex:1}.choice-number{font-size:.75rem;font-family:var(--serif);color:var(--pink)}.event-choice strong{font-size:.875rem;font-weight:500;display:block;line-height:1.8}.event-choice small{color:#bd9fbd;font-size:.75rem;display:block;margin-top:6px}.event-choice>.icon{width:15px;height:15px;color:var(--pink)}.modal-footnote{text-align:center;color:var(--muted);font-size:.75rem;margin-top:18px}.modal-balance{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted);margin-bottom:22px;gap:12px}.input-label{font-size:.875rem;display:block;margin-bottom:8px}.amount-input{display:flex;align-items:center;background:#16111d;border:1px solid #756073;border-radius:7px;padding:10px 15px;font-size:1.5rem;color:var(--gold)}.amount-input input{border:0;background:transparent;color:var(--gold);width:100%;outline:none;font-size:1.5rem;padding:3px 10px}.amount-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 19px}.amount-shortcuts button{background:#37283c;border:1px solid #59435d;color:#e2bfd9;border-radius:5px;padding:7px 11px;font-size:.75rem}.form-error{font-size:.8125rem;color:#ffc0ca;margin:9px 0}.modal-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);margin-bottom:12px}.modal-summary strong{font-weight:500;color:var(--gold);font-size:1.25rem}.help-content{color:#d4c7d7;line-height:2;font-size:.9375rem}.help-content ol{padding-left:23px;margin:20px 0}.help-content li{padding-left:6px;margin-bottom:16px}.help-content li strong{font-weight:500;color:var(--pink)}.help-content li p{margin-top:4px;font-size:.875rem}.help-content>.small{margin:19px 0}.ending-icon{height:58px;width:58px;display:grid;place-items:center;background:#372739;border:1px solid #6e4d61;border-radius:50%;color:var(--gold);margin-bottom:22px}.ending-icon>.icon{width:29px;height:29px}.ending-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.ending-stats span{color:var(--muted);font-size:.75rem}.ending-stats strong{display:block;font-weight:500;color:var(--gold);font-size:1.3rem;margin-top:4px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 22px;border:1px solid #755470;border-radius:8px;background:#302239;color:#f2d5e7;font-size:.875rem;z-index:100;max-width:min(540px,90%);width:max-content;box-shadow:0 6px 30px #0006;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){main{padding:0 36px}.header{padding:0 max(4%,calc((100vw - 1320px)/2))}.scene{min-height:365px}}
@media(max-width:1100px){main{padding:0 27px}.header{gap:22px;padding:0 27px}.header nav{gap:19px}.nav-item{font-size:.8125rem}.nav-item .icon{display:none}.brand>span{font-size:1.25rem}.top-grid,.bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:18px}.debt-amount{font-size:2.15rem}.plan-card{padding:20px}.plan-selects{gap:10px;grid-template-columns:1fr 1fr 1.1fr}.estimate strong{font-size:1.3rem}.estimate>span{font-size:.75rem}.vitals{gap:20px;padding:22px 18px}.style-layout{grid-template-columns:1fr 1fr;gap:18px}.investment{padding:18px 14px}.investment-grid{gap:13px}.investment-heading{align-items:flex-start;gap:10px}.investment-heading span{text-align:right;max-width:100px}.travel-layout{grid-template-columns:1.35fr 1fr}.city-grid{gap:14px}.city-card{padding:17px}.city-card>p{min-height:77px}.city-name h2{font-size:1.7rem}.city-stats{font-size:.75rem}footer{gap:16px}footer>span{font-size:.75rem}footer p{font-size:.75rem}}
@media(max-width:800px){.header{height:auto;min-height:78px;display:grid;grid-template-columns:1fr auto;padding:15px 23px 0;gap:13px}.brand>span{font-size:1.2rem}.brand>.icon{width:25px;height:25px}.brand small{font-size:.75rem;letter-spacing:.35em}.header nav{grid-column:1/-1;grid-row:2;order:3;width:100%;justify-content:space-between;margin:0;gap:12px;min-height:45px}.nav-item{padding:0 2px 11px;font-size:.8125rem}.nav-item .icon{display:block;width:16px;height:16px}.help-button{grid-column:2;grid-row:1;width:34px;height:34px}.top-grid{grid-template-columns:1.35fr 1fr}.scene{min-height:332px}.finance{padding:18px}.debt-amount{font-size:1.85rem}.debt-label{margin-top:13px}.repay-progress{margin-bottom:10px}.character{left:20px;right:12px;bottom:53px}.character h1{font-size:2.2rem}.character h1 span{display:block;font-size:.75rem;margin:0}.character p{font-size:.9375rem;max-width:240px;line-height:1.9}.scene-caption{left:20px;font-size:.75rem}.scene-location{left:17px;top:17px;font-size:.75rem}.day-stamp{right:16px;top:17px}.day-stamp strong{font-size:2rem}.bottom-grid{grid-template-columns:1.4fr 1fr}.note-card,.result-card{padding:20px 18px}.card-heading{align-items:flex-start}.card-heading h2{font-size:.875rem}.card-heading>.text-button{font-size:.75rem}.plan-selects{grid-template-columns:1fr 1fr}.estimate{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0}.estimate>span{margin:0}.estimate strong{line-height:1.5;font-size:1.35rem}.vitals{gap:17px}.vital-label{font-size:.75rem;gap:4px}.vital-label strong{font-size:1rem}.vital-label strong small{font-size:.75rem}.vital-label>.icon{height:14px;width:14px}.travel-layout{grid-template-columns:1fr}.city-card>p{min-height:50px}.travel-layout aside{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;align-items:start}.style-layout{grid-template-columns:1fr}.style-effect{max-width:unset}.style-layout>section.card{padding:22px}.investment-heading{margin-top:14px}.investment-heading span{max-width:unset}.investment{padding:22px}.investment-grid{gap:19px}.journal-stats{gap:12px}.journal-stats .card{padding:17px}.journal-stats strong{font-size:1.15rem}.page-heading h1{font-size:1.75rem}.balance-label{position:static;display:inline-block;margin-top:17px}.toast{bottom:100px}footer{flex-wrap:wrap;justify-content:space-between}footer p{order:3;width:100%;text-align:left}footer>span{font-size:.75rem}footer p{font-size:.75rem}}
@media(max-width:600px){main{padding:0 17px}.header{padding:14px 18px 0}.header nav{gap:5px}.nav-item{font-size:.75rem;gap:5px}.nav-item .icon{width:14px;height:14px}.status-strip{font-size:.75rem;padding:17px 0 14px}.status-strip>span{gap:5px}.status-strip i{margin:0 2px}.top-grid{display:flex;flex-direction:column;gap:15px}.scene{min-height:265px}.scene>img{object-position:50% 43%}.scene-shade{background:linear-gradient(90deg,rgba(12,10,19,.65),transparent 90%),linear-gradient(0deg,rgba(15,10,20,.83),transparent 74%)}.scene-location{top:16px;left:19px;font-size:.75rem}.day-stamp{top:16px;right:19px}.day-stamp strong{font-size:2.1rem}.character{left:21px;bottom:43px}.character .eyebrow{font-size:.75rem}.character h1{font-size:2.2rem;margin-top:6px}.character h1 span{display:inline;font-size:.75rem;margin-left:9px}.character p{font-size:.9375rem;max-width:unset;margin-top:7px}.scene-caption{left:21px;font-size:.75rem;bottom:14px}.finance{display:grid;grid-template-columns:1fr 1fr;padding:17px 18px;gap:0 18px}.finance .section-label{grid-column:1/-1;margin-bottom:11px;font-size:.75rem}.finance .currency{font-size:.75rem}.debt-label{grid-column:1;grid-row:2;font-size:.75rem;margin:0}.debt-amount{grid-column:1;grid-row:3;font-size:1.6rem;line-height:1.7}.repay-progress{grid-column:1;grid-row:4;margin:0 0 8px;font-size:.75rem}.money-row{grid-column:2;grid-row:2/4;display:block;border:0;padding:0;text-align:right}.money-row>span{font-size:.75rem;display:block}.money-row strong{font-size:1.3rem;line-height:2}.deadline{grid-column:1;grid-row:5/7;margin:7px 0 0;display:block;border-top:1px solid var(--line);padding-top:10px}.deadline>div>span{font-size:.75rem;display:inline;margin-right:7px}.deadline strong{font-size:.8125rem}.deadline strong small{font-size:.75rem}.deadline-chip{display:inline-flex;margin-top:5px;font-size:.75rem;padding:1px 6px}.repay-button{grid-column:2;grid-row:5/7;align-self:end;margin:10px 0 0;font-size:.8125rem;min-height:40px;height:40px;padding:8px 12px}.finance>.alert-inline{grid-column:1/-1;grid-row:7}.vitals{grid-template-columns:1fr 1fr;gap:20px 22px;padding:19px 18px;margin:15px 0}.vital-label{font-size:.75rem;gap:6px;margin-bottom:9px}.vital-label strong{font-size:1.125rem}.vital-label strong small{font-size:.75rem}.vital-label>.icon{height:15px;width:15px}.meter{height:4px}.bottom-grid{display:flex;flex-direction:column;gap:15px}.plan-card{padding:20px 18px}.card-heading h2{font-size:.9375rem}.card-heading>.text-button{font-size:.75rem}.plan-selects{grid-template-columns:1fr 1fr;margin-top:20px}.plan-selects label>span{font-size:.8125rem}.plan-selects select{font-size:1rem}.estimate>span{font-size:.75rem}.forecast-meta{font-size:.75rem;margin-top:10px}.work-button{height:47px;margin-top:15px}.plan-footnote{font-size:.75rem}.note-card,.result-card{padding:20px}.note-card h3{margin-top:17px;font-size:1.1rem}.note-card p{margin-top:13px;font-size:.875rem}.note-card p.muted{font-size:.8125rem}.mobile-dock{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(24,18,32,.96);border-top:1px solid #514052;backdrop-filter:blur(16px);z-index:10}.mobile-dock>span{min-width:100px}.mobile-dock small{display:block;font-size:.75rem;color:var(--muted);line-height:1.2}.mobile-dock strong{font-size:1.0625rem;color:var(--gold);font-weight:500;line-height:1.9}.mobile-dock>.button{flex:1;max-width:260px;height:43px;font-size:.8125rem;padding:8px 12px}.mobile-dock>.button:not(.primary){color:var(--pink);background:#39283e;border:1px solid #855776}footer{margin:23px 0 0;padding:20px 0 calc(103px + env(safe-area-inset-bottom));row-gap:6px}footer p{font-size:.75rem}.page-heading{margin:9px 0 25px}.page-heading>h1{font-size:1.65rem;letter-spacing:.03em}.page-heading>p{font-size:.8125rem;max-width:320px}.city-grid{gap:13px}.city-card{padding:15px 13px;min-width:0}.city-top{gap:5px;flex-wrap:wrap}.city-number{font-size:.75rem}.city-tag{font-size:.75rem;flex:1}.city-top>.icon{height:14px;width:14px}.city-name{padding:17px 0 10px}.city-name>small{font-size:.75rem}.city-name h2{font-size:1.65rem}.city-card>p{font-size:.75rem;min-height:80px;line-height:1.8}.city-stats{font-size:.75rem;margin-top:13px;padding-top:12px}.city-stats>div{display:block;margin-bottom:7px}.city-stats dd{font-size:.8125rem}.city-bars>div{display:block;font-size:.75rem}.city-bars>div>span{width:auto}.city-bars i{margin-top:6px}.travel-layout aside{display:block}.aside-note{margin:14px 3px;font-size:.75rem}.style-layout>section.card{padding:19px 16px}.style-layout .card-heading>span{font-size:.75rem}.style-choice{padding:13px 11px;gap:9px}.style-choice strong{font-size:.875rem}.style-choice small{font-size:.75rem}.style-effect{font-size:.75rem;max-width:62px}.switch-row strong{font-size:.8125rem}.switch-row small{font-size:.75rem}.investment-heading span{font-size:.75rem;max-width:100px}.investment-grid{gap:13px}.investment{padding:18px 13px}.investment>.eyebrow{font-size:.75rem}.investment h3{font-size:.9375rem}.investment>p{font-size:.75rem;min-height:82px}.investment-effects{gap:5px;flex-wrap:wrap;font-size:.75rem}.investment>.button{font-size:.8125rem;padding:8px 10px}.investment-icon{margin-bottom:16px}.journal-stats{grid-template-columns:1fr 1fr;gap:12px}.journal-stats .card{padding:16px 18px}.journal-stats span{font-size:.75rem}.journal-stats strong{font-size:1.4rem;margin-top:5px}.journal{padding:20px 16px}.journal li{gap:11px;padding-bottom:26px}.log-day{width:45px;font-size:.75rem;letter-spacing:0}.log-dot{width:6px;height:6px;margin-top:9px}.journal li:not(:last-child):after{left:58px}.journal li h3{font-size:.8125rem}.journal li p{font-size:.75rem}.journal .card-heading>.text-button{font-size:.75rem}.toast{bottom:calc(91px + env(safe-area-inset-bottom));padding:11px 16px;font-size:.8125rem}dialog{padding:28px 21px;max-height:calc(100dvh - 35px);border-radius:12px}dialog h2{font-size:1.35rem;line-height:1.8;margin-top:12px}.event-body{font-size:.875rem;line-height:2}.event-choice{padding:13px 11px;gap:9px}.event-choice strong{font-size:.8125rem}.event-choice small{font-size:.75rem}.choice-number{font-size:.75rem}.modal-footnote{font-size:.75rem}.modal-balance{font-size:.75rem;flex-wrap:wrap}.amount-shortcuts{gap:6px}.amount-shortcuts button{font-size:.75rem;padding:7px 9px}.help-content{font-size:.875rem}.help-content li p{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.nav-item{font-size:.75rem}.nav-item .icon{display:none}.header nav{gap:9px}.brand>span{font-size:1.1rem}.city-grid{grid-template-columns:1fr}.city-card>p{min-height:0}.city-stats>div{display:flex}.city-bars>div{display:flex}.city-bars i{margin:0}.investment-grid{grid-template-columns:1fr}.investment>p{min-height:0}.scene{min-height:250px}.character p{font-size:.8125rem}.character h1 span{font-size:.75rem}.debt-amount{font-size:1.35rem}.finance{gap:0 12px}.deadline strong small{display:none}}

/* Comfortable reading sizes for regular controls and narrative text. */
.nav-item,.button,.text-button,.vital-label,.plan-selects label>span,.switch-row strong,.style-choice strong,.city-stats,.price-row,.input-label{font-size:max(.875rem,12px)}
.note-card p,.event-body,.help-content,.help-content li p,.city-card>p,.investment>p{font-size:1rem}
@media(max-width:600px){.header nav{overflow-x:auto;justify-content:flex-start;gap:20px}.nav-item{white-space:nowrap;flex-shrink:0}.vital-label{font-size:.875rem}.city-grid{grid-template-columns:1fr}.city-card{padding:20px}.city-card>p{min-height:0}.city-stats>div{display:flex}.city-bars>div{display:flex;gap:14px}.city-bars>div>span{width:105px}.city-bars i{margin-top:0}.investment-grid{grid-template-columns:1fr 1fr}.investment>p{min-height:0;font-size:.875rem}.investment-heading span{max-width:130px}.deadline{grid-column:1/-1;grid-row:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.deadline-chip{margin:0}.repay-button{grid-column:1/-1;grid-row:6}.finance>.alert-inline{grid-row:7}.deadline strong small{font-size:.75rem}.deadline>div>span{font-size:.75rem}.plan-footnote{font-size:.75rem}.scene-caption{font-size:.75rem;max-width:80%}.scene-location{max-width:70%}.style-effect{max-width:88px}.style-layout .card-heading>span{font-size:.75rem}.journal li:not(:last-child):after{left:67px}.log-day{width:54px}.estimate{gap:14px}.character h1 span{font-size:.75rem}}
@media(max-width:360px){.investment-grid{grid-template-columns:1fr}.character p{font-size:.875rem}.nav-item{font-size:.875rem}}

.vital-label{flex-wrap:wrap}.card-heading{flex-wrap:wrap}.scene{min-height:22.2rem}@media(max-width:600px){.scene{min-height:16.6rem}.brand small{font-size:.75rem;letter-spacing:.15em}.header{padding-top:13px}.nav-item{min-height:44px}.character p{max-width:100%;text-wrap:pretty}}

/* The illustrations share a single painted world, with exact atlas panels. */
.atlas{background-repeat:no-repeat;background-size:calc(var(--frames)*100%) auto;background-position:calc(var(--frame)*100%/(var(--frames) - 1)) 50%;overflow:hidden;flex-shrink:0;background-color:#29202b}
.atlas-portrait{background-image:url('./assets/tsumugi-progression-atlas.webp');aspect-ratio:3/4}
.atlas-shop{background-image:url('./assets/shop-environments-atlas.webp');aspect-ratio:1}
.atlas-action{background-image:url('./assets/lifestyle-actions-atlas.webp');aspect-ratio:3/4}
.scene.scene-v2{min-height:25rem;background:radial-gradient(ellipse at 30% 15%,#4b2c43,transparent 65%),linear-gradient(120deg,#211725,#15101b)}
.scene-portrait{position:absolute;height:100%;width:auto;aspect-ratio:3/4;right:0;top:0;bottom:0;animation:portrait-in .55s ease-out}
.scene-v2 .scene-shade{background:linear-gradient(90deg,#211725 0%,#211725c9 28%,transparent 63%),linear-gradient(0deg,#150e20d9,transparent 40%)}
.scene-v2 .character{max-width:60%;bottom:3.3rem;left:1.7rem;right:auto}
.scene-v2 .character h1 span{display:block;margin:0 0 .6rem;font-size:.875rem;letter-spacing:.04em}
.scene-v2 .character p{font-size:1rem;max-width:17rem;line-height:1.9;text-shadow:0 2px 10px #160e22}
.look-chip{display:inline-flex;align-items:center;gap:.4rem;color:#f3cee1;font-size:.75rem;line-height:1.5;border:1px solid #ad779677;background:#261829cb;border-radius:2rem;padding:.55rem .7rem;margin-top:1rem;backdrop-filter:blur(8px);text-align:left;max-width:100%}
.look-chip .icon{width:14px;height:14px}.scene-v2 .day-stamp{text-shadow:0 2px 8px #180c16;color:#fff0ea}
.pressure-panel{display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:1.7rem;align-items:center;padding:1.1rem 1.4rem;border:1px solid #584137;background:#251e23;border-radius:10px;margin:-.35rem 0 1.3rem}
.pressure-panel.danger{border-color:#ab5667;background:#311e2b}.pressure-stat>span{display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:var(--muted);margin-bottom:.7rem;flex-wrap:wrap}
.pressure-stat strong{font-size:1.125rem;font-weight:500;color:var(--text);margin-left:auto}.pressure-stat small{font-size:.75rem;margin-left:.25rem;color:var(--muted)}.pressure-stat>.icon{color:var(--gold)}
.pressure-panel>p{font-size:.875rem;color:#d8bac8;line-height:1.85}
.mode-switch{display:flex;gap:.4rem;background:#14101b;border:1px solid #403047;border-radius:9px;padding:.3rem;margin-top:1.2rem}
.mode-switch button{flex:1;display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:44px;background:transparent;border-radius:6px;color:var(--muted);font-size:.875rem;padding:.4rem}
.mode-switch button.selected{background:#503249;color:#ffe8f3;box-shadow:0 2px 9px #0003}.mode-switch button.selected:disabled{opacity:1}.mode-switch .icon{width:18px;height:18px}
.selected-shop{display:flex;gap:.8rem;align-items:center;margin-top:1rem;border:1px solid #433648;border-radius:8px;overflow:hidden;background:#231c2a;min-width:0}
.selected-shop-art{width:76px;align-self:stretch;min-height:76px}.selected-shop>div:not(.atlas){min-width:0;padding:.3rem 0}.selected-shop small{display:block;font-size:.75rem;color:#c9a8be;line-height:1.8}.selected-shop strong{font-size:1.0625rem;font-weight:500}
.selected-shop>span{margin-left:auto;display:flex;align-items:center;gap:.3rem;font-size:.8125rem;color:#d7c09a;padding-right:.75rem;white-space:nowrap}.selected-shop>span .icon{width:16px;height:16px}
.daily-choice{font-size:.875rem;color:#ead3e2;align-self:center;line-height:1.6}.daily-choice .icon{width:16px;height:16px;margin-right:.3rem}.daily-choice small{display:block;color:var(--muted);font-size:.75rem;margin-top:.3rem}
.plan-selects{grid-template-columns:1fr 1fr;margin-top:1.1rem}.estimate{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0;gap:.8rem}.estimate>span{margin:0;font-size:.875rem}.estimate strong{font-size:1.55rem}
.diary-inline{display:flex;align-items:center;gap:.5rem;width:100%;color:#dcc7d9;background:#302330;border:1px dashed #68485e;border-radius:7px;padding:.75rem;margin-top:1rem;font-size:.875rem;text-align:left}.diary-inline>span{display:flex;align-items:center;margin-left:auto;font-size:.75rem;white-space:nowrap}
.diary-inline .icon{width:17px;height:17px}.return-button{font-size:.875rem;color:#e2a8b3;margin-top:.9rem;justify-content:center;width:100%}.overdrive-button{background:#edc292;color:#381c21;border:1px solid #f3bb93}
.forecast-meta{font-size:.875rem;flex-wrap:wrap;gap:.5rem 1rem}.forecast-meta>span:last-child{margin-left:auto}.plan-warning{font-size:.875rem}.plan-warning>.icon{flex-shrink:0}
.plan-footnote{font-size:.8125rem;line-height:1.8}.work-button{height:auto;min-height:48px;line-height:1.6;white-space:normal}.work-button>.icon:first-child,.work-button>.icon:last-child{margin:0}.work-button{position:relative;justify-content:center;text-align:center;padding-left:42px;padding-right:42px}.work-button>.icon:first-child{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.work-button>.icon:last-child{position:absolute;right:15px;left:auto;top:50%;transform:translateY(-50%)}
.illustrated-note{overflow:hidden}.note-illustration{height:140px;aspect-ratio:auto;margin:-22px -25px 21px}.receipt-tags{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;margin:.8rem 0}.receipt-tags>span{display:flex;align-items:center;gap:.4rem}.receipt-tags .icon{width:16px;height:16px}.result-card .alert-inline{font-size:.875rem;line-height:1.9}
.store-mode{margin:0 0 1.2rem}.city-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.city-tabs button{padding:.6rem .75rem;min-height:44px;border:1px solid #45354d;background:#241c2b;border-radius:7px;font-size:.875rem;color:#c7b8ce;display:flex;align-items:center;gap:.3rem}
.city-tabs .icon{width:16px;height:16px}.city-tabs button.selected{color:#ffdae9;background:#473044;border-color:#b17c97}.city-tabs button.selected:disabled{opacity:1}.store-intro{font-size:1rem;color:#c3b0c3;line-height:1.9;margin:1.1rem 0}
.travel-layout{grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr)}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.shop-card{overflow:hidden;display:flex;flex-direction:column}.shop-card.selected{border-color:#d1a7c4;box-shadow:0 0 0 1px #d1a7c44d}.shop-card-art{height:165px;aspect-ratio:auto}.shop-card-body{padding:1.1rem;display:flex;flex-direction:column;flex:1}
.shop-kicker{display:flex;justify-content:space-between;gap:.4rem;font-size:.75rem;color:#d5b7c9;flex-wrap:wrap}.shop-kicker>span{display:flex;align-items:center;gap:.3rem}.shop-kicker .icon{width:15px;height:15px}.shop-card h2{font-family:var(--serif);font-size:1.4rem;margin:.65rem 0}.shop-card p{font-size:.9375rem;line-height:1.85;color:var(--muted)}
.shop-numbers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:1rem;margin:1rem 0;padding-top:.8rem;font-size:.8125rem;color:var(--muted)}.shop-numbers strong{display:block;font-size:1.125rem;font-weight:500;color:var(--gold);line-height:1.8}.shop-card-body>.button{width:100%;margin-top:auto;height:auto;min-height:44px;font-size:.875rem}.shop-locked .shop-card-art{filter:saturate(.55)}.shop-card p.shop-requirement{font-size:.8125rem;color:#d7acba;margin:0 0 1rem;line-height:1.7}.shop-requirement .icon{width:14px;height:14px}
.trust-note{display:flex;gap:.8rem;border:1px solid #534333;border-radius:9px;background:#262023;padding:1.1rem;margin-top:1.2rem;color:#d9bd93}.trust-note strong{font-size:.9375rem;font-weight:500}.trust-note p{color:#c5b0be;font-size:.875rem;margin-top:.4rem;line-height:1.9}.trust-note>.icon{margin-top:4px}
.lookbook{padding:1.4rem;margin-bottom:1.8rem;background:linear-gradient(135deg,#2e2331,#211b28)}.lookbook-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.lookbook-heading h2{font-family:var(--serif);font-size:1.35rem;margin:.25rem 0}.lookbook-heading h2 .icon{color:var(--pink)}.lookbook-heading p{font-size:.9375rem;color:var(--muted)}.style-pill{color:var(--gold);background:#42323a;padding:.5rem .8rem;border-radius:6px;font-size:.8125rem;letter-spacing:.08em}
.look-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.4rem 0 1rem}.look-stage{margin:0;overflow:hidden;border:1px solid #534052;border-radius:9px;background:#201822;position:relative}.look-stage.current{border:2px solid #edbbd2;box-shadow:0 0 22px #b975921c}.look-stage .atlas{width:100%}.look-stage.future .atlas{filter:saturate(.3) brightness(.65)}.look-stage figcaption{padding:.75rem}.look-stage figcaption span{display:flex;align-items:center;gap:.4rem;font-size:.75rem;letter-spacing:.06em;color:var(--gold)}.look-stage figcaption .icon{width:13px;height:13px}.look-stage figcaption strong{display:block;font-weight:500;font-size:.9375rem;margin-top:.35rem}.look-stage figcaption small{display:block;font-size:.75rem;color:var(--muted);margin-top:.2rem}.lookbook-note{font-size:.875rem;color:#c5afc4;line-height:1.9}.investment-heading h2 .icon{color:var(--pink)}.investment>p{font-size:.9375rem}.investment-effects{font-size:.8125rem;line-height:1.8;flex-wrap:wrap}.investment .button{height:auto;min-height:44px}
.diary-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:1.5rem;align-items:start}.diary-settings{padding:1.5rem}.diary-settings .subheading{margin-top:1.5rem;display:block;font-size:1rem}.post-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.85rem 0}.post-counts button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:79px;border:1px solid #4c3a54;border-radius:8px;background:#251d2c;color:var(--muted)}.post-counts button.selected{background:#503047;color:#ffe5f0;border-color:#d19bb7}.post-counts strong{font-size:1.65rem;font-weight:500;line-height:1.3}.post-counts span{font-size:.75rem}.diary-advice{font-size:.9375rem;color:#c9b5c7;margin-top:1rem;line-height:1.9}
.face-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem}.face-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1rem;gap:.5rem;border:1px solid #4b3950;background:#251d2c;border-radius:9px}.face-options button.selected{border-color:#cf9ab7;background:#3f2a3b}.face-options .icon{color:var(--pink)}.face-options strong{font-size:.9375rem;font-weight:500}.face-options small{font-size:.875rem;color:var(--muted);line-height:1.75}
.diary-effects{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.7rem 0;margin:1.4rem 0 1rem}.diary-effects>div{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;font-size:.875rem;color:var(--muted)}.diary-effects .icon{width:17px;height:17px;color:var(--pink)}.diary-effects strong{margin-left:auto;color:var(--gold);font-size:1rem;font-weight:500;white-space:nowrap}.diary-settings>p.small{font-size:.875rem;line-height:1.9}.diary-settings>.button{width:100%;margin-top:1.4rem;height:auto}
.diary-preview{overflow:hidden;background:#211c28}.diary-profile{display:flex;align-items:center;gap:.75rem;padding:1rem}.profile-avatar{width:45px;height:45px;aspect-ratio:1;border-radius:50%;border:1px solid #84617b;background-position:calc(var(--frame)*100%/(var(--frames) - 1)) 22%}.diary-profile strong{font-size:.9375rem;font-weight:500}.diary-profile small{display:block;font-size:.75rem;color:var(--muted)}.diary-profile>.icon{margin-left:auto;color:var(--pink)}.diary-image{aspect-ratio:1;max-height:440px}.diary-caption{padding:1.1rem}.diary-caption>div{display:flex;align-items:center;gap:.8rem;margin-bottom:.75rem;color:var(--pink)}.diary-caption>div>span{margin-left:auto;font-size:.75rem;color:var(--muted);letter-spacing:.08em}.diary-caption p{font-size:1rem;line-height:1.9}.diary-caption small{display:block;color:var(--muted);font-size:.75rem;margin-top:.8rem}
.diary-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.diary-stats>.card{padding:1rem;display:flex;flex-direction:column;gap:.4rem}.diary-stats .icon{color:var(--pink)}.diary-stats span{font-size:.8125rem;color:var(--muted)}.diary-stats strong{font-size:1.3rem;font-weight:500;color:var(--gold)}.diary-stats strong.risk-high{color:#eea5b2}.diary-risk{font-size:.875rem;color:var(--muted);line-height:1.9;margin:1rem .1rem}.diary-risk .icon{height:15px;width:15px;color:var(--pink)}.diary-history{padding:1.3rem;margin-top:1.5rem}.diary-history>p{font-size:.9375rem;margin-top:1.2rem}.diary-history-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}.diary-history-list article{display:flex;gap:.8rem;align-items:center;padding:.6rem;background:#261e2d;border-radius:7px}.diary-history-list .atlas{width:58px;height:68px;border-radius:5px}.diary-history-list strong{font-size:.875rem;font-weight:500;display:block}.diary-history-list span,.diary-history-list small{display:block;font-size:.75rem;color:var(--muted);margin-top:.15rem}.diary-history-list small.risk-high{color:#eea5b2}
.modal-art{height:170px;aspect-ratio:auto;border-radius:8px;margin:0 0 1.3rem}.event-portrait{float:right;width:90px;height:110px;margin:0 0 .9rem 1rem;border-radius:9px}.event-choices{clear:both}.event-body{font-size:1rem}.modal-summary{flex-wrap:wrap}.modal-summary>span{font-size:.875rem}.modal-close{z-index:1;background:#251827e8}.button{white-space:normal}dialog>.button{height:auto;line-height:1.7}
@keyframes portrait-in{from{opacity:.55}to{opacity:1}}
@media(min-width:1101px){.header nav{gap:22px}.nav-item{gap:6px}.header{gap:1.5rem}.brand small{letter-spacing:.25em}.travel-layout aside{position:sticky;top:1rem}}
@media(max-width:1100px){.header nav{gap:17px}.pressure-panel{grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.pressure-panel>p{grid-column:1/-1}.scene.scene-v2{min-height:25rem}.scene-v2 .character{max-width:66%;left:1.2rem}.scene-v2 .character p{font-size:.9375rem}.look-stages{gap:.65rem}.look-stage figcaption{padding:.7rem .6rem}.shop-grid{grid-template-columns:1fr}.shop-card-art{height:180px}.diary-layout{gap:1rem}.diary-settings{padding:1.2rem}.face-options button{padding:.8rem}.note-illustration{margin:-20px -18px 20px}}
@media(max-width:800px){.travel-layout{grid-template-columns:1fr}.travel-layout aside{display:block}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-card-body{padding:.9rem}.shop-card-art{height:140px}.shop-card h2{font-size:1.3rem}.shop-card p{font-size:.875rem}.shop-numbers{gap:.5rem}.shop-numbers strong{font-size:1rem}.diary-layout{grid-template-columns:1fr 1fr}.post-counts{gap:.35rem}.post-counts strong{font-size:1.4rem}.face-options{grid-template-columns:1fr}.diary-effects{font-size:.875rem}.diary-image{aspect-ratio:3/4}.look-stage figcaption strong{font-size:.875rem}.header nav{overflow-x:auto;justify-content:flex-start;gap:20px}.nav-item{white-space:nowrap;flex-shrink:0;min-height:44px}.scene-v2 .character{max-width:73%}.scene-v2 .character h1{font-size:2.2rem}.scene-v2 .character p{font-size:.875rem}.scene-v2 .scene-shade{background:linear-gradient(90deg,#211725e6,transparent 78%),linear-gradient(0deg,#150e20ed,transparent 72%)}.look-chip{font-size:.75rem}}
@media(max-width:600px){.scene.scene-v2{min-height:23rem}.scene-portrait{right:-.1rem}.scene-v2 .character{max-width:78%;left:1.2rem;bottom:3rem}.scene-v2 .character h1{font-size:2.4rem}.scene-v2 .character h1 span{font-size:.875rem}.scene-v2 .character p{font-size:1rem;max-width:15rem;margin-top:.4rem}.scene-v2 .scene-shade{background:linear-gradient(90deg,#211725b8,transparent 80%),linear-gradient(0deg,#150e20f5,transparent 82%)}.scene-location{max-width:70%;font-size:.8125rem}.scene-v2 .day-stamp{font-size:.75rem}.look-chip{font-size:.75rem;margin-top:.8rem}.pressure-panel{padding:1rem;margin:0 0 1rem;gap:1rem}.pressure-stat>span{font-size:.875rem;gap:.3rem}.pressure-stat>span .icon{width:16px;height:16px}.pressure-stat strong{font-size:1.125rem}.pressure-panel>p{font-size:.875rem;line-height:1.8}.mode-switch{margin-top:1rem}.estimate strong{font-size:1.4rem}.estimate>span{font-size:.875rem}.plan-card{padding:1.1rem}.plan-selects label>span{font-size:.875rem}.forecast-meta{font-size:.8125rem}.selected-shop-art{width:65px;min-height:70px}.selected-shop small{font-size:.75rem}.selected-shop>span{font-size:.8125rem;padding-right:.55rem}.diary-inline{font-size:.8125rem;gap:.4rem}.rest-row{flex-wrap:wrap}.rest-row>.quiet{padding:.5rem;gap:.4rem;font-size:.875rem}.plan-footnote{font-size:.8125rem}.note-illustration{margin:-20px -20px 20px;height:145px}.receipt-tags{font-size:.875rem}.note-card p{font-size:1rem}.store-mode{margin-top:0}.city-tabs{display:grid;grid-template-columns:1fr 1fr}.city-tabs button{justify-content:center;font-size:.875rem}.shop-grid{grid-template-columns:1fr}.shop-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.shop-card-art{height:100%;aspect-ratio:auto;background-size:auto 100%;min-height:310px}.shop-card-body{padding:1rem}.shop-kicker{font-size:.75rem;gap:.4rem}.shop-card h2{font-size:1.35rem}.shop-card p{font-size:.9375rem}.shop-numbers{font-size:.8125rem;margin:.8rem 0}.shop-numbers strong{font-size:1rem}.shop-card-body>.button{font-size:.8125rem;padding:.55rem .4rem}.store-intro{font-size:.9375rem}.trust-note{padding:1rem}.trust-note p{font-size:.875rem}.lookbook{padding:1rem}.lookbook-heading p{font-size:.875rem}.lookbook-heading h2{font-size:1.2rem}.look-stages{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.look-stage figcaption strong{font-size:.875rem}.lookbook-note{font-size:.875rem}.investment-grid{grid-template-columns:1fr 1fr}.investment>p{font-size:.875rem}.investment h3{font-size:1rem}.investment{padding:1rem}.investment-icon{width:42px;height:42px}.investment-effects{font-size:.8125rem}.diary-layout{display:flex;flex-direction:column-reverse}.diary-layout>aside,.diary-settings{width:100%}.diary-layout>aside{display:grid;grid-template-columns:1.1fr 1fr;gap:.75rem;align-items:start}.diary-preview{grid-column:1;grid-row:1/3}.diary-profile{padding:.65rem;gap:.4rem;flex-wrap:wrap}.diary-profile strong{font-size:.8125rem}.diary-profile small{font-size:.75rem}.profile-avatar{width:32px;height:32px}.diary-profile>.icon{display:none}.diary-image{aspect-ratio:1}.diary-caption{padding:.75rem}.diary-caption p{font-size:.875rem;line-height:1.8}.diary-caption small{font-size:.75rem}.diary-caption .icon{height:16px;width:16px}.diary-caption>div{gap:.5rem}.diary-stats{grid-column:2;grid-row:1;grid-template-columns:1fr;margin:0;gap:.75rem}.diary-stats>.card{padding:.8rem}.diary-stats strong{font-size:1.25rem}.diary-stats span{font-size:.8125rem}.diary-risk{grid-column:2;grid-row:2;margin:0;font-size:.8125rem}.diary-settings{padding:1.1rem}.face-options{grid-template-columns:1fr 1fr}.face-options small{font-size:.875rem}.post-counts button{min-height:74px}.post-counts strong{font-size:1.5rem}.diary-settings .card-heading h2{font-size:.9375rem}.diary-settings .card-heading>span{font-size:.75rem}.diary-history-list{grid-template-columns:1fr}.diary-history{padding:1rem}.modal-art{height:145px}.event-portrait{width:75px;height:95px}.event-body{font-size:1rem}.event-choice strong{font-size:.9375rem}.event-choice small{font-size:.8125rem}.event-choice{padding:.8rem}.event-kicker{font-size:.75rem}.plan-warning{font-size:.875rem}.page-heading>p{font-size:.9375rem;max-width:none}}
@media(max-width:380px){.shop-card{display:flex}.shop-card-art{height:155px;min-height:0;aspect-ratio:auto;background-size:300% auto}.investment-grid{grid-template-columns:1fr}.face-options{grid-template-columns:1fr}.diary-inline{flex-wrap:wrap}.diary-inline>span{margin-left:auto}.rest-row{gap:.4rem}.rest-duration{width:62px}.look-stages{gap:.5rem}.look-stage figcaption{padding:.5rem}.selected-shop-art{width:58px}.selected-shop>span{font-size:.75rem}.scene-v2 .character{max-width:85%}.pressure-stat>span{font-size:.8125rem}.pressure-stat strong{font-size:1rem}.diary-layout>aside{display:block}.diary-preview{max-width:100%}.diary-stats{grid-template-columns:1fr 1fr;margin-top:1rem}.diary-risk{margin:.8rem 0 0}.diary-image{max-height:290px;aspect-ratio:1}.post-counts{gap:.3rem}.post-counts button{padding:.4rem}}
@media(prefers-reduced-motion:reduce){.scene-portrait{animation:none}}

.anonymous-avatar{display:grid;place-items:center;background:#453045;color:var(--pink)}