/* v0.6.4 — restored full concept application shell */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body{background:#06101d;background-image:radial-gradient(circle at 52% -20%,#15335a 0,rgba(13,32,55,.45) 26%,transparent 53%)}
.shell{width:min(1580px,calc(100% - 24px));margin:12px auto 48px}.app-quiz{min-height:calc(100vh - 24px);border:1px solid #18304d;border-radius:18px;overflow:hidden;background:#07111f;box-shadow:0 22px 70px rgba(0,0,0,.38)}
.app-topbar{height:62px;display:grid;grid-template-columns:230px 210px minmax(300px,1fr) 270px;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #19304b;background:rgba(5,14,26,.96)}
.app-brand{display:flex;align-items:center;gap:10px;font-size:.91rem;line-height:1.02;letter-spacing:.03em}.brand-shield{display:grid;place-items:center;width:34px;height:38px;border-radius:10px;background:#073553;border:1px solid #0d759d;color:#48c6ec;font-size:1.25rem}.app-mode{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #1d324c;border-radius:9px;background:#101d2e;font-size:.82rem}.app-mode span{color:#91a3ba}.app-progress{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:10px;font-size:.78rem;color:#96a9bf}.app-progress .progress{margin:0;height:7px;background:#12243a}.app-progress .progress i{background:linear-gradient(90deg,#37d5b0,#2aa6d8)}.app-progress b{color:#edf6ff}.app-top-actions{display:flex;justify-content:flex-end;gap:22px;color:#b5c2d2;font-size:.78rem}.app-top-actions b{font-weight:700;color:#dbe7f5}
.app-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 340px;min-height:calc(100vh - 86px)}.areas-panel{padding:18px 12px;border-right:1px solid #19304b;background:#07111d}.panel-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#8295ad;margin-bottom:10px}.category-nav{display:grid;gap:5px}.category-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 9px;border-radius:8px;color:#d7e2ee!important;background:#0c1928!important;font-size:.78rem;border:1px solid #172b41!important}.category-row:hover{background:#10243a!important;border-color:#294866!important;color:#fff!important}.category-row.active{background:#0c4b83!important;border-color:#1f78bd!important;color:#fff!important;box-shadow:inset 3px 0 #4bc7f2!important}.category-icon{display:grid;place-items:center;width:24px;height:24px;color:#72c8ee!important}.category-name{line-height:1.2;color:inherit!important;font-weight:600}.category-count{font-variant-numeric:tabular-nums;color:#8fa3b8!important;font-size:.72rem}.category-row.active .category-count,.category-row.active .category-icon{color:#fff!important}.category-row.has-reminder:not(.active){background:#171b1e!important;border-color:#6e5622!important}.category-reminder{background:#f3b93f!important;color:#1b1609!important;border:1px solid #ffd66d!important;font-weight:900!important}.autosave-card{margin:20px 7px 0;padding:13px;border:1px solid #26384d;border-radius:10px;background:#0d1724}.autosave-card b{display:block;color:#ffd84d;font-size:.73rem}.autosave-card p{margin:8px 0 0;color:#aab8c8;font-size:.71rem;line-height:1.5}
.question-zone{min-width:0;padding:12px;background:radial-gradient(circle at 50% 0,rgba(19,46,77,.32),transparent 52%)}.concept-question-card{min-height:calc(100vh - 140px);padding:18px 24px;border:1px solid #203651;border-radius:12px;background:linear-gradient(180deg,#0d1929,#0a1523);box-shadow:none}.question-head-row{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#94a6bc;font-size:.78rem}.question-meta{display:flex;gap:8px}.question-meta span{padding:6px 10px;border-radius:6px;background:#172536;border:1px solid #253b53;color:#b8c6d7}.question-meta #difficulty{background:#3a2025;border-color:#61323a;color:#ff9b93}.concept-question-card h3{font-size:clamp(1.16rem,1.4vw,1.45rem);line-height:1.34;margin:14px 0 16px;max-width:920px}.concept-question-card .scenario{padding:14px 16px;margin-bottom:14px;border-radius:10px;background:#091320}.concept-question-card .answers{gap:8px}.concept-question-card .answer{padding:12px 13px;border-radius:7px;background:#142232;border-color:#243b52;font-size:.9rem;transition:.14s ease}.concept-question-card .answer:hover{background:#192a3e;border-color:#3e6486;transform:translateY(-1px)}.concept-question-card .answer:has(input:checked){border-color:#2b87d3;background:#102e4e;box-shadow:inset 3px 0 #29bde7}.concept-question-card textarea{background:#091522;border-radius:8px;border-color:#2c435c}.question-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:15px;border-top:1px solid #1b2d42}.question-footer .actions{margin:0}.remember-toggle{display:flex;gap:8px;align-items:center;color:#a9b8c9;font-size:.78rem;cursor:pointer}.remember-toggle input{accent-color:#2b8ee6}.concept-question-card button{border-radius:7px;padding:11px 18px}.concept-question-card #nextBtn{background:#0764d4;color:#fff;box-shadow:0 5px 18px rgba(0,100,212,.22)}.concept-question-card #nextBtn:disabled{background:#172536;color:#64758a;box-shadow:none;cursor:not-allowed;opacity:.75}.micro-tip{display:flex;gap:9px;align-items:flex-start;margin-top:8px;padding:9px 11px;border:1px solid #1d3249;border-radius:8px;background:#0c1724;color:#9fb0c3;font-size:.74rem}.micro-tip span{color:#f9d94c}.micro-tip p{margin:0;line-height:1.45}
.right-rail{padding:12px;border-left:1px solid #19304b;background:#09131f;display:flex;flex-direction:column;gap:12px}.rail-card{padding:18px;border:1px solid #20344b;border-radius:11px;background:linear-gradient(180deg,#101b2b,#0c1724)}.rail-card h3{margin:4px 0 9px;font-size:1rem}.scenario-card>p{margin:0 0 18px;color:#b0bdcc;line-height:1.55;font-size:.79rem}.mini-progress-title{display:flex;justify-content:space-between;gap:10px;color:#a8b7c8;font-size:.72rem}.mini-progress-title b{color:#67dd98}.category-progress{height:7px;margin:8px 0 0;background:#17283b}.category-progress i{background:#42cd91}.guidance-panel{position:static!important;grid-column:auto!important;grid-row:auto!important;padding:18px!important;border-radius:11px!important;background:linear-gradient(180deg,#101b2b,#0c1724)!important;box-shadow:none!important}.guidance-title-row{display:flex;gap:10px;align-items:flex-start}.guidance-title-row h3{margin:3px 0 0}.guidance-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#0f2942;color:#7dd3fc}.guidance-panel .guidance-why{font-size:.78rem;margin:12px 0;color:#b4c0ce}.guidance-panel .guidance-rules{gap:7px;margin:13px 0}.guidance-panel .guidance-rule{padding:8px 9px;border-radius:7px;background:#0a1522;border-color:#20364c}.guidance-panel .guidance-rule p{font-size:.75rem}.guidance-panel .guidance-rule span{width:20px;height:20px;border-radius:5px}.guidance-panel .guidance-more{padding-top:11px}.guidance-panel .guidance-more summary{font-size:.76rem;color:#8fc9ff}.guidance-panel .guidance-more p{font-size:.75rem}.guidance-note{display:none}
.app-quiz .shot,.app-quiz .real-shot,.app-quiz .hotspot-wrap{max-width:760px}.app-quiz .people-grid{gap:.75rem}.app-quiz .person-choice button{font-size:.78rem;padding:.48rem}.app-quiz .visual-stage{margin-bottom:16px}
.concept-start{max-width:980px;margin:42px auto;text-align:left;background:linear-gradient(145deg,#0d1b2d,#0a1422);border-color:#213b57}.concept-start .start-brand{display:flex;align-items:center;gap:11px}.start-brand>div{display:flex;align-items:center;gap:12px}.start-brand strong{line-height:1.05}.start-brand small{color:#7f93aa}.concept-start h1{font-size:clamp(2.2rem,5vw,4.2rem);max-width:780px}.concept-start>p{margin:0 0 24px;text-align:left;max-width:740px}.concept-start .mode-grid{max-width:none}.concept-start .info{max-width:none}
@media(max-width:1180px){.app-topbar{grid-template-columns:210px 190px 1fr}.app-top-actions{display:none}.app-layout{grid-template-columns:220px minmax(0,1fr) 300px}}
@media(max-width:980px){.app-topbar{grid-template-columns:190px 1fr}.app-mode{display:none}.app-progress{grid-column:2}.app-layout{grid-template-columns:minmax(0,1fr) 300px}.areas-panel{display:none}.question-zone{grid-column:1}.right-rail{grid-column:2}}
@media(max-width:760px){.shell{width:100%;margin:0}.app-quiz{border-radius:0;border-left:0;border-right:0}.app-topbar{height:auto;grid-template-columns:1fr;padding:10px 14px;gap:10px}.app-brand{justify-content:center}.app-progress{grid-column:1}.app-layout{grid-template-columns:1fr}.right-rail{grid-column:1;border-left:0;border-top:1px solid #19304b}.question-zone{padding:8px}.concept-question-card{min-height:0;padding:16px}.question-head-row,.question-footer{align-items:flex-start;flex-direction:column}.question-footer .actions{width:100%}.question-footer .actions button{flex:1}.right-rail{padding:8px}.scenario-card{display:none}.guidance-panel{padding:15px!important}.concept-start{margin:10px;border-radius:14px}.start-brand>div{align-items:flex-start;flex-direction:column;gap:2px}}
@media print{.areas-panel,.right-rail,.app-topbar,.micro-tip{display:none!important}.app-layout{display:block}.concept-question-card{border:0;box-shadow:none}}