@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&display=swap";
.flow-controls{background:#fcfdf9;border-bottom:1px solid #e4eade;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 17px;font-size:10px;display:flex}.flow-controls label{align-items:center;gap:6px;display:flex}.flow-controls input{accent-color:#56845b}.flow-controls button{background:#fff;border:1px solid #dce4d5;border-radius:6px;padding:5px 8px;font-size:10px}.flow-controls>span{color:#8c9c83;margin-left:auto}.dc-model-note{color:#91a07f;margin:0 20px 18px;font-size:10px;line-height:1.8}.logic-lab{background:#fcfdf9;padding:21px 18px}.logic-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.logic-heading h2{margin:7px 0;font-size:19px}.logic-heading p{color:#8a9c81;font-size:11px}.gate-picker{flex-wrap:wrap;gap:6px;margin:17px 0;display:flex}.gate-picker button{background:#fff;border:1px solid #dfe8d9;border-radius:7px;padding:8px 10px;font-size:11px}.gate-picker button.selected{color:#fff;background:#387855;border-color:#387855}.logic-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logic-controls>button{color:#778e6c;background:#edf2e8;border:1px solid #d4e0ce;border-radius:7px;padding:9px 10px;font-size:11px}.logic-controls>button.high{color:#fff;background:#347b53}.logic-controls label{color:#7f9275;align-items:center;gap:8px;font-size:10px;display:flex}.logic-controls select{background:#fff;border:1px solid #d6e2cf;border-radius:6px;padding:8px}.logic-canvas{border:1px solid #e1e9da;border-radius:11px;width:100%;min-height:280px;margin-top:16px;display:block}.wiring-details{margin-top:12px;font-size:11px}.wiring-details table{text-align:left;border-collapse:collapse;width:100%;font-size:9px}.wiring-details td{word-break:break-word;border-bottom:1px solid #dfe8d8;padding:6px}.wiring-details a{color:#327452;text-decoration:underline}.logic-bottom{grid-template-columns:160px 1fr;gap:18px;margin-top:18px;display:grid}.logic-bottom h3{margin:0 0 9px;font-size:12px}.logic-bottom table{border-collapse:collapse;text-align:center;background:#fff;width:100%;font-size:12px}.logic-bottom th{background:#eaf1e4;padding:7px;font-weight:500}.logic-bottom td{border-bottom:1px solid #e3ebdc;padding:6px}.logic-bottom tr.active{color:#346a3c;background:#e6f2dd;font-weight:600}.logic-bottom tr{cursor:pointer}.logic-bottom td button{color:inherit;background:0 0;border:0;padding:0 10px}.logic-explanation p{color:#768c66;margin:8px 0;font-size:11px;line-height:1.8}.logic-explanation small{color:#99a48c;font-size:9px;line-height:1.8}.logic-explanation .load-warning{color:#a07834;background:#fff3dd;border-radius:6px;padding:8px}.logic-current{animation:1s linear infinite wire-drift}.signal-flow{stroke-dasharray:8 5;animation:.8s linear infinite wire-drift}@keyframes wire-drift{0%{stroke-dashoffset:38px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.logic-current,.signal-flow,.flow-overlay path{animation:none!important}}@media (max-width:600px){.logic-heading{align-items:flex-start}.logic-heading h2{font-size:16px}.logic-heading .button{padding:8px;font-size:9px}.logic-bottom{grid-template-columns:110px 1fr;gap:12px}.logic-lab{padding:16px 12px}.flow-controls>span{margin-left:0}.logic-canvas{min-height:200px}}.studio-tools{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 30px 14px;display:flex}.dc-values{margin-top:12px}.dc-values table{border-collapse:collapse;text-align:left;width:100%;margin:8px 0;font-size:9px}.dc-values th,.dc-values td{border-bottom:1px solid #e5ebde;padding:6px 3px}.dc-values summary{cursor:pointer;color:#597d4b}.resistor-presets{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.resistor-presets button{color:#6a855b;background:#fff;border:1px solid #dce6d4;border-radius:5px;padding:4px 6px;font-size:10px}.studio-tools>div{flex-wrap:wrap;gap:7px;display:flex}.studio-tools button,.studio-tools select,.speed-select{color:#496a50;background:#fff;border:1px solid #d9e2d6;border-radius:6px;padding:8px 11px;font-size:11px}.studio-tools button span{color:#8d9d83;margin-left:5px}.intent-tabs{background:#eff4eb;border-radius:8px;gap:3px;margin-bottom:10px;padding:3px;display:flex}.intent-tabs button{color:#77906b;background:0 0;border:0;border-radius:6px;flex:1;padding:7px 4px;font-size:10px}.intent-tabs button.chosen{color:#356d46;background:#fff;box-shadow:0 1px 3px #29442515}.chat-message{white-space:pre-wrap}.request-status{color:#47855c;font-size:10px}.electrical-summary{background:#fafbf7;border:1px solid #e4ebdc;border-radius:8px;margin-top:15px;padding:12px;font-size:10px}.electrical-summary>span{float:right;color:#7f9672}.electrical-summary p{color:#64805b;margin:8px 0;font-size:11px;line-height:1.7}.electrical-summary small{color:#99a28e;font-size:9px;line-height:1.7}.history-list{max-height:330px;margin-top:16px;overflow:auto}.history-list button{text-align:left;background:#fcfdf9;border:1px solid #e4eadd;border-radius:6px;width:100%;margin-bottom:6px;padding:13px;display:block}.history-list button.current{background:#edf5e5;border-color:#94b580}.history-list small{color:#8a9a7c;margin-top:5px;display:block}.candidate-parts{flex-wrap:wrap;gap:7px;display:flex}.candidate-parts span{background:#eef4e9;border-radius:6px;padding:8px;font-size:11px}.candidate-warning{background:#fff4df;border-radius:5px;padding:8px}.chat-history{color:#7b926e;margin:10px 0;font-size:11px}.chat-history p{white-space:pre-wrap;border-bottom:1px solid #e3eadd;padding-bottom:9px;line-height:1.8}.speed-select{padding:4px;font-size:10px}@media (max-width:1200px){.studio-tools{margin:0 16px 14px}}@media (max-width:600px){.studio-tools{margin:0 10px 12px}.studio-tools button,.studio-tools select{padding:7px;font-size:10px}}:root{--green:#28735b;--ink:#243b32;--muted:#7e8d85;--border:#e5eae6}*{box-sizing:border-box}body{color:var(--ink);background:#f5f7f4;margin:0;font-family:Noto Sans TC,sans-serif;font-size:13px}button,input,textarea{font:inherit}button{cursor:pointer;transition:background .16s,transform .16s}button:hover{filter:brightness(.96)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #36a881}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.rail{border-right:1px solid var(--border);background:#fdfefd;flex-direction:column;flex-shrink:0;align-items:center;gap:17px;width:72px;padding:21px 0;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:13px;margin-bottom:34px;padding:10px;display:flex}.rail-button{color:#849389;background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.rail-button.active{color:var(--green);background:#e7f0e9}.rail-bottom{justify-items:center;gap:20px;margin-top:auto;display:grid}.avatar{color:#777e52;background:#e7ead9;border-radius:50%;padding:8px 14px;font-weight:700}.main{flex:1;min-width:0}header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:40px;height:83px;padding:0 30px;display:flex}.wordmark{letter-spacing:-1px;font-size:24px;font-weight:700}.wordmark span{color:#408969}.wordmark small{letter-spacing:1.5px;color:#8b958c;margin-top:2px;font-size:10px;font-weight:400;display:block}.crumb{color:#8b958e;align-items:center;gap:12px;font-size:12px;display:flex}.header-right{align-items:center;gap:24px;margin-left:auto;display:flex}.status{color:#a49169;font-size:11px}.status.online{color:#5e9479}.icon-button{color:#728179;background:0 0;border:0;align-items:center;gap:7px;display:flex}.project-bar{justify-content:space-between;align-items:center;gap:15px;padding:30px 30px 27px;display:flex}.eyebrow{letter-spacing:2.2px;color:#7b9383;margin-bottom:8px;font-size:9px;font-weight:600}.project-title{letter-spacing:.2px;color:var(--ink);background:0 0;border:0;width:360px;padding:0;font-size:23px;font-weight:600}.project-bar p{color:#8b968e;margin:8px 0 0;font-size:12px}.actions{align-items:center;gap:10px;display:flex}.saved{color:#899a8d;margin-right:6px;font-size:10px}.button{white-space:nowrap;background:#fff;border:1px solid #dce3dd;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:inline-flex}.button.dark{color:#fff;background:#285b47;border-color:#285b47}.workspace{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:205px minmax(420px,1fr) 300px;min-height:690px;margin:0 30px;display:grid;overflow:hidden}.library{border-right:1px solid var(--border);flex-direction:column;padding:23px 16px;display:flex}.panel-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-heading h3{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.panel-heading>span{color:#88978c;background:#eff3ef;border-radius:5px;padding:3px 6px;font-size:10px}.muted{color:#95a098;margin:10px 0 25px;font-size:10px}.section-label{color:#92a095;margin-bottom:11px;font-size:10px}.component-card{text-align:left;background:#fff;border:1px solid #e6eae5;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:9px;padding:12px 9px;display:flex}.component-card>svg{color:#abb7ac;margin-left:auto}.component-card b{font-size:11px;font-weight:500;display:block}.component-card small{color:#97a397;margin-top:4px;font-size:10px;display:block}.component-symbol{color:#667d66;background:#f0f3ed;border-radius:6px;place-items:center;width:34px;height:36px;font-size:25px;display:grid}.component-symbol.led{color:#a6823b;background:#fff5e5}.component-symbol.power{color:#7891b1;background:#ecf1f8}.datasheet{background:#fafbf7;border:1px dashed #cfdccc;border-radius:8px;margin-top:24px;padding:14px 10px}.datasheet>div{align-items:center;gap:7px;display:flex}.datasheet b{font-size:10px}.datasheet p{color:#98a18f;font-size:10px;line-height:1.9}.datasheet .button{width:100%;padding:8px;font-size:10px}.datasheet small{word-break:break-all;margin-top:8px;display:block}.library-bottom{color:#9aa99b;margin-top:auto;padding-top:28px;font-size:9px}.library-groups{gap:5px;margin-bottom:12px;display:flex}.library-groups button{background:#fff;border:1px solid #dce5d7;border-radius:6px;flex:1;padding:7px 5px;font-size:10px}.library-groups button.active{color:#fff;background:#387858;border-color:#387858}.component-list{max-height:470px;padding-right:4px;overflow:auto}.component-search{color:#52744d;background:#fff;border:1px solid #dde6d6;border-radius:6px;width:100%;margin-bottom:10px;padding:9px;font-size:10px}.datasheet-link{color:#387955;margin:8px 0;font-size:10px;text-decoration:underline;display:block}.component-list .component-symbol{font-size:18px}.properties p{color:#7f9572;font-size:9px;line-height:1.8}.digital-summary p{font-size:10px}.digital-summary b{color:#40875c}.tiny-dot{background:#719879;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.editor{background:#fff;min-width:0}.editor-tabs{border-bottom:1px solid var(--border);align-items:stretch;gap:16px;height:56px;padding:0 17px;display:flex}.editor-tabs>button{color:#97a397;background:0 0;border:0;align-items:center;gap:7px;padding:0 3px;font-size:11px;display:flex;position:relative}.editor-tabs>button.selected{color:#357452}.editor-tabs>button.selected:after{content:"";background:#357452;height:2px;position:absolute;bottom:0;left:0;right:0}.beta{color:#8d998d;border:1px solid #e3e8df;border-radius:3px;padding:1px 4px;font-size:8px}.editor-info{color:#9aa59c;white-space:nowrap;align-self:center;margin-left:auto;font-size:9px}.editor-info span{margin:0 5px}.canvas-area{background:#fafcfb;position:relative}.canvas-toolbar{z-index:1;background:#fff;border:1px solid #dfe7df;border-radius:8px;padding:4px;display:flex;position:absolute;top:17px;left:17px;box-shadow:0 3px 8px #253d3106}.canvas-toolbar button{color:#7e9283;background:#fff;border:0;border-radius:5px;place-items:center;width:32px;height:31px;display:grid}.canvas-toolbar button.tool-active{color:#397556;background:#eaf2e9}.canvas-toolbar>span{background:var(--border);width:1px;margin:5px}.canvas-label{color:#97a99a;pointer-events:none;font-size:9px;position:absolute;top:68px;left:20px}.circuit-canvas{touch-action:none;width:100%;height:445px;display:block}.canvas-footer{color:#98a79d;justify-content:space-between;align-items:center;height:30px;padding:0 18px;font-size:9px;display:flex}.divider{color:#d2d9d1;margin:0 8px}.playback{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:17px 19px;display:flex}.play-button{color:#fff;background:#367458;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.playback-text{min-width:130px}.playback-text b{font-size:11px;font-weight:500;display:block}.playback-text small{color:#9aa79c;margin-top:5px;font-size:9px;display:block}.playback input{accent-color:#568663;width:100%;min-width:30px;height:3px}.step-count{white-space:nowrap;color:#8a9a8d;font-size:9px}.playback .button{padding:8px;font-size:10px}.learning-note{background:#f7f9f1;border:1px solid #e9eddf;border-radius:8px;gap:12px;margin:20px;padding:14px;display:flex}.note-icon{color:#98a35b;padding:4px}.learning-note b{color:#72804d;font-size:11px;font-weight:500}.learning-note p{color:#849071;margin:6px 0 0;font-size:11px;line-height:1.9}.assistant-panel{border-left:1px solid var(--border);flex-direction:column;display:flex}.assistant-panel>.panel-heading{border-bottom:1px solid var(--border);height:56px;padding:19px}.assistant-panel .ai-badge{letter-spacing:1px;color:#659277;background:#eef5ee;font-size:8px}.assistant-content{flex:1;max-height:515px;padding:23px 20px;overflow:auto}.mentor-icon{color:#658967;background:#edf3e9;border-radius:12px;place-items:center;width:39px;height:39px;margin-bottom:13px;display:grid}.assistant-content h2{letter-spacing:.3px;margin:0 0 9px;font-size:17px;font-weight:500}.intro{color:#919c91;margin:0;font-size:11px;line-height:1.95}.chat-message{color:#647761;background:#f4f7f2;border-radius:0 10px 10px;margin-top:19px;padding:14px;font-size:11px;line-height:1.95}.example-card{background:linear-gradient(135deg,#fff,#f8faf4);border:1px solid #e1e9dc;border-radius:9px;margin-top:18px;padding:15px}.example-card>span{letter-spacing:1px;color:#8a9a7b;margin-bottom:8px;font-size:8px;display:block}.example-card b{font-size:12px;font-weight:500}.example-card p{color:#9aa28e;font-size:10px;line-height:1.8}.example-card button{color:#5c875d;background:0 0;border:0;border-top:1px solid #e8eddf;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:11px 0 0;font-size:10px;display:flex}.check-button{color:#7a8e75;background:#fff;border:1px solid #e3e9df;border-radius:7px;align-items:center;gap:7px;width:100%;margin-top:19px;padding:12px;font-size:10px;display:flex}.check-button svg:last-child{margin-left:auto}.check-result{background:#f6f7ee;border-radius:8px;margin-top:10px;padding:12px;font-size:11px;line-height:1.8}.check-result small{color:#919478;font-size:9px}.prompt-area{border-top:1px solid var(--border);padding:16px}.prompt-area>label{color:#6f846e;font-size:10px}.prompt-box{background:#fdfefb;border:1px solid #dce4d8;border-radius:9px;margin-top:8px;padding:10px}.prompt-box textarea{resize:vertical;color:#728268;background:0 0;border:0;width:100%;min-height:54px;font-size:11px;line-height:1.7}.prompt-box>div{justify-content:space-between;align-items:center;display:flex}.prompt-box span{color:#a0ab96;font-size:8px}.prompt-box button{color:#fff;background:#376c4f;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.prompt-area>small{text-align:center;color:#a9b09f;margin-top:10px;font-size:8px;display:block}footer{color:#99a496;justify-content:space-between;padding:18px 31px;font-size:9px;display:flex}footer span span{color:#c5ccc0;margin:0 10px}.properties{background:#f4f7f1;border-radius:7px;margin-top:15px;padding:12px;font-size:11px}.properties label{color:#8e9b84;margin-top:8px;display:block}.properties input{border:1px solid #d7e1d1;border-radius:5px;width:100%;margin-top:5px;padding:8px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#193a3060;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(560px,100%);max-height:85vh;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 90px #18382930}.modal h2{margin:0 0 18px;font-size:22px}.modal p,.modal li{color:#758775;font-size:13px;line-height:1.9}.modal li{margin-bottom:10px}.close{position:absolute;top:16px;right:16px}.export-option{text-align:left;background:#f9fbf6;border:1px solid #dfe8db;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:13px;padding:17px;display:flex}.export-option span{color:#91a085;margin-left:auto;font-size:10px}.limitation{background:#fbf5e9;border-radius:8px;padding:12px}.circuit-canvas path{cursor:pointer}@media (min-width:1550px){.workspace{grid-template-columns:225px minmax(500px,1fr) 330px;min-height:760px}.circuit-canvas{height:510px}.assistant-content{max-height:580px}}@media (max-width:1200px){.workspace{grid-template-columns:175px minmax(350px,1fr) 265px;margin:0 16px}.project-bar{padding:24px 17px}.saved,.crumb,.editor-info{display:none}.playback{gap:8px;padding:12px}.playback-text{min-width:105px}.playback .button{font-size:9px}.project-title{width:330px;font-size:20px}.component-card{gap:6px;padding:10px 6px}.component-symbol{width:28px}.assistant-content{padding:20px 15px}header{padding:0 20px}}@media (max-width:960px){.rail{width:56px}.workspace{grid-template-columns:165px minmax(320px,1fr)}.assistant-panel{border-left:0;border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.assistant-panel>.panel-heading{grid-column:1/-1}.assistant-content{max-height:400px}.prompt-area{border:0;align-self:end}.header-right .status{display:none}.actions{gap:5px}.project-bar{flex-wrap:wrap;align-items:flex-start}.canvas-label{font-size:8px}footer{gap:10px}.component-card b{font-size:10px}}@media (max-width:600px){.rail{display:none}header{height:70px;padding:0 16px}.header-right .icon-button{font-size:10px}.wordmark{font-size:21px}.workspace{flex-direction:column;margin:0 10px;display:flex}.library{border-right:0;padding:14px;display:block}.library .muted,.section-label,.datasheet,.library-bottom{display:none}.panel-heading{margin-bottom:10px}.component-card{width:calc(33.33% - 5px);margin:0 5px 5px 0;display:inline-flex}.component-card>svg,.component-card small{display:none}.component-symbol{width:22px;height:25px;font-size:18px}.component-card b{font-size:9px}.project-title{width:100%;font-size:20px}.circuit-canvas{height:350px}.editor-tabs{gap:12px}.assistant-panel{display:block}.assistant-content{max-height:none}.prompt-area{padding:20px}.assistant-panel>.panel-heading{margin:0}.playback-text{min-width:110px}.playback .button{display:none}.project-bar{padding:22px 15px}.actions{margin-top:5px}.learning-note{margin:13px}.canvas-footer{font-size:8px}footer{padding:18px 14px;font-size:8px}footer>span:last-child{display:none}}
.account-modal{max-height:90vh;overflow:auto;max-width:800px!important}.account-modal label,.source-controls label{flex-direction:column;gap:6px;margin:10px 0;font-size:13px;display:flex}.account-modal input:not([type=checkbox]),.account-modal select,.source-controls input,.source-controls select{font:inherit;background:#fff;border:1px solid #cddcd2;border-radius:7px;width:100%;padding:10px}.account-modal form{gap:8px;display:grid}.account-modal details{border-bottom:1px solid #dce5df;margin:18px 0;padding:12px 0}.account-create{grid-template-columns:1fr 1fr}.account-create .button{align-self:end}.account-button{white-space:nowrap}.source-controls{background:#f1f6ef;border-radius:10px;margin:15px 0;padding:12px}.source-controls p{font-size:11px;line-height:1.6}.switch-positions{gap:6px;margin:12px 0;display:flex}.switch-positions button{color:#4a7159;cursor:pointer;background:#fff;border:1px solid #cad9cf;border-radius:7px;padding:9px}.switch-positions .chosen{color:#fff;background:#3d7759}.momentary-button[aria-pressed=true]{color:#fff;background:#3d7759;box-shadow:inset 0 2px 5px #284d39}.gate-details{background:#f1f6ef;border-radius:10px;margin:15px 0;padding:14px}.gate-details table{border-collapse:collapse;text-align:center;width:100%;margin:10px 0;font-size:13px}.gate-details th,.gate-details td{border:1px solid #d1dfd4;padding:7px}.active-truth{background:#c9e6c8;font-weight:700}.gate-details small{color:#67806b;font-size:11px;display:block}.gate-details button{margin:4px}.course-browser{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.course-browser span{color:#69826d;font-size:12px}.course-card-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.course-card-grid button{text-align:left;cursor:pointer;color:#315640;background:#f4f8f1;border:1px solid #d7e3d4;border-radius:12px;padding:20px}.course-card-grid button:hover{border-color:#5b936b;box-shadow:0 4px 10px #dfe7dd}.course-card-grid h3{margin:10px 0;font-size:17px}.course-card-grid p{font-size:13px;line-height:1.7}.course-card-grid span,.course-card-grid small{color:#6f876e;font-size:11px}.course-deck{border:1px solid #cddfcf;border-radius:12px;margin:18px 0;overflow:hidden}.deck-heading{background:#eaf3e6;justify-content:space-between;padding:13px 18px;display:flex}.deck-tabs{background:#f7faf5;flex-wrap:wrap;gap:6px;padding:12px;display:flex}.deck-tabs button{cursor:pointer;color:#557655;background:#fff;border:1px solid #d4e1d1;border-radius:7px;padding:7px 10px;font-size:12px}.deck-tabs .chosen{color:#fff;background:#417650}.course-deck article{min-height:190px;padding:20px;line-height:1.8}.course-deck h4{margin:0 0 12px}.formula-display{color:#426b42;overflow-wrap:anywhere;background:#f3f7ed;border-radius:8px;padding:16px;font-size:19px}.concept-flow{justify-content:space-around;align-items:center;gap:8px;margin:25px 0;font-size:13px;display:flex}.concept-flow span{background:#ecf4e7;border-radius:9px;padding:12px}.lesson-bom{flex-wrap:wrap;gap:7px;display:flex}.lesson-bom span{background:#f0f5e9;border:1px solid #d7e2cc;border-radius:7px;padding:6px 10px;font-size:12px}.deck-footer{border-top:1px solid #dce7d7;justify-content:space-between;padding:12px 18px;display:flex}.header-right{flex-wrap:wrap}.account-modal [role=status]{color:#576c53;font-size:13px}@media (max-width:850px){.course-card-grid{grid-template-columns:1fr 1fr}.account-create{grid-template-columns:1fr}.account-button{font-size:11px!important}.concept-flow{flex-wrap:wrap}}@media (max-width:500px){.course-card-grid{grid-template-columns:1fr}.account-modal{width:95vw!important;padding:20px!important}.deck-tabs button{flex:1}.concept-flow span{padding:8px}}
.education-banner{color:#fff;background:linear-gradient(110deg,#123b37,#255f50);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 28px 16px;padding:18px 22px;display:flex}.education-banner b,.education-banner span{display:block}.education-banner span{color:#d5e6df;margin-top:6px;font-size:13px}.learning-overlay{z-index:150;background:#102e38aa;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.learning-center{color:#223e36;background:#f5f8f7;border-radius:20px;width:min(1120px,100%);max-height:94vh;padding:28px;overflow:auto;box-shadow:0 24px 90px #102e3866}.learning-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.learning-heading h2{margin:8px 0}.learning-heading small{letter-spacing:2px;color:#3b7c68}.learning-heading p,.learning-hint{color:#60746d;font-size:14px}.learning-nav{border-bottom:1px solid #d4e1da;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:16px 0;display:flex}.learning-nav button{cursor:pointer;color:#35564b;background:#fff;border:1px solid #d3e1da;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;display:flex}.learning-nav button.active{color:#fff;background:#225c4c;border-color:#225c4c}.learning-stats{background:#e5efe9;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.learning-stats b{font-size:28px;display:block}.learning-stats span{color:#567165;font-size:13px}.learning-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learning-paths article,.learning-notebook article,.learning-faults article{background:#fff;border:1px solid #dbe5df;border-radius:12px;padding:20px}.learning-paths article>small{color:#638073}.learning-paths article>p{color:#708579;font-size:13px}.learning-paths article>button{text-align:left;cursor:pointer;color:#284d40;background:#f4f8f5;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:8px;padding:12px;display:flex}.learning-paths article>button small{white-space:nowrap;color:#3a7d65}.learning-calculator,.learning-notebook,.learning-faults{max-width:850px;margin:auto}.learning-center label{margin:14px 0;font-size:14px;font-weight:600;display:block}.learning-center input,.learning-center select,.learning-center textarea{color:#244738;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #bfd1c6;border-radius:8px;margin-top:7px;padding:12px;display:block}.learning-center textarea{resize:vertical;min-height:90px}.learning-calculator code{background:#e4eee8;border-radius:8px;margin:20px 0;padding:18px;display:block}.calculator-fields{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.learning-calculator output{color:#e3f4ea;background:#183e36;border-radius:12px;margin-top:22px;padding:24px;display:block}.learning-calculator output strong,.learning-calculator output span{display:block}.learning-calculator output strong{margin-bottom:12px;font-size:30px}.learning-notebook article,.learning-faults article{margin-top:16px}.learning-notebook pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f6f3;padding:14px}.learning-notebook p{white-space:pre-wrap}.learning-center button:focus-visible{outline-offset:3px;outline:3px solid #dd9f36}@media (max-width:850px){.learning-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-center{padding:18px}.education-banner{margin:0 12px 12px}.education-banner,.learning-stats{flex-wrap:wrap}.calculator-fields{grid-template-columns:1fr}}@media (max-width:560px){.learning-paths{grid-template-columns:1fr}.learning-overlay{padding:8px}.learning-stats b{font-size:22px}.learning-nav button{padding:9px;font-size:13px}}