/* Approved warm visual language. No external fonts, network assets or UI dependencies. */
:root{--ink:#172b4d;--muted:#756e68;--accent:#ae481c;--accent-hover:#923b17;--paper:#fcf8f2;--surface:#fffefa;--tint:#fff0e1;--border:#eaded1;--shadow:0 8px 28px #583a2010;--blue:var(--accent);--navy:var(--ink);--line:var(--border);--exp-blue:var(--accent);--exp-navy:var(--ink);--exp-muted:var(--muted);--exp-line:var(--border);--exp-bg:var(--paper);--exp-orange:var(--accent)}
html{scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.65}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9c411c;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #d9a47b!important;outline-offset:2px;border-color:#b26438!important}button:disabled{cursor:not-allowed}svg{max-width:100%}img{max-width:100%}[hidden]{display:none!important}a{color:var(--accent)}
.portal-header{min-height:86px;height:auto;padding:15px 4%;gap:22px;background:#fffdf8f5;border-bottom:1px solid var(--border);box-shadow:none;position:relative;z-index:10;flex-wrap:nowrap}.portal-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.portal-header .portal-brand>span:last-child{font-size:25px;font-weight:750;letter-spacing:1px;color:var(--ink);border:0;padding:0;position:relative;white-space:nowrap}.portal-header .portal-brand>span:last-child:after{content:"";position:absolute;width:62%;height:3px;bottom:-5px;left:2px;border-radius:50%;background:#df8657;transform:rotate(-3deg)}.portal-header .portal-brand>.warm-leaf{display:block;width:25px;height:15px;background:linear-gradient(130deg,#f5a36c,#c45122);border-radius:100% 0 100% 0;transform:rotate(-13deg);border:0;padding:0}.portal-header nav{display:flex;gap:3px;flex:1;justify-content:center;min-width:0}.portal-nav{font-size:14px;white-space:nowrap;position:relative;border-radius:8px;color:#454f5c;min-height:44px;padding:10px 13px;font-weight:600}.portal-nav.active{background:#fff0e2;color:var(--accent)}.portal-nav.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:#c96532}.portal-nav:hover{background:#f8eee3}.institution-brand{width:137px;height:auto;object-fit:contain;flex-shrink:0}.portal-user{position:relative;gap:8px;flex-shrink:0}#environment-badge{font-size:10px;color:#74665a;max-width:85px}.account-button,.login-button{border:1px solid var(--border);border-radius:24px;background:#fffaf3;color:var(--ink);min-height:42px;padding:9px 14px;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-button{color:var(--accent);border-color:#d9a27d}.coin-chip{background:#fff4df!important;border-color:#eed8ae!important;color:#875820!important;min-height:36px}.portal-user #account-menu{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 14px 45px #543b2425;right:0;min-width:200px}#account-menu button{font-size:13px;min-height:44px}#account-menu button:hover{background:var(--tint)}
/* Home: one dominant action, two helper actions, learning and growth below. */
.studio-main.warm-home{max-width:1340px;margin:auto;padding:24px 32px 0}.warm-home .studio-panel{min-height:390px;display:flex;align-items:center;padding:35px 48px;color:var(--ink);border:1px solid #ecd7c3;border-radius:25px;background:#fff6ea;box-shadow:0 4px 20px #a57a4110;isolation:isolate;overflow:hidden}.warm-home .studio-copy{width:51%;max-width:600px;z-index:2;position:relative}.warm-home .hero-kicker{font-size:14px;letter-spacing:.08em;color:#775b45;display:flex;align-items:center;gap:10px;margin:0 0 14px}.warm-home .hero-kicker:before{content:"";width:4px;height:17px;border-radius:3px;background:#c96834}.warm-home .studio-copy h1{font-size:clamp(32px,3.7vw,48px);line-height:1.3;letter-spacing:.01em;font-weight:750;color:var(--ink);margin:0 0 17px;white-space:normal}.warm-home .studio-subtitle{color:#685f55;font-size:14px;line-height:1.8;margin:0 0 18px;max-width:370px;min-height:25px}.warm-home .mode-picker{display:flex;width:350px;max-width:100%;background:#fffdfa;border:1px solid #dfbb9b;border-radius:30px;padding:3px;gap:2px;margin:0 0 13px}.warm-home .mode-option{color:#68625d;flex:1;justify-content:center;border-radius:24px;min-height:42px;font-size:14px;padding:8px 14px;background:none}.warm-home .mode-option.selected{background:linear-gradient(120deg,#ffe9cc,#ffddbb);color:#973d16;box-shadow:none;font-weight:650}.warm-home .mode-option:hover:not(.selected){background:#fff2e6}.mode-option svg{height:21px;width:21px;display:block}.warm-home .studio-start{display:flex;justify-content:center;gap:24px;width:350px;max-width:100%;min-width:0;padding:13px 22px;min-height:52px;border-radius:26px;font-size:21px;color:#fff;background:linear-gradient(120deg,#c76330,#ac461a);box-shadow:0 5px 13px #b8572c20}.warm-home .studio-start span{font-size:26px}.warm-home .studio-start:hover{transform:translateY(-1px);filter:brightness(1.04)}.warm-home .studio-duration{color:#85786b;font-size:11px;margin:9px 0 0}.warm-home .studio-links{margin-top:13px;gap:25px}.warm-home .studio-links button{color:#82563d;font-size:12px;border-bottom:1px solid #b9997d;line-height:1.7}.warm-hero-scene{position:absolute;inset:0 0 0 auto;width:57%;z-index:0;pointer-events:none;overflow:hidden}.warm-hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(to right,transparent,#000 19%);-webkit-mask-image:linear-gradient(to right,transparent,#000 19%)}.warm-speech{position:absolute;right:26px;top:31px;font-size:16px;line-height:1.5;color:#493729;background:#fffcf3ed;border:1px solid #ddae86;padding:14px 18px;border-radius:25px 25px 25px 4px;box-shadow:0 5px 12px #56402a09}.warm-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.warm-quick-card,.warm-learning-card,.warm-growth-card{background:var(--surface);border:1px solid var(--border);border-radius:19px;box-shadow:var(--shadow);min-width:0}.warm-quick-card{display:flex;align-items:center;gap:25px;padding:24px 28px}.warm-quick-card h2{font-size:21px;line-height:1.5;margin:0 0 5px;font-weight:700}.warm-quick-card p,.warm-learning-card p{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 9px}.warm-quick-card .text-button,.warm-learning-card .text-button{font-size:14px;font-weight:650;padding:2px 0;min-height:36px;text-align:left}.warm-object{width:85px;height:85px;display:grid;place-items:center;flex-shrink:0;position:relative;border-radius:25px;background:linear-gradient(135deg,#fff5df,#f8debd);color:#aa5329;box-shadow:inset 2px 2px 4px #fff,inset -3px -4px 9px #d8ae751f,0 7px 12px #c88c3d0e;transform:rotate(-7deg)}.warm-object svg{width:49px;height:49px;filter:drop-shadow(0 3px 1px #9f6a3630)}.warm-object.compass{background:linear-gradient(145deg,#f4f8ff,#d9e2f2);color:#3c547a}.warm-object.check{transform:rotate(6deg)}.warm-bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:20px}.warm-learning-card{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.warm-section-label{font-size:17px;line-height:1.5;margin:0 0 17px;color:var(--ink);display:flex;gap:9px;align-items:center;font-weight:650}.warm-section-label:before{content:"";width:4px;height:16px;background:#cb6c3a;border-radius:3px}.warm-tag{font-size:10px;font-weight:600;background:#ffe3c6;color:#92451d;padding:3px 10px;border-radius:20px;display:inline-block}.warm-learning-card h3{font-size:19px;line-height:1.6;margin:8px 0 4px}.warm-learning-card .book{width:100px;height:100px;border-radius:22px;transform:rotate(8deg);background:linear-gradient(145deg,#fff3df,#e6cdb1)}.warm-learning-card .book svg{width:59px;height:59px}.warm-growth-card{padding:24px 27px}.warm-growth-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.warm-growth-shortcuts>button{display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid #f0e6db;min-height:90px;background:none;padding:0 8px;color:var(--ink);border-radius:0}.warm-growth-shortcuts>button:last-child{border-right:0}.warm-growth-shortcuts>button:hover{background:#fff4e6;border-radius:9px}.warm-growth-shortcuts svg{width:30px;height:30px;color:#b27430;filter:drop-shadow(0 3px 1px #cba36125)}.warm-growth-shortcuts strong{font-size:12px;font-weight:650}.warm-growth-shortcuts small{font-size:10px;color:var(--muted)}.warm-growth-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:15px}.warm-growth-foot p{font-size:11px;color:var(--muted);margin:0}.warm-growth-foot .text-button{font-size:12px;padding:0;min-height:30px}.studio-footer{padding:22px 20px 24px;gap:6px;font-size:13px;color:#726658}.studio-demo{font-size:10px;color:#897d70}
/* Shared pages: breathable hierarchy and continuous paper-like surfaces. */
.portal-page,.coin-page,.strategy-page{max-width:1340px;padding:36px 32px 60px;margin:auto}.page-heading,.strategy-heading,.coin-heading{margin-bottom:27px}.page-heading h1,.experience-heading h1,.strategy-heading h1,.coin-heading h1{font-size:32px;font-weight:700;letter-spacing:.015em;line-height:1.45;color:var(--ink)}.page-heading p,.experience-heading p,.strategy-heading p,.coin-heading p{color:var(--muted);font-size:14px}.page-eyebrow,.article-label,.mini-label{color:#9a5c36}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.button{border-radius:11px;min-height:44px}.button.primary,.portal-page .button.primary,.admin-content .button.primary,.portal-dialog .button.primary,.coin-page .button.primary,.strategy-page .button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 10px #a7491912;color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-hover)}.button.secondary{background:#fffdf7;color:#775841;border-color:#dfcbb8}.button.secondary:hover:not(:disabled){background:#fff0df}.text-button,.table-action{color:var(--accent)}.segmented{border-color:var(--border);background:#fffcf7;gap:2px}.segmented button{border-radius:8px;min-height:40px;color:#716452}.segmented button.active{background:var(--accent);color:white}.status-tag{background:#fff0df;color:#986437}.muted,.form-note,.readonly-note,.portal-footer-note{color:var(--muted)}.form-note{line-height:1.9}.loading-box,.page-empty{color:var(--muted);padding:40px 25px}.data-table-wrap{border-radius:17px}.data-table th{background:#f6f0e7;color:#7c6c58;font-weight:600}.data-table td{color:#505664;border-bottom-color:#f1e7dc}.data-table tbody tr:hover{background:#fff7eb}.data-table tr.is-me{background:#fff0dd}.data-table strong{color:var(--ink)}.points-number,.table-rank{color:#975624}.panel-heading{padding:22px 25px}.stat-card{background:#fffdfa;border:1px solid var(--border);border-radius:17px}.stat-card strong{color:#a05224}.stat-card>span,.stat-card small{color:var(--muted)}.experience-tabs,.coin-admin-tabs{background:#fffdf8;border-color:var(--border);border-radius:13px;padding:5px}.experience-tabs button,.coin-admin-tabs button{min-height:42px;border-radius:9px;color:#716452}.experience-tabs button.active,.coin-admin-tabs button.active{background:var(--accent);color:#fff}
/* Knowledge and learning resources. */
.handbook-feature{background:linear-gradient(115deg,#fff8ed,#f6e3cb);border:1px solid #e9d4bc;border-radius:23px;padding:33px 37px;min-height:260px;margin:24px 0 28px;box-shadow:var(--shadow)}.handbook-feature h2{font-size:29px;color:var(--ink)}.handbook-feature p{color:#77654f;max-width:680px;line-height:1.95}.handbook-recommend{background:#ffead1;color:#8e471e}.handbook-topics span{border-color:#dfcdb7;background:#fffaf2;color:#775f45}.handbook-enter{background:var(--accent);color:white;border-radius:24px;padding:12px 22px;box-shadow:none}.handbook-enter:hover{background:var(--accent-hover)}.handbook-feature-art>span{background:#fff9ed;color:#7e542c;border-color:#dfbf9b}.knowledge-menu{background:#fffdf8;border-color:var(--border);padding:12px;border-radius:17px}.knowledge-menu button{border-radius:10px;color:#5f625e;min-height:48px}.knowledge-menu button.active{background:#fff0df;color:var(--accent)}.knowledge-menu button>span{color:#9c8e7e}.knowledge-article{padding:32px 36px}.knowledge-article h2{font-size:29px;color:var(--ink)}.concept-list p,.article-analysis,.action-list{color:#555c65;line-height:2}.concept-diagram div{background:#fff5e8;border-color:#ead8c1;color:#8a5d35}.case-box{background:#fff6e9;border-color:#eedac1;padding:25px}.case-box .case-background{color:#8c7e6e}.case-dialogue{color:#66523e}.knowledge-check{background:#fbf8f2;border-color:var(--border);padding:25px}.knowledge-check .quiz-option{border-color:#e4d3bf;color:#665947}.manual-intro-card{border-color:var(--border);border-radius:19px;background:#fffdf7}.manual-shortcuts a{background:#fff4e6;color:#8c5c31;border-color:#ead8c0}.library-toolbar input,.library-toolbar select,.ranking-filters select,.management-search,.random-quiz-toolbar select{border-color:#dfd1bf;border-radius:10px;color:#615b53;background:#fffdfa;min-height:44px}.library-card{background:#fffdfa;border-color:var(--border);border-radius:19px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}.library-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #66402412}.library-cover{height:146px;background:linear-gradient(140deg,#f9e5cb,#fff8ed)}.library-cover>span{color:#af7240}.library-cover small{color:#957b5d}.video-cover{background:linear-gradient(140deg,#f4dcc6,#fff5e9)}.link-cover{background:linear-gradient(140deg,#e7eee3,#f6faf2)}.link-cover>span{color:#73836b}.library-card h3{font-size:18px}.library-card p{color:var(--muted)}.resource-card{border-color:var(--border)}.file-viewer-content{background:#f7f3ed;border-radius:0 0 18px 18px}.file-viewer-content>img{background:#fff;box-shadow:0 2px 15px #412c1410}.reader-navigation{gap:12px;align-items:center;justify-content:center}.online-text{background:#fffdfa;border:1px solid var(--border);padding:22px;border-radius:13px}
/* Rankings and badges: celebrate investment without suggesting ability scores. */
.ranking-layout{gap:24px}.podium-card{background:linear-gradient(145deg,#fffdf8,#fff6e7);border-color:#e9d7bc;box-shadow:var(--shadow);border-radius:18px;padding:25px 20px}.podium-card.rank-1{border-top:3px solid #d9a04c;background:linear-gradient(145deg,#fff4d9,#fffcf4)}.podium-card.rank-2{background:#fbfaf5}.podium-card.rank-3{background:#fff7ee}.podium-card strong{color:#a25e27;font-size:24px}.podium-card small{color:#8a7c6d}.personal-rank{background:linear-gradient(145deg,#fff8e9,#fffdfa);border-color:#ead4ad}.personal-rank>strong{color:#ae5c25}.rank-guide>p{background:#fff0dc;color:#9d6433}.rank-guide li{color:#686659}.badge-grid{gap:22px}.badge-card{background:#fffdfa;border-color:var(--border);border-radius:20px;padding:30px 22px;transition:transform .2s}.badge-card:hover{transform:translateY(-3px)}.premium-emblem{height:114px;width:104px;background:linear-gradient(130deg,#d6d0c6,#faf7ee,#b9b2a8);filter:drop-shadow(0 6px 6px #79614818)}.premium-emblem:before{background:linear-gradient(145deg,#e9e3d8,#bfb5a7)}.badge-card.unlocked .premium-emblem{background:linear-gradient(135deg,#d6a34b,#ffe9a0,#c99539)}.badge-card.unlocked .premium-emblem:before{background:linear-gradient(140deg,#efb354,#ba692f)}.badge-card h3{color:var(--ink)}.badge-card p{color:#81776b}.badge-state{background:#f3eee6;color:#887d70;border-radius:20px}.unlocked .badge-state{color:#986328;background:#fff0d7}.badge-progress{background:#f0e7db}.badge-progress i{background:#d5aa6b}.earned-counter{background:#fff8eb;border-color:#e7d6bc;color:#9a6638}
/* Strategy: readable input and advice, no illustration competing with the task. */
.strategy-input{padding:29px;top:22px;border-radius:19px}.strategy-step{color:#9a562f}.strategy-input label{color:#61594e}.strategy-input input,.strategy-input textarea,.strategy-input select{border-color:#dfd1be;background:#fffdfa;color:#4d5055;border-radius:10px}.strategy-input details{border-color:var(--border);background:#fcf8ef;border-radius:12px}.strategy-input summary{color:#8a5c37}.strategy-empty{border:1px dashed #dfcbb3;background:linear-gradient(145deg,#fffaf1,#faf2e7);border-radius:20px;min-height:420px}.strategy-empty h2,.strategy-empty h3{color:var(--ink)}.strategy-empty p{color:#827462}.strategy-context,.strategy-section,.strategy-launch{border:1px solid var(--border);border-radius:18px;background:#fffdfa;box-shadow:var(--shadow)}.strategy-source{background:#fff0db;color:#946037}.strategy-section p,.strategy-section li,.strategy-context p{color:#5e605e;line-height:2}.strategy-views article{background:#fdf5e9;border-color:#e8d8c4}.strategy-section blockquote{background:#fff1de;border-left-color:#d39856;color:#83592f}.strategy-launch{background:linear-gradient(115deg,#fff8e9,#fae6cc)}.strategy-launch-actions select{border-color:#d7b994;color:#6d5439;border-radius:9px}.strategy-section h2{color:var(--ink)}
/* Wallet separates learning currency from growth points. */
.coin-hero{background:linear-gradient(120deg,#fff8e7,#f4dfb8);border-color:#e7cda1;border-radius:23px;padding:33px}.coin-hero #coin-wallet-balance{color:#a06624;font-size:57px}.coin-hero>div>span{color:#8c6e47}.coin-hero small{color:#8d7c65}.coin-hero-tip strong{color:#70542d}.coin-hero-tip p{color:#826c50}.coin-task,.coin-product{background:#fffdfa;border-color:var(--border);border-radius:18px}.coin-task strong,.coin-product h3{color:var(--ink)}.coin-task>span{color:#a0612b}.coin-task small,.coin-product p{color:var(--muted)}.coin-kind{color:#956332;background:#fff1dc}.coin-price-row{border-color:#ebdfcd;background:#fffcf6;border-radius:11px}.coin-config-form input,.coin-adjust-form input,.coin-adjust-form select{border-color:#dfcfb8;background:#fffdfa;color:#665845}.coin-confirm-price{background:#fff0d9;color:#956020}
/* Admin: consistent color, quieter visuals for dense work. */
.admin-layout{max-width:1440px;grid-template-columns:215px minmax(0,1fr);padding:27px 28px 55px;gap:25px}.admin-sidebar{background:#fffcf7;border-color:var(--border);border-radius:18px;top:24px}.admin-label{color:#9a704a}.admin-tab{border-radius:10px;color:#6f655a;min-height:47px}.admin-tab.active{background:#fff0dc;color:var(--accent)}.sidebar-note{color:#928575}.admin-welcome{background:linear-gradient(120deg,#fffdf6,#f9ebd7);border-color:#ead6b9;border-radius:19px}.admin-welcome h2{color:var(--ink)}.admin-welcome p{color:#807260}.admin-content .stat-grid{gap:17px}.config-row{border-color:#ede1d2;color:#575e64}.config-row span,.config-tip{color:#85796b}.upload-zone{background:#fff8ec;border-color:#c79e75;color:#956b43;border-radius:15px}.upload-status{color:#8b7c6b}.resource-edit-fields input,.resource-edit-fields textarea,.resource-edit-fields select{border-color:#decdb9}.cms-actions{gap:10px;flex-wrap:wrap}.manual-settings{background:#fffdf7}.manual-settings label{color:#665c50}.management-search{margin-bottom:20px}
/* Dialogs: working space for conversation and detailed feedback. */
dialog{color:var(--ink)}dialog::backdrop{background:#31271c70;backdrop-filter:blur(3px)}.portal-dialog,.compact-dialog,.wide-dialog,#practice-dialog,#quiz-dialog,.scenario-dialog{background:var(--surface);border:1px solid #e3cfb8;border-radius:21px;box-shadow:0 24px 90px #38271935}.modal-header{background:#fffbf4;border-bottom-color:#ecdfcd;padding:24px 28px}.modal-header h2{font-size:24px;font-weight:650;color:var(--ink)}.modal-header .mini-label{color:#9a7856}.modal-header .icon-button{color:#7b6b59;width:38px;height:38px;border-radius:50%;background:#f5ecdf;min-width:38px}.portal-dialog input:not([type=hidden]),.portal-dialog textarea,.portal-dialog select{background:#fffdfa;border-color:#deccb6;color:#4e5660;border-radius:9px}.portal-dialog form>label,.portal-dialog .form-two>label{color:#6c5a47}.ding-button{background:var(--accent);color:#fff}.ding-mark{color:#a6652c;background:#fff0dc}.login-content{background:#fffdfa}.login-content #demo-login-options button{border-color:#dfc8ab;color:#8b623f;background:#fff8ec;border-radius:9px;min-height:42px}.help-content{color:#746959}.help-content strong{color:#5e4d39}.scenario-dialog{width:min(1160px,calc(100vw - 40px))}.scenario-dialog .scenarios{padding:27px}.scenario-card{border:1px solid #e8d5bb;border-radius:18px;background:#fff9ef;transition:transform .18s,border-color .18s}.scenario-card:hover{transform:translateY(-3px);border-color:#c59561}.scenario-card h3{color:var(--ink);font-size:23px}.scenario-card p{color:#7b6c5a}.card-blue{background:#f3f5f6}.card-orange{background:#fff2e2}.card-green{background:#f1f4e9}.case-tag{background:#fffdf7;color:#896647;border-color:#e2ceaf}.card-time,.classification-note{color:#857664}.circle-arrow{background:#fffdf6;color:#a26737;border-color:#e1c6a6}.quote-symbol{color:#c99a6d}.classification-note{background:#f6f1e8;border-color:#e8dbc7}
#practice-dialog{width:min(1160px,calc(100vw - 40px));max-height:92dvh;overflow:auto}.practice-body{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start}.brief{background:#f9f2e7;border-color:#e7d6c0;padding:26px;max-height:none}.brief-label{color:#94714f}.brief-block h3{color:#95734f}.brief-block p,.brief-block li{color:#685e51;font-size:13px;line-height:1.9}.goal-block{background:#fff5e4;border-color:#e7d2b2;border-radius:12px}.employee-avatar{background:#f5e5cf;border-color:#e4cba9}.progress-track{color:#9b7855}.progress-track i{background:#b66a3d}.conversation{background:#fffefa;padding:24px;min-width:0;min-height:620px}.demo-notice{background:#f9f3e9;color:#8a7963;font-size:11px;border:1px solid #ecdfcd;border-radius:9px;padding:11px 14px;line-height:1.8}.messages{padding:22px 0;min-height:140px}.message-text{font-size:15px;line-height:1.95;color:#565c64}.message.employee .message-text{background:#f6f0e6;color:#5e564b;border-color:#e5d6c0}.message.manager .message-text,.message.user .message-text{background:#fff0df;color:#7e4d2d;border-color:#edd2b2}.hint-bar{flex-wrap:wrap;gap:10px}.hint-button{background:#fff1da;color:#925c2c;border-color:#e6cba3;border-radius:20px;font-size:12px;min-height:36px}.hint-panel{background:#fff8ea;border-color:#e5cca7;color:#806142}.option-button{background:#fffdf7;border-color:#decfb8;color:#705e45;font-size:12px;line-height:1.8}.option-button:hover{background:#fff1dd;border-color:#c79662}.conversation form textarea,#response-input{background:#fffdfa;border-color:#ddc7aa;border-radius:13px;color:#4e555e;font-size:15px;min-height:110px;line-height:1.9}.composer-footer{color:#8f7e68}.points-display{color:#a37636}.voice-controls{background:#fff6e7;border:1px solid #ecd8b9;border-radius:12px;padding:14px}.voice-record{background:var(--accent);min-height:42px;border-radius:21px;font-size:13px}.voice-record.recording{background:#aa3931}.voice-controls #voice-status{font-size:12px;line-height:1.9;border-color:#dfccae;color:#746148;background:#fffdf6}.voice-controls .text-button{font-size:12px;min-height:36px}.review-panel{background:#fffbf4;border-color:#ebd6b7;border-radius:15px;padding:28px}.review-panel p,.review-panel li{line-height:2;color:#655e54}.growth-summary{background:#fff4dc;color:#a06c2c}.growth-meter{background:#f0e1c9}.growth-meter i{background:#c68e3e}.mnemonic-grid p{background:#fff4e0;border-color:#e8d0aa;color:#855e31}.mnemonic-trigger{color:#a36b32;background:#fff0d7;border-color:#e2c290}
.quiz-dialog{width:min(900px,calc(100vw - 40px));max-height:92dvh}.quiz-content{padding:29px 33px}.quiz-intro h2{font-size:29px;color:var(--ink)}.quiz-intro p{color:#7d715f}.quiz-intro .article-label,.topic-chip{background:#fff0dc;color:#925d2e;border-color:#e5caa7}.random-track{background:#f0e3d1}.random-track i{background:#b46a3d}.random-background{background:#fcf3e5;border-color:#e7d3b5;color:#766149;padding:20px 23px;border-radius:12px;font-size:14px;line-height:1.95}.random-question{color:var(--ink);font-size:23px;line-height:1.75}.random-option{background:#fffdfa;border-color:#dfd2bd;border-radius:12px;font-size:15px;line-height:1.8;padding:17px;min-height:60px}.random-option>span{background:#f4eadb;color:#91704c}.random-option:hover:not(:disabled){border-color:#c38d55;background:#fff6e8}.random-option.selected{border-color:#b66a31;background:#fff0db}.random-feedback{background:#fffaef;border-color:#e6d0ae;padding:28px;border-radius:17px}.deep-analysis h4{font-size:17px;color:#976034}.deep-analysis p,.deep-analysis li{font-size:15px;line-height:2;color:#5c5e59}.deep-analysis blockquote{background:#fff0d8;color:#84572d;border-left-color:#c89451;padding:19px;border-radius:0 11px 11px 0;font-size:15px}.deep-analysis .option-reason{background:#fffdf6;border-color:#eadcc7;color:#6c6255}.analysis-refs a{background:#fff0da;color:#8b5e2d;border-color:#e6cba2}.quiz-actions{display:flex;gap:12px;flex-wrap:wrap}.quiz-actions .button{min-height:44px}.random-quiz-toolbar{flex-wrap:wrap}.quiz-complete{padding:25px 0}.quiz-complete h2{color:var(--ink)}.random-quiz-progress>strong{color:#976539}.quiz-track{background:#f0e4d4}.quiz-track i{background:#bc7a45}
/* Responsive: navigation scrolls; actions remain at least 44px on touch screens. */
@media(min-width:1600px){.warm-home .studio-panel{min-height:430px}.warm-home .studio-copy h1{font-size:51px}}
@media(max-width:1250px){.portal-header{padding:15px 25px;gap:13px}.institution-brand{display:none}.portal-nav{padding:10px 11px;font-size:13px}#environment-badge{display:none}.warm-home .studio-panel{padding:35px}.warm-home .studio-copy{width:53%}.warm-speech{font-size:13px;right:15px;top:28px}.warm-quick-card{padding:24px;gap:18px}.warm-object{width:70px;height:70px}.warm-object svg{width:42px;height:42px}.warm-quick-card h2{font-size:19px}.warm-learning-card{padding:23px}.warm-learning-card .book{width:78px;height:78px}.warm-learning-card h3{font-size:17px}}
@media(max-width:1000px){.portal-header{flex-wrap:wrap;padding:17px 26px;gap:17px}.portal-brand{order:0}.portal-user{order:1;margin-left:auto}.portal-header nav{order:2;flex-basis:100%;justify-content:flex-start;overflow:auto;scrollbar-width:thin;gap:8px;padding:3px 0}.portal-nav{flex-shrink:0}.institution-brand{display:block;width:122px;margin-left:auto;order:0}.portal-user{margin-left:0}.warm-home .studio-panel{min-height:400px;padding:28px}.warm-home .studio-copy{width:57%}.warm-home .studio-copy h1{font-size:37px}.warm-home .studio-subtitle{max-width:290px;font-size:13px}.warm-hero-scene{width:52%}.warm-hero-scene>img{object-position:58% center}.warm-speech{right:16px;top:24px;font-size:12px;padding:10px 13px}.warm-home .mode-picker,.warm-home .studio-start{width:290px}.warm-quick-grid{gap:16px}.warm-quick-card{gap:15px;padding:21px}.warm-object{width:53px;height:60px;border-radius:15px}.warm-object svg{width:36px;height:36px}.warm-quick-card h2{font-size:18px}.warm-quick-card p{font-size:12px}.warm-bottom-grid{grid-template-columns:1fr 1fr;gap:16px}.warm-learning-card .book{display:none}.warm-growth-card{padding:22px}.portal-page,.coin-page,.strategy-page{padding:28px 27px 45px}.ranking-layout{grid-template-columns:minmax(0,1fr) 240px}.podium-card{padding:18px 13px;gap:9px}.podium-card h3{font-size:15px}.rank-medal{width:31px;height:31px;font-size:17px}.podium-card strong{font-size:20px}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-layout{grid-template-columns:340px minmax(0,1fr);gap:20px}.strategy-input{padding:23px}.admin-layout{grid-template-columns:185px minmax(0,1fr);gap:18px;padding:24px}.admin-sidebar{padding:20px 10px}.admin-tab{padding:12px 10px;font-size:13px}.admin-content .stat-grid{grid-template-columns:1fr 1fr}.practice-body{grid-template-columns:245px minmax(0,1fr)}.brief{padding:21px}.conversation{padding:22px}}
@media(max-width:760px){html{scroll-padding-top:20px}.portal-header{padding:14px 19px;gap:14px}.portal-header .portal-brand>span:last-child{font-size:23px}.portal-header .portal-brand>.warm-leaf{width:20px;height:13px}.institution-brand{display:none}.portal-user{margin-left:auto}.portal-header nav{padding:0;gap:3px;margin-top:1px}.portal-nav{font-size:13px;padding:10px 14px;min-height:42px}.account-button,.login-button{font-size:12px;min-height:40px;max-width:130px}.coin-chip{font-size:11px!important;padding:7px 10px!important}.studio-main.warm-home{padding:18px 18px 0}.warm-home .studio-panel{display:block;min-height:0;padding:27px 25px 0;border-radius:21px}.warm-home .studio-copy{width:100%;max-width:none}.warm-home .studio-copy h1{font-size:37px;line-height:1.3;margin-bottom:14px}.warm-home .hero-kicker{font-size:12px}.warm-home .studio-subtitle{max-width:none;font-size:13px;min-height:0;margin-bottom:17px}.warm-home .mode-picker,.warm-home .studio-start{width:100%}.warm-home .studio-start{font-size:20px;min-height:51px}.warm-home .mode-option{font-size:14px}.warm-home .studio-links{margin-top:11px;gap:26px}.warm-hero-scene{position:relative;inset:auto;width:calc(100% + 50px);height:205px;margin:10px -25px 0;mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}.warm-hero-scene>img{mask-image:none;-webkit-mask-image:none;object-position:center 42%}.warm-speech{right:17px;top:23px;font-size:12px;max-width:120px}.warm-quick-grid{grid-template-columns:1fr;gap:13px;margin-top:16px}.warm-quick-card{padding:21px;gap:22px}.warm-object{width:65px;height:65px;border-radius:20px}.warm-object svg{width:39px;height:39px}.warm-quick-card h2{font-size:20px}.warm-quick-card p{font-size:13px}.warm-quick-card .text-button{font-size:14px;min-height:39px}.warm-bottom-grid{grid-template-columns:1fr;gap:13px;margin-top:13px}.warm-learning-card{padding:24px}.warm-learning-card h3{font-size:19px}.warm-learning-card .book{display:grid;width:70px;height:85px}.warm-learning-card .book svg{width:45px;height:45px}.warm-section-label{font-size:18px}.warm-growth-card{padding:24px}.warm-growth-shortcuts>button{min-height:94px}.warm-growth-shortcuts svg{width:32px;height:32px}.warm-growth-shortcuts strong{font-size:13px}.warm-growth-shortcuts small{font-size:11px}.warm-growth-foot .text-button{min-height:40px}.studio-footer{padding:22px 18px}.portal-page,.coin-page,.strategy-page{padding:25px 19px 40px}.page-heading,.strategy-heading,.coin-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.page-heading h1,.experience-heading h1,.strategy-heading h1,.coin-heading h1{font-size:28px}.page-heading p,.experience-heading p,.strategy-heading p{font-size:13px;line-height:1.9}.handbook-feature{padding:25px;border-radius:20px;min-height:0}.handbook-feature h2{font-size:25px}.handbook-feature p{font-size:13px}.handbook-feature-art{display:none}.handbook-enter{font-size:13px;min-height:44px}.experience-tabs{width:100%;gap:3px;justify-content:space-between}.experience-tabs button{flex:1;font-size:13px;padding:10px 11px;min-height:44px}.knowledge-layout{display:block}.knowledge-menu{display:flex;overflow:auto;margin-bottom:17px;gap:6px;position:static;max-height:none}.knowledge-menu button{flex-shrink:0;width:auto;white-space:nowrap;padding:11px 15px;font-size:13px}.knowledge-article{padding:25px 23px}.knowledge-article h2{font-size:25px}.concept-list p,.article-analysis,.action-list{font-size:14px}.concept-diagram{grid-template-columns:1fr;gap:9px}.concept-diagram div{padding:16px;font-size:14px}.case-box,.knowledge-check{padding:20px}.case-dialogue{font-size:14px}.library-cards{grid-template-columns:1fr 1fr;gap:15px}.library-toolbar{gap:10px;flex-wrap:wrap}.library-toolbar input{min-width:160px}.library-toolbar select{min-width:120px}.library-card h3{font-size:16px}.library-card-body{padding:18px}.library-card-foot{gap:8px;flex-wrap:wrap}.library-cover{height:120px}.manual-intro-card{padding:24px}.manual-intro-card h2{font-size:22px}.ranking-layout{grid-template-columns:1fr;gap:19px}.ranking-side{grid-template-columns:1fr}.personal-rank{padding:24px}.personal-rank>strong{font-size:39px}.ranking-filters{flex-wrap:wrap;gap:12px}.ranking-filters .segmented{flex:1}.ranking-filters select{max-width:140px}.segmented button{padding:9px 15px;font-size:12px;flex:1}.podium{gap:9px}.podium-card{display:block;text-align:center;padding:18px 9px}.rank-medal{margin:0 auto 9px}.podium-card h3{font-size:14px}.podium-card small{font-size:10px}.podium-card strong{font-size:21px}.badge-grid{grid-template-columns:1fr 1fr;gap:14px}.badge-card{padding:25px 15px;border-radius:18px}.badge-card h3{font-size:18px}.badge-card p{font-size:12px;min-height:47px}.premium-emblem{width:90px;height:98px}.earned-counter{font-size:12px;padding:9px 14px}.strategy-layout{grid-template-columns:1fr}.strategy-input{position:static;padding:25px}.strategy-empty{min-height:260px;padding:28px}.strategy-section,.strategy-context,.strategy-launch{padding:23px}.strategy-views{grid-template-columns:1fr 1fr}.strategy-launch-actions{gap:13px}.strategy-launch-actions .button{width:100%;justify-content:center}.coin-hero{padding:27px;gap:23px}.coin-hero #coin-wallet-balance{font-size:49px}.coin-task-grid{gap:12px}.coin-task{padding:22px}.coin-catalog{grid-template-columns:1fr}.coin-product{padding:24px}.admin-layout{display:block;padding:21px 19px 40px}.admin-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px;padding:12px;margin-bottom:22px}.admin-sidebar .admin-label{width:100%;margin:4px 8px 6px}.admin-tab{font-size:12px;padding:10px 12px;margin:0;width:auto;min-height:41px}.sidebar-note{display:none}.admin-content{padding:0}.admin-content .page-heading h1{font-size:27px}.admin-welcome{padding:24px}.admin-welcome h2{font-size:22px}.admin-content .stat-grid{gap:12px}.stat-card{padding:22px}.stat-card strong{font-size:31px}.data-table td{font-size:13px;padding:16px}.data-table th{font-size:12px;padding:14px 16px}.management-search{font-size:13px}.panel-heading{padding:19px}.cms-actions .button{font-size:12px;padding:10px 13px}.upload-zone{padding:24px}.coin-price-row{flex-wrap:wrap;gap:13px}.coin-price-list input{width:90px}.coin-admin-tabs{width:100%}.coin-admin-tabs button{flex:1;padding:10px 12px}.modal-header{padding:20px 22px}.modal-header h2{font-size:22px}.portal-dialog,.compact-dialog,.wide-dialog,.quiz-dialog,.scenario-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:92dvh;border-radius:18px}.scenario-dialog .scenarios{padding:22px}.scenario-grid{grid-template-columns:1fr;gap:15px}.scenario-card{padding:24px}.scenario-card h3{font-size:24px}.scenario-card p{font-size:13px}.classification-note{font-size:12px;line-height:1.9}.practice-body{display:block}.brief{padding:22px;border:0;border-bottom:1px solid var(--border);max-height:none}.brief-toggle{font-size:13px;color:#8c5c32;min-height:40px}.brief.folded .brief-block,.brief.folded .person-row,.brief.folded .brief-label,.brief.folded .progress-track{display:none}.brief:not(.folded) .brief-block{display:block}.brief:not(.folded) .person-row{display:flex}.brief:not(.folded) .brief-label{display:block}.brief-block ul{display:block}.brief-block h3{display:block}.goal-block:before{display:none}.conversation{padding:21px;min-height:0;overflow:visible}.messages{min-height:130px;padding:20px 0}.message-text{font-size:14px}.hint-bar .points-display{display:none}.voice-toolbar{gap:9px}.voice-controls .text-button{min-height:38px}.voice-mode #response-input{min-height:100px;height:auto}.review-panel{padding:23px}.review-panel h3{font-size:22px}.review-panel p,.review-panel li{font-size:14px}.quiz-content{padding:24px 21px}.quiz-intro h2{font-size:25px}.random-background{padding:18px;font-size:14px}.random-question{font-size:21px;line-height:1.75}.random-option{padding:16px;font-size:14px}.random-feedback{padding:23px 20px}.deep-analysis h4{font-size:16px}.deep-analysis p,.deep-analysis li,.deep-analysis blockquote{font-size:14px;line-height:2}.random-quiz-toolbar select{font-size:13px}.quiz-actions .button{font-size:13px}.form-two{grid-template-columns:1fr;gap:0}.login-content{padding:25px}.ding-button{min-height:48px}.mnemonic-grid{grid-template-columns:1fr 1fr}.mnemonic-grid p{font-size:13px}.file-viewer-content{padding:18px}.reader-navigation .button{font-size:12px}.coin-confirm-content{padding:22px}}
@media(max-width:420px){.portal-header{padding:13px 15px;gap:11px}.portal-header .portal-brand>span:last-child{font-size:21px}.portal-brand{gap:7px}.portal-user{gap:6px}.account-button{font-size:11px;max-width:105px;padding:8px 10px}.login-button{font-size:11px;padding:8px 10px}.coin-chip{font-size:10px!important;padding:6px 8px!important}.portal-nav{font-size:12px;padding:10px 12px}.warm-home .studio-panel{padding:25px 22px 0}.warm-home .studio-copy h1{font-size:34px}.warm-hero-scene{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px;height:190px}.warm-quick-card{padding:21px 19px;gap:16px}.warm-object{width:57px;height:65px}.warm-quick-card h2{font-size:18px}.warm-quick-card p{font-size:12px}.warm-learning-card{padding:23px}.warm-learning-card .book{display:none}.warm-learning-card h3{font-size:19px}.warm-growth-card{padding:23px}.library-cards{grid-template-columns:1fr}.library-cover{height:135px}.badge-grid{gap:11px}.badge-card{padding:22px 12px}.badge-card h3{font-size:16px}.badge-card p{font-size:11px}.badge-state{font-size:10px;padding:6px 10px}.podium-card h3{font-size:12px}.podium-card strong{font-size:19px}.ranking-filters select{max-width:none;width:100%}.stat-card{padding:19px}.random-option{font-size:14px;gap:11px}.strategy-views{grid-template-columns:1fr}.mnemonic-grid{grid-template-columns:1fr}.coin-task-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}