:root{font-family: 'Arial Narrow','Roboto Condensed','Helvetica Neue',Arial,sans-serif;color:#e9ece6;background:#0e100f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body,#root{min-height:100%;margin:0}
body{min-width:320px}
button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #eeac8b;outline-offset:2px}
button{touch-action:manipulation}
.app{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 850px 440px at 53% 25%,rgba(45,54,48,.28),transparent 76%),linear-gradient(180deg,#171b18 0%,#0b0e0c 60%,#111511 100%);position:relative;isolation:isolate}
.noise-layer{position:fixed;z-index:-1;inset:0;opacity:.15;pointer-events:none;background-image:radial-gradient(#879082 0.6px,transparent .6px);background-size:5px 5px}
.app-container{max-width:1410px;margin:auto;padding:0 48px 26px;position:relative}
.global-header{height:93px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #3c423d;position:relative}
.brand-button{border:0;background:transparent;color:inherit;padding:0;text-align:left}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #9aaca0;transform:scale(.93)}
.brand-mark svg{width:29px;height:29px;fill:none;stroke:#d4dfd3;stroke-width:2.5}
.brand-mark svg path:nth-child(2){stroke:#e5a78b;stroke-width:1.8}
.brand-type{display:flex;flex-direction:column;gap:3px}.brand-type strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1;letter-spacing:2.1px;font-weight:500}.brand-slash{color:#e1a185;margin:0 4px}.brand-type small{font-size:7.7px;letter-spacing:1.85px;color:#98a59b;font-weight:800}
.header-spacer{flex:1}.header-meta{display:flex;gap:11px;align-items:center;letter-spacing:1.3px;color:#99a59b;font-size:9px;font-weight:800;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#b0c8af;box-shadow:0 0 7px #8fba91aa}.meta-divider{color:#536057}
.main-nav{display:flex;height:100%;align-items:center;gap:5px;margin-left:16px}.main-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;color:#8e9a90;background:transparent;border:0;padding:0 16px;font-weight:850;font-size:10px;letter-spacing:1.45px}.main-nav button:hover{color:#e6ede6}.main-nav button.active{color:#eff2ec}.main-nav button.active:after{content:'';position:absolute;bottom:-25px;left:10px;right:10px;height:2px;background:#e8a688}.mobile-menu-btn{display:none}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:35px 0 21px}.section-heading h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;margin:7px 0 0;letter-spacing:1.8px;font-weight:500;font-size:31px;line-height:1.08}.heading-aside{font-family:Arial,sans-serif;color:#79857a;font-weight:700;font-size:12px;letter-spacing:1.8px;margin-left:9px}.heading-meta{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#929b92;display:flex;gap:14px;padding-bottom:4px}.heading-divider{color:#4e5950}.micro-label{color:#d68e70;font-size:9px;font-weight:900;letter-spacing:2px;line-height:1.4}.micro-label.dim{color:#8b978e}
.terminal-shell{background:#212621;border:1px solid #4a554b;box-shadow:0 0 0 3px #121612,0 12px 40px #0009,inset 0 0 30px #0006;padding:8px 11px 0;border-radius:4px;position:relative}
.terminal-metal-top{display:flex;align-items:center;justify-content:space-between;padding:0 3px 7px;color:#808b81;font-size:8px;letter-spacing:1.5px;font-weight:bold}
.calibration-marks{display:flex;gap:42px;height:7px;align-items:flex-start;margin:0 14px}.calibration-marks i{height:6px;width:1px;background:#839387}.calibration-marks i:nth-child(2n){height:3px}
.terminal-screen{border:2px solid #7c8e80;box-shadow:0 0 0 4px #161c17,inset 0 0 22px #101412;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:0;background:linear-gradient(125deg,#202720 0%,#1b211d 45%,#171c18 100%);padding:12px 12px 12px 15px;overflow:hidden;color:#dce4d9}
.terminal-screen:after{content:'';position:absolute;pointer-events:none;inset:5px;border:1px solid #70837544}
.terminal-left{padding:7px 17px 0 4px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}
.screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}.japanese-label{color:#adbbae;font-size:10px;font-weight:800;letter-spacing:1px}.japanese-label span{color:#d7dfd2;font-size:15px;font-weight:900;letter-spacing:1.55px;margin-left:7px}.power-line{font-size:17px;font-weight:900;letter-spacing:1.8px;line-height:1.3;margin:5px 0 0;color:#d4ddd1}.screen-status-led{font-size:9px;letter-spacing:1.5px;font-weight:800;display:flex;align-items:center;gap:7px;color:#a7b7a8;padding-top:5px}.led{border:1px solid #6d796a;background:#657668;width:8px;height:8px;display:inline-block}.led.live{background:#e6ab85;box-shadow:0 0 8px #e2a680}
.timer-display-wrap{padding:4px 0 7px;min-width:0}.seven-segment{display:flex;align-items:stretch;justify-content:center;gap:clamp(0px,.4vw,7px);width:100%;height:clamp(155px,22.3vw,298px);color:#d5ddd3;filter:drop-shadow(0 0 7px #bccdbc27)}
.seven-segment svg{height:100%;flex-shrink:1;min-width:0;overflow:visible}.digit-number{width:22%;max-width:193px}.digit-colon{width:9%;max-width:62px;margin:0 -1%;color:#c6d1c4}.segment-on{fill:#d0d9ce}.segment-off{fill:#c9d4c3;opacity:.045}.timer-alert{color:#f6c6ab}.timer-alert .segment-on{fill:#f4ad8f}.effects-on .timer-alert{animation:urgent-blink .5s infinite alternate}@keyframes urgent-blink{from{opacity:1}to{opacity:.58}}
.timer-underlabel{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:9px;letter-spacing:2px;color:#7e9080;padding:0 9% 0 11%;margin-top:3px}.signal-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 14px;color:#7f9182;font-size:8px;font-weight:800;letter-spacing:1.4px}.signal-meter{display:flex;gap:5px;flex:1;max-width:290px}.signal-meter i{display:block;height:4px;flex:1;border:1px solid #66766a;background:#2c372e}.signal-meter i.on{background:#c7d4c4}
.preset-strip{border:1px solid #788d7e;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:63px;gap:3px;padding:3px}.preset-choice{background:transparent;border:1px solid #4a5a4d;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#899b8e;transition:background .15s,color .15s}.preset-choice strong{font-size:13px;letter-spacing:1.2px}.preset-choice small{font-size:8px;letter-spacing:1px}.preset-choice:hover{color:#f2f3ea;background:#4a584c}.preset-choice.chosen{background:#d1d9ce;color:#28302b;border-color:#e2e7db}
.power-rail{position:relative;z-index:1;display:grid;grid-template-rows:1fr 82px 1fr;gap:8px;border-left:2px solid #7e9082;padding-left:10px}.rail-box{min-height:0;border:2px solid #859587;position:relative;box-shadow:inset 0 0 0 3px #263127;overflow:hidden;color:#bbc9bb}.rail-primary{display:flex;align-items:stretch;justify-content:space-between;padding:10px 0 9px 13px;gap:3px}.rail-primary>div:first-child{display:flex;flex-direction:column;justify-content:center;min-width:0}.rail-primary .kanji{font-size:57px;font-weight:900;letter-spacing:-5px;line-height:1.05;color:#b2c0b3;white-space:nowrap}.rail-primary strong{font-size:25px;line-height:1.0;letter-spacing:1px;color:#c2cebf;margin-top:8px}.rail-primary small{color:#93a594;font-size:9px;letter-spacing:1.4px;margin-top:6px;font-weight:800}.rail-primary.rail-active{border-color:#d2dbce;box-shadow:0 0 15px #ceddcc22,inset 0 0 0 3px #3d4a3e}.rail-active .kanji,.rail-active strong{color:#e1e9dd}.hazard-lines{width:53px;flex-shrink:0;background:repeating-linear-gradient(130deg,#d3dccf 0 9px,#37483c 9px 21px);opacity:.72;align-self:stretch}.rail-active .hazard-lines{opacity:1}.rail-middle{display:flex;flex-direction:column;justify-content:center;padding:10px 11px}.jp-micro{font-size:10px;font-weight:900;letter-spacing:1px;color:#b2c3b0;white-space:nowrap}.rail-middle strong{font-size:17px;line-height:1.0;letter-spacing:1.6px;margin-top:6px;color:#c3d0c1}.rail-middle-lights{position:absolute;right:10px;bottom:9px;display:flex;gap:3px}.rail-middle-lights i{height:4px;width:10px;border:1px solid #9faf9b}
.effects-on .scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,#00000025 4px 5px);opacity:.25;z-index:2;mix-blend-mode:multiply}
.terminal-base{display:flex;justify-content:space-between;align-items:center;color:#778678;font-size:8px;font-weight:bold;letter-spacing:1.6px;height:24px}.terminal-base .dots{display:flex;gap:5px}.terminal-base .dots i{display:block;width:15px;height:6px;border:1px solid #8fa18e}.terminal-serial{color:#717c72}
.control-deck{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 22px}.deck-label{display:flex;gap:13px;align-items:center}.accent-line{height:39px;width:3px;background:#dfa180}.deck-label>div:last-child{display:flex;flex-direction:column;gap:6px}.deck-label>div:last-child>span:last-child{font-size:14px;letter-spacing:1.2px;font-weight:850}
.control-buttons{display:flex;gap:9px;align-items:stretch}.control-btn{height:53px;border:1px solid #465348;color:#c9d5c9;background:#232b25;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 23px;min-width:112px;font-size:11px;font-weight:900;letter-spacing:1.3px;transition:background .15s,transform .1s}.control-btn:hover{background:#354238;border-color:#8e9a8d}.control-btn:active{transform:translateY(1px)}.control-btn small{font-size:8px;color:#405047;margin-left:12px}.btn-primary{background:#d5ddd0;color:#19251d;border-color:#e7eee1;min-width:177px}.btn-primary:hover{background:white}.icon-control{min-width:54px;width:54px;padding:0}.mobile-control-label{display:none}
.info-grid{display:grid;grid-template-columns:1.16fr 1fr 1.1fr;gap:12px}.info-card{border:1px solid #3e4b41;background:linear-gradient(135deg,#202721,#1c231e);padding:18px 18px 17px;min-width:0;min-height:178px}.info-head{display:flex;justify-content:space-between;align-items:center;color:#819383}.info-head svg{color:#839889}.subject-body{display:flex;gap:13px;align-items:center;margin-top:20px}.mission-icon{width:42px;height:42px;background:#3e4c3f;display:grid;place-items:center;color:#d7a383}.subject-name-area{flex:1;min-width:0}.subject-name-area>span{font-size:9px;letter-spacing:1.5px;color:#7f9283;display:block;font-weight:850}.subject-name{border:0;padding:4px 0 0;text-align:left;color:#eef1e9;background:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:22px;letter-spacing:.6px;display:flex;align-items:center;gap:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-name svg{flex-shrink:0;color:#a9b7aa}.subject-name-hidden{color:#9aa89c;font-size:17px}.subject-input{background:#111813;border:1px solid #95ae9a;color:#f5f6ef;margin-top:5px;width:100%;padding:6px;font-size:15px}.subject-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.subject-pills button{font-size:9px;letter-spacing:.5px;border:1px solid #405348;border-radius:2px;background:transparent;color:#99a99c;padding:5px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-pills button:hover{color:white;background:#344238}
.goal-top{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.goal-top>div:first-child{display:flex;flex-direction:column;gap:3px}.goal-top strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:31px;letter-spacing:1px;font-weight:400}.goal-top strong small{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;color:#899b8d;font-weight:700}.goal-top span{font-size:8px;color:#97a496;letter-spacing:1.6px}.goal-percent{font-family:Impact,'Arial Narrow',sans-serif;color:#edac8a;font-size:24px}.progress-track{margin-top:16px;height:6px;border:1px solid #526254;background:#1a211b}.progress-track span{height:100%;display:block;background:#e4a587;transition:width .3s}.goal-footer{display:flex;justify-content:space-between;gap:6px;margin-top:13px;color:#8d9c8f;font-size:9px;letter-spacing:.6px}
.quick-stats-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:31px}.quick-stats-row>div:not(.split-line){display:flex;flex-direction:column;gap:8px;min-width:0}.quick-stats-row strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:30px;font-weight:400;line-height:1}.quick-stats-row strong small{font-family:Arial,sans-serif;font-size:11px;color:#9eaa9f;margin-left:2px}.quick-stats-row span{color:#99a797;font-size:8px;letter-spacing:1.1px;font-weight:850}.split-line{height:37px;width:1px;background:#455347}
.bottom-note{display:flex;justify-content:space-between;margin:20px 0 10px;color:#667369;font-size:9px;letter-spacing:1.4px;font-weight:850}.bottom-note>span:first-child{display:flex;align-items:center;gap:8px}.tiny-status{display:inline-block;width:6px;height:6px;background:#86a18a}
.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #303a32;margin-top:38px;padding:17px 0 6px;color:#6f7f70;font-size:9px;letter-spacing:1.6px;font-weight:bold}.footer>span{display:flex;gap:8px;align-items:center}.footer-square{width:7px;height:7px;border:1px solid #a0b09f}
.toast{position:fixed;z-index:100;right:max(18px,calc((100vw - 1400px)/2));bottom:30px;background:#d2dcd0;color:#1c271f;box-shadow:0 10px 30px #000a;padding:15px 12px 15px 17px;font-size:11px;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;gap:11px;max-width:calc(100vw - 36px)}.toast-dot{display:block;background:#c87d5a;width:7px;height:7px}.toast button{border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:2px;margin-left:8px}
/* HISTORY / SETTINGS */
.small-action{display:flex;align-items:center;gap:8px;padding:12px 15px;background:#232d25;color:#d3e0d2;border:1px solid #526354;font-size:10px;letter-spacing:1.3px;font-weight:850}.small-action:hover{background:#36483a}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.stat-panel{border:1px solid #435246;background:#1e2720;padding:19px 22px}.stat-panel-head{display:flex;justify-content:space-between;align-items:center;color:#839d87}.stat-panel-value{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:54px;line-height:1.1;letter-spacing:2px;margin:13px 0 8px}.stat-panel-footer{color:#8b9d8e;letter-spacing:1.5px;font-size:9px;font-weight:900}.analytics-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px}.surface-panel{border:1px solid #435246;background:linear-gradient(115deg,#1e2721,#19201b);padding:24px;min-width:0}.panel-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.panel-top h2{margin:8px 0 0;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;letter-spacing:1px;font-weight:400}.panel-top svg{color:#879a8a}.panel-top-side{font-size:10px;font-weight:900;letter-spacing:1px;color:#9cafa0}.weekly-chart{height:223px;display:flex;gap:12px;align-items:stretch;border-bottom:1px solid #48564a;margin:25px 8px 28px}.bar-col{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.bar-value{font-size:10px;color:#c7d9c6;letter-spacing:1px;height:16px;font-weight:800}.bar-track{height:170px;display:flex;align-items:end;width:100%;max-width:58px;background:#27352b;position:relative}.bar-fill{width:100%;background:#b9cdb7;min-height:0;transition:height .4s}.bar-col:nth-child(2n) .bar-fill{background:#879f8a}.bar-day{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#a6b2a4;position:absolute;top:calc(100% + 13px)}.bar-day.today{color:#e3a381}.bar-daynum{font-size:9px;color:#5e7362;position:absolute;top:calc(100% + 29px)}.orb-wrap{display:flex;justify-content:center;margin:28px 0 8px}.progress-orb{width:175px;height:175px;border-radius:50%;display:grid;place-items:center}.progress-orb>div{background:#1b261e;border-radius:50%;width:142px;height:142px;display:flex;align-items:center;justify-content:center;flex-direction:column}.progress-orb strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:52px;letter-spacing:2px;font-weight:400}.progress-orb span{font-size:9px;letter-spacing:1.7px;color:#9db29f;font-weight:900}.orb-note{text-align:center;color:#9eac9e;font-size:11px;letter-spacing:1px;margin:12px 0 0}.sessions-panel{margin-top:14px;padding-bottom:10px}.history-panel-head{align-items:center}.filter-group{display:flex;border:1px solid #46574a}.filter-group button{background:transparent;border:0;padding:10px;color:#94a395;letter-spacing:.9px;font-size:9px;font-weight:850}.filter-group button.active{background:#d2e0cf;color:#19251d}.session-list{padding-top:21px}.session-row{display:flex;align-items:center;border-top:1px solid #3d4c40;padding:14px 8px;gap:20px}.session-number{color:#697c6b;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;width:32px}.session-subject{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.session-subject strong{font-size:14px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-subject small{color:#86988a;font-size:10px;letter-spacing:.3px}.session-duration{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;white-space:nowrap}.session-duration small{font-family:Arial,sans-serif;font-size:9px;color:#819386}.session-badge{display:flex;align-items:center;gap:5px;border:1px solid #57755e;color:#b9d5b9;padding:7px 9px;font-size:9px;letter-spacing:1px;font-weight:900;min-width:104px;justify-content:center}.session-badge.interrupted{border-color:#9a725f;color:#e3b295}.empty-state{height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#839787}.empty-state h3{font-family:Impact,'Arial Narrow',sans-serif;font-size:23px;letter-spacing:2px;margin:13px 0 0;color:#c1d2c1}.empty-state p{font-size:12px;margin:10px 0 20px}.empty-state button{border:1px solid #657c6d;color:#d6e2d3;background:#2b392e;padding:11px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1px;font-weight:800}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.settings-panel{min-height:340px}.panel-intro{font-size:12px;line-height:1.8;color:#99ad9e;margin:16px 0 20px}.duration-inputs{border-top:1px solid #3e5142}.duration-input{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #3e5142}.duration-input>span{display:flex;flex-direction:column;gap:5px;color:#d6e4d5;font-weight:900;font-size:12px;letter-spacing:.7px}.duration-input>span small{font-size:9px;letter-spacing:1px;color:#8da18d;font-weight:750}.duration-input>div{display:flex;align-items:center;gap:9px}.duration-input input{width:67px;border:1px solid #596e5c;background:#0e160f;color:#e4efe3;font-family:Impact,'Arial Narrow',sans-serif;font-size:25px;padding:7px 3px;text-align:center;appearance:textfield}.duration-input input::-webkit-inner-spin-button,.duration-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input>div span{font-size:9px;color:#96a997;letter-spacing:1px;font-weight:900}.settings-subhead{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#e3aa8b;margin:25px 0 13px}.settings-presets{display:flex;gap:9px}.settings-presets button{flex:1;border:1px solid #586b5c;color:#c0d2c1;background:#27352a;padding:12px 4px;font-weight:850;font-size:12px;letter-spacing:1px}.settings-presets button.selected{background:#d4e0d0;color:#142218}.switch-list{margin-top:15px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #394b3c;padding:21px 0;position:relative;cursor:pointer}.switch-text{display:flex;flex-direction:column;gap:8px}.switch-text strong{font-size:13px;letter-spacing:.3px}.switch-text small{font-size:10px;color:#96a898;line-height:1.5}.switch-row input{position:absolute;opacity:0;width:1px;height:1px}.switch-ui{width:48px;height:26px;border:1px solid #718975;background:#29392c;flex-shrink:0;position:relative;transition:background .2s}.switch-ui:after{content:'';display:block;width:18px;height:18px;background:#8a9f8c;position:absolute;top:3px;left:3px;transition:transform .2s}.switch-row input:checked+.switch-ui{background:#d5dfce;border-color:#d5dfce}.switch-row input:checked+.switch-ui:after{background:#25382a;transform:translateX(22px)}.switch-row input:focus-visible+.switch-ui{outline:2px solid #e7a889;outline-offset:3px}.notification-btn{margin-top:22px;display:flex;gap:13px;align-items:center;width:100%;border:1px solid #4f6253;background:#2b392e;color:#d7e4d5;padding:13px 15px;text-align:left}.notification-btn>span{display:flex;flex:1;flex-direction:column;gap:4px;font-size:10px;letter-spacing:1px;font-weight:900}.notification-btn small{font-size:9px;color:#91a391}.settings-note{display:flex;gap:10px;background:#273429;border-left:2px solid #ae836c;padding:12px;margin-top:14px;color:#abbdaa}.settings-note svg{flex-shrink:0;margin-top:2px}.settings-note p{font-size:11px;line-height:1.5;margin:0}.goal-input{margin-top:25px;border-top:1px solid #3d5142}.goal-example{margin-top:20px;font-size:11px;color:#a2b5a2;display:flex;align-items:center;gap:10px}.goal-example svg{color:#e1a281}.backup-actions{display:flex;gap:10px}.backup-actions button{display:flex;gap:9px;align-items:center;justify-content:center;flex:1;border:1px solid #506753;background:#2d3a2f;color:#d3e3d2;padding:13px 10px;letter-spacing:.8px;font-size:10px;font-weight:850}.backup-actions button:hover{background:#415543}.backup-disclaimer{color:#849b88;font-size:11px;line-height:1.6}.hidden-file{display:none}
@media(max-width:1180px){.app-container{padding:0 30px 23px}.header-meta{display:none}.terminal-screen{grid-template-columns:minmax(0,1fr) 217px}.rail-primary .kanji{font-size:46px}.rail-primary strong{font-size:21px}.hazard-lines{width:42px}.rail-middle strong{font-size:14px}.calibration-marks{gap:28px}.seven-segment{height:clamp(155px,23vw,245px)}.heading-aside{font-size:10px}.info-card{padding:15px}.subject-name{font-size:19px}.control-btn{min-width:93px;padding:0 16px}.btn-primary{min-width:160px}.info-grid{grid-template-columns:1.1fr 1fr}.info-card.quick-stats{grid-column:1/-1;min-height:120px}.quick-stats-row{margin-top:19px;justify-content:space-around}}
@media(max-width:760px){.app-container{padding:0 15px 24px}.global-header{height:77px;gap:15px}.brand-mark{height:35px;width:35px}.brand-mark svg{height:23px;width:23px}.brand-type strong{font-size:20px}.brand-type small{font-size:6px;letter-spacing:1.2px}.main-nav{display:none;position:absolute;top:76px;left:-15px;right:-15px;height:auto;padding:10px;background:#202b23;border:1px solid #4a5b4b;z-index:20;box-shadow:0 20px 30px #0009;margin:0}.main-nav.nav-open{display:flex;justify-content:stretch}.main-nav button{flex:1;padding:15px 5px;height:auto;font-size:9px}.main-nav button.active:after{bottom:0}.mobile-menu-btn{display:grid;place-items:center;border:1px solid #4e604f;color:#d7e3d5;background:#222e25;width:37px;height:37px}.section-heading{margin:27px 0 18px;align-items:start}.section-heading h1{font-size:26px}.heading-aside{display:block;margin-left:0;margin-top:8px;font-size:9px}.heading-meta{display:none}.terminal-shell{padding:6px 7px 0}.terminal-metal-top{font-size:7px;letter-spacing:.8px}.calibration-marks{gap:11px}.calibration-marks i:nth-child(n+8){display:none}.terminal-screen{padding:8px;grid-template-columns:minmax(0,1fr) 29%;border-width:1.5px}.terminal-left{padding:4px 8px 0 0}.japanese-label{font-size:7px}.japanese-label span{display:block;font-size:11px;margin:3px 0 0;letter-spacing:.65px}.power-line{font-size:9px;letter-spacing:.7px;margin-top:5px}.screen-status-led{display:none}.timer-display-wrap{padding:16px 0 12px}.seven-segment{height:clamp(90px,24vw,190px);gap:1px}.timer-underlabel{font-size:6px;letter-spacing:.6px;padding:0 4%}.signal-strip{font-size:6px;letter-spacing:.3px;margin-bottom:10px;gap:4px}.signal-meter{gap:2px;max-width:65px}.signal-meter i{height:3px}.preset-strip{height:49px;gap:1px;padding:2px}.preset-choice strong{font-size:8px;letter-spacing:.1px}.preset-choice small{font-size:6px;letter-spacing:0}.power-rail{padding-left:6px;gap:5px;border-left-width:1px;grid-template-rows:1fr 60px 1fr}.rail-box{border-width:1px}.rail-primary{padding:5px 0 5px 5px}.rail-primary .kanji{font-size:clamp(17px,6.5vw,44px);letter-spacing:-3px}.rail-primary strong{font-size:clamp(9px,2.5vw,16px);letter-spacing:0;margin-top:5px}.rail-primary small{font-size:6px;letter-spacing:.2px;margin-top:3px}.hazard-lines{width:clamp(14px,4vw,34px);background:repeating-linear-gradient(130deg,#d3dccf 0 5px,#37483c 5px 11px)}.rail-middle{padding:5px}.rail-middle .jp-micro{font-size:6px;letter-spacing:0;white-space:normal}.rail-middle strong{font-size:clamp(7px,1.9vw,13px);letter-spacing:.2px;margin-top:5px}.rail-middle-lights{display:none}.terminal-base{font-size:6px;letter-spacing:.6px;height:20px}.terminal-base .dots i{width:8px;height:4px}.control-deck{align-items:stretch;flex-direction:column;gap:15px;margin:20px 0}.deck-label .accent-line{height:31px}.deck-label>div:last-child>span:last-child{font-size:12px}.control-buttons{display:grid;grid-template-columns:1.7fr 1fr 1fr 46px;gap:6px}.control-btn{min-width:0;height:52px;padding:0 5px;gap:5px;font-size:10px;letter-spacing:.3px}.control-btn svg{width:17px}.control-btn small{display:none}.info-grid{grid-template-columns:1fr;gap:9px}.info-card{min-height:0;padding:17px}.subject-body{margin-top:17px}.subject-pills{margin-top:12px}.progress-card .goal-top{margin-top:18px}.quick-stats{grid-column:auto!important}.quick-stats-row{justify-content:space-between}.bottom-note{font-size:7px;letter-spacing:.2px}.bottom-note>span:last-child{display:none}.footer{font-size:7px;letter-spacing:.5px;margin-top:26px}.footer>span:last-child{display:none}.history-stats{grid-template-columns:1fr 1fr;gap:9px}.history-stats .stat-panel:last-child{grid-column:1/-1}.stat-panel{padding:15px}.stat-panel-value{font-size:43px}.analytics-grid,.settings-grid{grid-template-columns:1fr}.surface-panel{padding:18px}.panel-top h2{font-size:22px}.weekly-chart{height:205px}.bar-track{height:150px}.mission-summary{min-height:300px}.filter-group{margin-top:16px}.history-panel-head{align-items:start;flex-direction:column}.filter-group button{padding:10px 11px}.session-row{gap:10px;padding:13px 0}.session-badge{min-width:29px;padding:7px}.session-badge span{display:none}.session-duration{font-size:20px}.session-number{width:24px;font-size:19px}.small-action{font-size:9px;padding:9px}.settings-panel{min-height:0}.settings-grid{gap:10px}}
@media(max-width:380px){.terminal-screen{grid-template-columns:minmax(0,1fr) 31%;padding:5px}.terminal-left{padding-right:5px}.seven-segment{height:83px}.timer-display-wrap{padding:12px 0}.japanese-label span{font-size:9px}.rail-primary .kanji{font-size:24px}.rail-primary strong{font-size:9px}.rail-middle strong{font-size:7px}.preset-choice small{display:none}.signal-strip>span:first-child{display:none}.control-buttons{grid-template-columns:1.5fr 1fr 1fr 37px}.control-btn{font-size:9px}.section-heading h1{font-size:23px}.heading-aside{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}