@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#22322b;background:#f2f0e9;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;--forest: #193b30;--forest-deep: #102a22;--cream: #f7f4ec;--paper: #fffdf8;--clay: #c96748;--gold: #d9a93b;--line: #ddd9ce;--muted: #758078;--shadow: 0 18px 50px rgba(31, 48, 39, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f2f0e9}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:34px 24px 28px;color:#fff;background:var(--forest-deep);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50% 50% 42% 48%;background:var(--clay);color:#fff;font-size:21px;font-weight:700;transform:rotate(-4deg)}.brand-mark.light{background:#f4e3c5;color:var(--forest)}.brand strong{display:block;font-size:20px;letter-spacing:.08em}.brand span{display:block;margin-top:2px;color:#9eb0a7;font-size:9px;letter-spacing:.16em}.main-nav{margin-top:70px;display:grid;gap:8px}.main-nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:10px;color:#a9b8b0;text-decoration:none;font-size:15px}.main-nav a:hover{color:#fff;background:#ffffff0d}.main-nav a.router-link-active{color:#fff;background:#ffffff1c}.nav-icon{width:24px;font-size:21px;text-align:center}.sidebar-tip{margin-top:auto;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a}.sidebar-tip span{color:#d9bd7d;font-size:11px;letter-spacing:.12em}.sidebar-tip p{margin:10px 0 0;color:#c4cec9;font-size:13px;line-height:1.7}.main-area{width:calc(100% - 248px);margin-left:248px}.topbar{height:112px;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f4ecbf}.eyebrow{color:#9a7651;font-size:10px;font-weight:700;letter-spacing:.18em}.light-text{color:#d8bd83}.topbar h1{margin:5px 0 0;font-size:26px;font-weight:600}.user-area{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--forest)}.user-copy{display:grid;min-width:80px}.user-copy strong{font-size:13px}.user-copy span{color:var(--muted);font-size:11px}.text-button{border:0;background:none;color:var(--muted);font-size:12px}.text-button:hover{color:var(--clay)}.page-content{max-width:1440px;margin:0 auto;padding:32px 42px 52px}.stats-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:16px}.stat-card{min-height:116px;padding:24px;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:flex;align-items:center;gap:16px;box-shadow:0 5px 22px #1f302709}.stat-card strong{display:block;font-size:30px;line-height:1;font-weight:600}.stat-card small{display:block;margin-top:8px;color:var(--muted)}.total-card{display:grid;grid-template-columns:1fr auto;color:#fff;background:var(--forest);border-color:var(--forest)}.total-card span{font-size:13px;color:#b8c6bf}.total-card strong{grid-row:span 2;font-size:45px}.total-card small{color:#82998e}.stat-dot{width:43px;height:43px;border-radius:50%;background:#e8e4da;position:relative}.stat-dot:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px solid currentColor;border-radius:3px;transform:rotate(7deg)}.stat-dot.clay{color:var(--clay);background:#f7e7e0}.stat-dot.gold{color:#b88621;background:#f7eed7}.stat-dot.green{color:var(--forest);background:#e1ece6}.import-banner{margin-top:22px;padding:26px 28px;min-height:126px;display:flex;align-items:center;gap:22px;border-radius:14px;background:var(--forest);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.import-banner:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-110px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 34px #ffffff06,0 0 0 68px #ffffff05}.import-icon{width:62px;height:68px;display:grid;place-items:center;border-radius:8px;background:#efe6d2;color:var(--forest);font-weight:700;font-size:14px;text-transform:uppercase;transform:rotate(-3deg)}.import-copy{flex:1;z-index:1}.import-copy h2{margin:5px 0 7px;font-size:20px}.import-copy p{margin:0;color:#b9c9c1;font-size:13px}.import-actions{z-index:1;display:flex;gap:10px}.light-button,.ghost-light-button,.primary-button,.secondary-button{min-height:42px;padding:0 19px;border-radius:8px;border:0;font-weight:600;transition:transform .15s,background .15s}.light-button{background:#f5ead6;color:var(--forest)}.ghost-light-button{border:1px solid rgba(255,255,255,.32);background:transparent;color:#fff}.primary-button{background:var(--forest);color:#fff}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--forest)}.primary-button:not(:disabled):hover,.light-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{transform:translateY(-1px)}.notice{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:30;padding:12px 20px;border-radius:9px;color:#fff;box-shadow:0 9px 30px #00000029;font-size:14px}.notice-success{background:#287052}.notice-warning{background:#a47422}.notice-error{background:#b24937}.import-errors{margin-top:16px;padding:18px 22px;border:1px solid #e5cda4;border-radius:12px;background:#fff8ea}.import-errors>div{display:flex;gap:10px;align-items:baseline}.import-errors span{color:var(--muted);font-size:13px}.import-errors ul{max-height:128px;overflow:auto;margin:12px 0 0;padding-left:20px;color:#8a5631;font-size:13px;line-height:1.8}.library-panel{margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}.panel-heading{padding:24px 26px 20px;display:flex;justify-content:space-between;align-items:end}.panel-heading h2{margin:5px 0 0;font-size:20px}.panel-heading h2 small{margin-left:6px;color:var(--muted);font-size:12px;font-weight:400}.filters{display:flex;gap:9px}.filters select,.search-box{height:39px;border:1px solid var(--line);border-radius:8px;background:#fff}.filters select{padding:0 32px 0 12px;color:#394a42}.search-box{display:flex;overflow:hidden}.search-box input{width:190px;padding:0 0 0 12px;border:0;outline:0;background:transparent}.search-box button{width:40px;border:0;background:transparent;color:var(--muted);font-size:21px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:11px 18px;border-top:1px solid #e9e5dc;border-bottom:1px solid #e9e5dc;color:#879088;background:#faf8f2;font-size:11px;font-weight:600;text-align:left;letter-spacing:.06em}td{padding:17px 18px;border-bottom:1px solid #ece9e1;font-size:13px}tbody tr:last-child td{border-bottom:0}.stem-cell{max-width:600px;font-weight:500;line-height:1.55}.muted-cell{color:var(--muted);font-size:12px}.empty-cell{height:160px;text-align:center;color:var(--muted)}.type-badge{display:inline-flex;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.type-badge.single{color:#a34730;background:#f8e6df}.type-badge.multiple{color:#8b6519;background:#f7edd5}.type-badge.judge{color:#28654e;background:#e0eee7}.danger-link{padding:4px 0;border:0;background:transparent;color:#ae6654;font-size:12px}.pagination{padding:16px 22px;border-top:1px solid #ece9e1;display:flex;align-items:center;justify-content:flex-end;gap:15px;color:var(--muted);font-size:12px}.pagination button{padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#435149}.login-page{display:grid;grid-template-columns:1.08fr .92fr;min-height:100vh}.login-story{min-height:100vh;padding:44px 62px;color:#fff;background:var(--forest-deep);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.login-story:before{width:540px;height:540px;left:-220px;bottom:-250px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}.login-story:after{width:280px;height:280px;right:-120px;top:50px}.story-brand{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.13em;z-index:1}.story-content{margin:auto 0;max-width:600px;z-index:1}.story-content h1{margin:18px 0 24px;font-size:clamp(38px,4vw,64px);line-height:1.3;letter-spacing:-.04em;font-weight:600}.story-content p{max-width:480px;color:#b8c8c0;font-size:16px;line-height:1.9}.story-foot{color:#71867c;font-size:11px;letter-spacing:.22em;z-index:1}.login-panel{padding:50px;display:grid;place-items:center;background:var(--cream)}.login-card{width:min(420px,100%)}.login-heading{margin-bottom:40px}.login-heading h2{margin:9px 0 8px;font-size:30px}.login-heading p{margin:0;color:var(--muted)}.field{display:grid;gap:8px;margin:19px 0}.field span{font-size:12px;font-weight:600}.field input{height:52px;padding:0 15px;border:1px solid var(--line);border-radius:8px;outline:0;background:#fffdf9;transition:border .2s,box-shadow .2s}.field input:focus{border-color:#6c8b7c;box-shadow:0 0 0 3px #2c5c4617}.form-error{color:#b24736;font-size:13px}.form-error.centered{text-align:center}.login-button{width:100%;height:52px;margin-top:12px;display:flex;justify-content:center;align-items:center;gap:20px}.login-hint{color:#9b9e96;font-size:11px;text-align:center}.practice-page{min-height:calc(100vh - 112px);display:grid;place-items:center}.practice-setup{width:min(980px,100%);display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.setup-intro{padding:52px 44px;color:#fff;background:var(--forest);display:flex;flex-direction:column;justify-content:center}.setup-intro h2{margin:12px 0 17px;font-size:31px;line-height:1.35}.setup-intro p{margin:0;color:#b8c8c0;line-height:1.8;font-size:14px}.setup-form{padding:44px}.setting-block>label{display:block;margin-bottom:13px;font-size:12px;font-weight:700}.type-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-choice-grid button{padding:15px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#293a32;text-align:left}.type-choice-grid button.active{border-color:var(--forest);background:#eff5f1;box-shadow:inset 3px 0 var(--forest)}.type-choice-grid strong,.type-choice-grid span{display:block}.type-choice-grid strong{font-size:13px}.type-choice-grid span{margin-top:4px;color:var(--muted);font-size:11px}.count-setting{margin-top:30px;display:grid;grid-template-columns:1fr auto;align-items:center}.count-setting label{grid-column:1 / -1}.count-setting input{width:100%;accent-color:var(--forest)}.count-setting output{margin-left:18px;font-size:24px;font-weight:600}.count-setting output span{font-size:12px;color:var(--muted)}.start-button{width:100%;height:50px;margin-top:26px}.quiz-shell{width:min(900px,100%)}.quiz-progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:19px}.progress-copy strong{font-size:23px}.progress-copy span{color:var(--muted);font-size:12px}.progress-track{height:5px;border-radius:5px;background:#dddcd4;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--clay);transition:width .3s}.score-chip{color:var(--muted);font-size:12px}.question-card{padding:40px 46px 36px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow)}.question-meta{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px}.question-card>h2{margin:21px 0 28px;font-size:22px;line-height:1.65;font-weight:600}.option-list{display:grid;gap:11px}.option-button{min-height:58px;width:100%;padding:10px 15px;display:flex;align-items:center;gap:14px;border:1px solid #dfddd5;border-radius:10px;color:#283830;background:#fff;text-align:left;transition:border .15s,background .15s,transform .15s}.option-button:not(.dimmed):not(.correct):not(.wrong):hover{border-color:#91a79c;transform:translate(2px)}.option-label{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid #dcd9d0;border-radius:7px;color:#68776f;font-weight:600}.option-content{flex:1;line-height:1.55}.option-button.selected{border-color:var(--forest);background:#eef5f1}.option-button.selected .option-label{background:var(--forest);border-color:var(--forest);color:#fff}.option-button.correct{border-color:#5d9b7d;background:#eaf5ee}.option-button.correct .option-label{background:#387558;border-color:#387558;color:#fff}.option-button.wrong{border-color:#d4836e;background:#fbece8}.option-button.wrong .option-label{background:#b8513d;border-color:#b8513d;color:#fff}.option-button.dimmed{opacity:.52}.option-mark{font-size:20px;font-weight:700}.answer-panel{margin-top:22px;padding:18px 20px;border-radius:10px}.answer-correct{background:#eaf5ee;color:#285e45}.answer-wrong{background:#fbede8;color:#8e4233}.answer-title{display:flex;gap:9px;align-items:center}.answer-title>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:currentColor;color:#fff}.answer-panel p{margin:12px 0 0;color:#48564f;font-size:13px;line-height:1.75}.answer-panel p b{margin-right:12px;color:inherit}.question-actions{margin-top:26px;display:flex;justify-content:flex-end}.question-actions .primary-button{min-width:135px}.result-card{width:min(650px,100%);padding:50px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);text-align:center}.result-ring{width:140px;height:140px;margin:0 auto 27px;padding:9px;border-radius:50%;background:conic-gradient(var(--clay) var(--score),#e7e4db 0)}.result-ring>div{width:100%;height:100%;display:grid;place-content:center;border-radius:50%;background:var(--paper)}.result-ring strong{font-size:44px;line-height:1}.result-ring span{color:var(--muted);font-size:12px}.result-card h2{margin:10px 0;font-size:28px}.result-card p{color:var(--muted)}.result-card p strong{color:var(--clay)}.result-actions{margin-top:30px;display:flex;justify-content:center;gap:10px}@media (max-width: 900px){.sidebar{width:78px;padding:28px 14px}.brand>div:last-child,.main-nav a span:last-child,.sidebar-tip{display:none}.brand{justify-content:center}.main-nav a{justify-content:center;padding:12px}.main-area{width:calc(100% - 78px);margin-left:78px}.stats-grid{grid-template-columns:1fr 1fr}.import-banner{flex-wrap:wrap}.import-actions{width:100%;justify-content:flex-end}.practice-setup{grid-template-columns:1fr}}@media (max-width: 640px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:65px;padding:8px 18px;flex-direction:row}.sidebar .brand{display:none}.main-nav{width:100%;margin:0;grid-template-columns:1fr 1fr}.main-nav a{gap:8px;padding:8px;font-size:12px}.main-nav a span:last-child{display:inline}.main-area{width:100%;margin:0 0 65px}.topbar{height:88px;padding:18px 20px}.topbar h1{font-size:21px}.user-copy{display:none}.page-content{padding:20px 15px 34px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:96px;padding:17px}.stat-card strong{font-size:25px}.total-card strong{font-size:36px}.stat-dot{display:none}.import-banner{padding:22px}.import-icon{display:none}.import-actions{justify-content:stretch}.import-actions button{flex:1;padding:0 10px}.panel-heading{align-items:stretch;gap:16px;flex-direction:column}.filters{width:100%}.filters select{max-width:120px}.search-box{flex:1}.search-box input{width:100%;min-width:0}.login-page{grid-template-columns:1fr}.login-story{min-height:250px;padding:28px}.story-content{margin:auto 0 0}.story-content h1{margin:10px 0;font-size:29px}.story-content p,.story-foot{display:none}.login-panel{padding:40px 25px}.login-heading{margin-bottom:28px}.setup-intro,.setup-form{padding:30px 24px}.type-choice-grid{grid-template-columns:1fr}.question-card{padding:27px 20px}.question-card>h2{font-size:18px}.quiz-progress-row{gap:10px}.score-chip{display:none}.result-card{padding:40px 22px}}