:root{font-family:Songti SC,SimSun,serif;color:#292b26;background:#f3f0e8;font-synthesis:none;--ink:#292b26;--muted:#77766d;--paper:#fbfaf5;--red:#9c4035;--jade:#496751;--line:#ded9cd;--shadow:0 18px 50px rgba(62,54,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;max-width:100%;min-height:100vh;overflow-x:hidden;background-color:#f3f0e8;background-image:radial-gradient(circle at 85% 10%,rgba(178,138,65,.13),transparent 25%),linear-gradient(rgba(81,79,68,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,79,68,.035) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px}h1,h2,h3,p{margin-top: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}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:248px;padding:30px 20px;background:#232d27;color:#f7f3e8;border-right:1px solid #344038;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;padding:0 6px 30px;border-bottom:1px solid #3d493f}.brand-seal{display:grid;place-items:center;width:43px;height:43px;border-radius:4px;background:#a44438;color:#fff;font-family:STKaiti,KaiTi,serif;font-size:25px;box-shadow:inset 0 0 0 3px #a44438,inset 0 0 0 4px #ffffff8c}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.08em}.brand small{margin-top:4px;color:#aeb9ae;font-size:11px}.sidebar nav{display:grid;gap:7px;margin-top:28px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:4px;color:#bdc7bd;font-weight:600;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#344439;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #c3914b}.sidebar-note{margin-top:auto;display:flex;gap:10px;padding:16px;background:#1e2621;border:1px solid #3b483e;border-radius:6px;color:#d8ded7;font-size:13px}.sidebar-note small{color:#97a398}.bottom-nav{display:none}#main{margin-left:248px;min-height:100vh}.page{width:min(1080px,calc(100% - 64px));margin:auto;padding:52px 0 80px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:34px}.page-header h1{margin:4px 0 8px;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:clamp(30px,4vw,46px);font-weight:500;letter-spacing:.04em}.page-header p{color:var(--muted);margin:0}.eyebrow{display:block;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.22em}.streak{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff9ea;border:1px solid #e7d5ac;border-radius:30px;color:#994732}.streak strong{font-size:24px}.daily-card,.wheel-card,.editor-card{background:#fbfaf5f2;border:1px solid var(--line);box-shadow:var(--shadow)}.daily-card{position:relative;padding:32px 34px;border-top:4px solid var(--red);display:grid;grid-template-columns:1fr auto;gap:10px 30px}.daily-card h2{font-size:25px;margin:5px 0}.daily-card p{color:var(--muted)}.daily-card .button{grid-column:2;grid-row:1/5;align-self:center}.task-progress{height:7px;background:#e8e3d8;border-radius:8px;overflow:hidden;max-width:570px}.task-progress span{display:block;height:100%;background:linear-gradient(90deg,#48664f,#9c7840)}.task-meta{display:flex;gap:22px;font-size:13px;color:#66675f}.task-meta span{display:flex;gap:6px;align-items:center}.task-meta svg{width:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-weight:700}.button.primary{background:var(--red);color:#fff;box-shadow:0 8px 20px #9c40352e}.button.primary:hover{background:#85352c}.button.secondary{background:#f7f4eb;border-color:#cac3b4}.button.wide{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.wheel-card{margin-top:24px;padding:30px 34px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-heading h2{font-size:23px;margin:4px 0}.element-pill{padding:8px 13px;border:1px solid var(--element);color:var(--element);border-radius:22px;font-size:13px}.wheel-wrap{position:relative;width:min(560px,90vw);height:340px;margin:10px auto 0}.wheel-lines{position:absolute;inset:7%;width:86%;height:86%;overflow:visible}.wheel-lines path{fill:none;stroke:#b5a780;stroke-width:.8;stroke-dasharray:2 2}.wheel-lines .control-line{stroke:#a8aaa0;stroke-dasharray:1 3}.wheel-center{position:absolute;left:50%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f0e3;border:1px solid #d2c6aa;box-shadow:0 8px 28px #453b2a1f}.wheel-center span,.wheel-center small{font-size:10px;color:#827963;letter-spacing:.15em}.wheel-center strong{font-family:STKaiti,KaiTi,serif;font-size:27px}.wheel-node{position:absolute;transform:translate(-50%,-50%);width:91px;height:91px;border-radius:50%;border:1px solid color-mix(in srgb,var(--element) 45%,white);background:color-mix(in srgb,var(--element) 11%,white);color:var(--element);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.wheel-node strong{font-size:27px}.wheel-node span{font-size:11px}.wheel-node.active{background:var(--element);color:#fff;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 25px color-mix(in srgb,var(--element) 24%,transparent)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.stats-row article{display:grid;padding:21px;background:#f9f7f0;border:1px solid var(--line)}.stats-row small,.stats-row span{color:var(--muted);font-size:12px}.stats-row strong{font-size:28px}.stats-row .up{color:var(--jade)}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mode-card{position:relative;min-height:150px;padding:26px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;background:var(--paper);border:1px solid var(--line);transition:.2s}.mode-card>svg:first-child{width:30px;height:30px;color:var(--jade)}.mode-card h2{font-size:19px;margin:0 0 6px}.mode-card p{color:var(--muted);font-size:13px}.mode-card .count{font-size:12px;color:var(--muted)}.mode-card .arrow{position:absolute;right:22px;bottom:22px}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b7aa91}.mode-card.exam{grid-column:1/-1;background:#27342c;color:#f6f2e8}.mode-card.exam p,.mode-card.exam .count{color:#bdc5bc}.chapter-section{margin-top:42px}.chapter-list{display:grid;gap:10px}.chapter-card{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding:19px 22px;background:var(--paper);border-left:4px solid var(--chapter)}.chapter-no{font-size:12px;color:var(--chapter);letter-spacing:.1em}.chapter-card h3{margin:0 0 4px}.chapter-card p{margin:0;color:var(--muted);font-size:12px}.chapter-card>span:last-child{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:12px}.search-box{height:58px;background:#fff;border:1px solid #cfc8bb;display:flex;align-items:center;padding:0 18px;gap:12px}.search-box input{border:0;outline:0;background:transparent;flex:1;min-width:0}.search-box kbd{font:inherit;font-size:11px;color:var(--muted)}.filter-chips{display:flex;gap:8px;overflow:auto;padding:16px 0 22px}.filter-chips button{white-space:nowrap;border:1px solid var(--line);background:#faf8f1;padding:8px 13px;border-radius:20px;cursor:pointer}.filter-chips button.active{background:#324339;color:#fff;border-color:#324339}.knowledge-list{display:grid;gap:12px}.knowledge-card{background:var(--paper);border:1px solid var(--line)}.knowledge-card summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:22px;cursor:pointer}.knowledge-card summary::-webkit-details-marker{display:none}.knowledge-card h2{font-size:18px;margin:0 0 7px}.knowledge-card summary p{margin:0;color:#555950;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.priority{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-weight:700}.priority-S{background:#f4dfda;color:#963c32}.priority-A{background:#e5eadf;color:#426147}.priority-B{background:#eeeae0;color:#767164}.tags{display:flex;gap:7px;margin-top:10px;color:#827866;font-size:11px}.knowledge-body{padding:2px 70px 24px;border-top:1px dashed var(--line)}.knowledge-body h3{font-size:13px;margin:20px 0 6px;color:var(--red)}blockquote{margin:12px 0;padding:12px 16px;background:#f3eddf;border-left:3px solid #b8914f;color:#635b4b}.source{font-size:12px;color:var(--muted)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state svg{width:42px;height:42px}.empty-state h2{color:var(--ink)}.quiz-page{width:min(850px,calc(100% - 40px));margin:auto;padding:28px 0 80px}.quiz-top{display:grid;grid-template-columns:42px 1fr auto;gap:18px;align-items:center;margin-bottom:26px}.quiz-top>a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:var(--paper)}.quiz-top small{color:var(--muted)}.quiz-top>strong{font-size:21px}.quiz-progress{height:5px;background:#ded9ce;margin-top:9px}.quiz-progress span{display:block;height:100%;background:var(--jade)}.question-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:34px}.question-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}.question-meta>span{padding:5px 9px;background:#f0ede5}.favorite{margin-left:auto;border:0;background:transparent;display:flex;gap:5px;align-items:center;cursor:pointer}.favorite.active{color:var(--red)}.question-card>h1{font-size:23px;line-height:1.65;margin:24px 0}.answer-tip{color:var(--red);font-size:12px}.option-list{display:grid;gap:11px}.option-list button{min-height:60px;padding:10px 16px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;text-align:left;background:#fff;border:1px solid #d8d2c6;cursor:pointer}.option-list button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eeebe3}.option-list button p{margin:0}.option-list button.selected{border-color:var(--jade);background:#f0f5ef}.option-list button.selected>span{background:var(--jade);color:#fff}.order-list{padding:0;display:grid;gap:10px;counter-reset:item}.order-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid var(--line)}.order-list li>span{display:grid;place-items:center;width:30px;height:30px;background:#31443a;color:#fff}.order-list p{margin:0}.order-list button{border:0;background:#f0ede5;padding:7px;cursor:pointer}.order-list button:disabled{opacity:.25}.match-list{display:grid;gap:10px}.match-list label{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--line)}select,input,textarea{border:1px solid #cbc5b8;background:#fff;padding:12px;min-height:46px;border-radius:2px}textarea{resize:vertical}.answer-panel{margin-top:24px;padding:22px;border-left:4px solid}.answer-panel.correct{background:#edf4ed;border-color:#4d7458}.answer-panel.wrong{background:#f9ebe8;border-color:#a54539}.result-title{display:flex;gap:9px;align-items:center;margin-bottom:12px}.answer-panel h2{font-size:13px;margin:18px 0 5px}.quiz-actions{margin-top:24px}.retry-link{display:flex;align-items:center;gap:6px;margin:18px auto;border:0;background:transparent;color:var(--muted);cursor:pointer}.editor-card{padding:30px;display:grid;gap:21px}.editor-card label{display:grid;gap:7px}.editor-card label>span,.editor-card legend{font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-card fieldset{border:0;padding:0;margin:0}.segmented{display:flex;margin-top:8px}.segmented label{flex:1}.segmented input{position:absolute;opacity:0}.segmented span{display:grid;place-items:center;min-height:46px;border:1px solid var(--line);cursor:pointer}.segmented input:checked+span{background:#34463b;color:#fff;border-color:#34463b}.photo-field,.draft-question{padding:20px;background:#f4f0e7;border:1px dashed #c9c0af}.photo-field h2,.draft-question h2{display:flex;gap:8px;align-items:center;font-size:16px;margin-bottom:6px}.photo-field p{color:var(--muted);font-size:12px}.photo-drop{min-height:100px!important;place-items:center;border:1px dashed #a9a08f;background:#faf8f2;cursor:pointer}.photo-drop input{position:absolute;opacity:0;pointer-events:none}.photo-preview{position:relative;width:180px}.photo-preview img{display:block;width:100%;max-height:180px;object-fit:cover}.photo-preview button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;background:#fff}.switch{display:flex!important;grid-template-columns:auto 1fr;align-items:center!important}.switch input{position:absolute;opacity:0}.switch>span:first-of-type{width:43px;height:24px;background:#aaa;border-radius:20px;position:relative}.switch>span:first-of-type:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--jade)}.switch input:checked+span:after{left:22px}.toast{position:fixed;z-index:40;right:24px;bottom:24px;background:#2d4235;color:#fff;padding:14px 20px;box-shadow:var(--shadow)}.review-summary{display:flex;gap:12px;margin-bottom:20px}.review-summary span{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--paper);border:1px solid var(--line)}.review-list{display:grid;gap:12px}.review-list article{display:grid;grid-template-columns:1fr auto;gap:20px;padding:23px;background:var(--paper);border:1px solid var(--line)}.kind,.status{display:inline-block;font-size:11px;padding:4px 8px;margin-right:6px;background:#e3eadf;color:#3f6045}.status{background:#eee7d6;color:#7d653b}.review-main h2{font-size:17px;margin:12px 0 8px}.review-main p{font-size:12px;color:var(--muted);margin:0}.review-actions{display:flex;align-items:center;gap:8px}.review-actions button{display:flex;align-items:center;gap:5px;min-height:40px;border:1px solid var(--line);background:#fff;cursor:pointer}.review-actions .publish{background:var(--red);color:#fff;border-color:var(--red)}.settings-list{display:grid;gap:12px}.settings-list article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px;background:var(--paper);border:1px solid var(--line)}.settings-icon{display:grid;place-items:center;width:48px;height:48px;background:#e8eee8;color:var(--jade)}.settings-list h2{font-size:17px;margin:0 0 5px}.settings-list p{font-size:13px;color:var(--muted);margin:0 0 5px}.settings-list small{color:#99958c}.healthy{display:flex;gap:5px;color:var(--jade)}.import-report,.danger-note{display:flex;gap:12px;margin-top:18px;padding:18px;background:#edf4ec;border:1px solid #cddccb}.import-report p{margin:0}.danger-note{display:block;background:#f6f0df;border-color:#e1d3ad}.danger-note h2{font-size:15px}.danger-note p{font-size:13px;margin:0;color:#6b624f}@media(max-width:800px){.sidebar{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:30;left:0;right:0;bottom:0;padding:7px max(4px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:#faf8f2f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.bottom-nav a{display:flex;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#77766f;font-size:10px}.bottom-nav a.active{color:var(--red)}.bottom-nav svg{width:20px}.bottom-nav a:nth-child(4){margin-top:-22px;width:55px;height:55px;justify-self:center;border-radius:50%;background:#9c4035;color:#fff;box-shadow:0 6px 15px #6432283d}#main{margin:0}.page{width:calc(100% - 30px);padding:28px 0 100px}.page-header{margin-bottom:25px}.page-header h1{font-size:32px}.page-header p{font-size:13px}.streak{padding:8px}.daily-card{display:block;padding:24px}.daily-card .button{width:100%;margin-top:20px}.task-progress{margin:18px 0}.task-meta{justify-content:space-between;gap:6px}.wheel-card{padding:23px 10px}.section-heading{padding:0 10px}.wheel-wrap{height:310px}.wheel-node{width:72px;height:72px}.wheel-node strong{font-size:23px}.wheel-node span{font-size:9px}.wheel-center{width:82px;height:82px}.stats-row,.mode-grid{grid-template-columns:1fr}.mode-card.exam{grid-column:auto}.chapter-card{grid-template-columns:35px 1fr}.chapter-card>span:last-child{grid-column:2}.knowledge-body{padding:2px 20px 20px}.quiz-page{width:100%;padding:15px 15px 100px}.question-card{padding:21px 17px}.question-card>h1{font-size:19px}.question-meta{gap:6px}.favorite{font-size:0}.option-list button{min-height:58px}.match-list label{grid-template-columns:1fr}.match-list label>svg{transform:rotate(90deg);justify-self:center}.form-grid{grid-template-columns:1fr}.editor-card{padding:20px}.review-list article{grid-template-columns:1fr}.review-actions{display:grid;grid-template-columns:repeat(3,1fr)}.review-actions button{justify-content:center}.settings-list article{grid-template-columns:auto 1fr}.settings-list article>.button,.settings-list article>.healthy{grid-column:1/-1}.settings-list .button{width:100%}.review-summary{overflow:auto}.toast{left:15px;right:15px;bottom:90px}.element-pill{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.exam-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:24px}.question-map{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:18px;max-height:132px;overflow:auto}.question-map button{aspect-ratio:1;border:1px solid var(--line);background:#fff;font-size:11px;cursor:pointer}.question-map button.answered{background:#dfeadf;border-color:#77927c}.question-map button.current{outline:2px solid var(--red)}.timer{font-variant-numeric:tabular-nums;color:var(--red)}.exam-result>h1{font-size:58px;margin-bottom:4px}.exam-review{display:grid;gap:7px;margin:25px 0;max-height:55vh;overflow:auto}.exam-review details{padding:12px;border:1px solid var(--line)}.exam-review summary{cursor:pointer}.exam-review summary strong{float:right}.exam-review .ok{color:var(--jade)}.exam-review .bad{color:var(--red)}.modal-backdrop{position:fixed;z-index:60;inset:0;background:#1c201c94;display:grid;place-items:center;padding:20px}.preview-modal{position:relative;width:min(650px,100%);max-height:85vh;overflow:auto;background:var(--paper);padding:30px;box-shadow:0 30px 80px #00000040}.preview-modal pre{font:inherit;font-size:14px;white-space:pre-wrap;line-height:1.7}.preview-modal h3{font-size:13px;color:var(--red);margin:20px 0 5px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.settings-buttons{display:flex;gap:6px;flex-wrap:wrap}.settings-buttons .button{padding:0 12px;font-size:12px}@media(max-width:800px){.question-map{grid-template-columns:repeat(8,1fr)}.exam-nav{grid-template-columns:1fr 1fr}.exam-nav .primary{grid-column:1/-1}.preview-modal{padding:24px 18px}.settings-buttons{grid-column:1/-1}.settings-buttons .button{flex:1}}.offline-status{position:fixed;z-index:50;right:18px;top:15px;display:flex;align-items:center;gap:7px;max-width:330px;padding:9px 13px;border:1px solid #c9d7c9;background:#eff6ee;color:#355d40;box-shadow:0 8px 24px #323c3217;font:600 12px/1.3 system-ui,sans-serif}.offline-status.offline{background:#fff4dc;border-color:#e0c98e;color:#765817}.offline-status.update{background:#f7e8e4;border-color:#ddb6ad;color:#8a3c32}.offline-status.downloading svg{animation:pulse 1.4s infinite}.mode-switch{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:18px 22px;background:#f9f6ec;border:1px solid var(--line)}.mode-switch p{margin:4px 0 0;color:var(--muted);font-size:12px}.mode-switch .switch{display:flex;gap:9px}.course-badge{display:inline-block;margin:18px 0 -12px;padding:5px 9px;background:#f4ead2;color:#765c2a;font-size:12px}.save-error{margin-top:15px;padding:11px 13px;background:#f9e8e5;color:#923c31;border-left:3px solid #a44438}.inline-message{padding:12px 14px;background:#edf4ec;border:1px solid #cddccb;color:#355b3e}.history-list{display:grid;gap:12px}.history-card{width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px;text-align:left;background:var(--paper);border:1px solid var(--line);cursor:pointer}.history-card:hover{border-color:#b7aa91;box-shadow:var(--shadow)}.history-card h2{font-size:17px;margin:10px 0 7px}.history-card p{display:flex;gap:8px;align-items:center;margin:0;color:var(--muted);font-size:12px}.history-card p svg{width:15px}.history-score{text-align:right}.history-score strong,.history-score small{display:block}.history-score strong{font-size:27px;color:var(--jade)}.history-score small{margin-top:5px;color:var(--muted)}.history-modal{width:min(780px,100%)}.history-detail{display:grid;gap:9px}.history-detail article{padding:15px;background:#fff;border:1px solid var(--line)}.history-detail h3{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.6;margin-bottom:8px}.history-detail h3 svg{flex:0 0 auto;margin-top:2px}.history-detail p{margin:4px 0;font-size:13px}.history-detail small{color:var(--muted)}.share-grid{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:22px}.qr-card,.install-steps article{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.qr-card{padding:28px;text-align:center}.qr-card img{display:block;width:min(290px,100%);margin:20px auto}.qr-card code{display:block;overflow-wrap:anywhere;font:12px/1.5 system-ui,sans-serif;color:var(--muted)}.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}.share-actions .button{font-size:12px}.install-steps{display:grid;gap:12px}.install-steps article{display:flex;gap:16px;padding:22px}.install-steps article>svg{flex:0 0 auto;width:28px;height:28px;color:var(--jade)}.install-steps h2{font-size:18px;margin-bottom:8px}.install-steps p,.install-steps li{color:#5f625b;font-size:13px;line-height:1.7}.install-steps ol{margin:0;padding-left:20px}.conflict-list{margin-top:15px;padding:18px;background:#fff4dc;border:1px solid #e0c98e}.conflict-list h2{font-size:15px}.conflict-list p{font-size:12px;margin:5px 0}.inline-message+button{margin-top:10px}@keyframes pulse{50%{opacity:.45}}@media(max-width:800px){.offline-status{position:sticky;top:0;right:auto;justify-content:center;max-width:none;width:100%;border-left:0;border-right:0}.mode-switch{align-items:flex-start;flex-direction:column}.share-grid,.history-card{grid-template-columns:1fr}.history-score{text-align:left}.bottom-nav a:nth-child(4){margin-top:0;width:auto;height:auto;border-radius:0;background:transparent;color:#77766f;box-shadow:none}.bottom-nav a:nth-child(5){margin-top:-22px;width:55px;height:55px;justify-self:center;border-radius:50%;background:#9c4035;color:#fff;box-shadow:0 6px 15px #6432283d}}.offline-status button{border:0;background:var(--red);color:#fff;padding:5px 8px;cursor:pointer;font:inherit;white-space:nowrap}