.assist-wrap{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;max-width:760px}.assist-disclaimer{background:#fff8e5;color:#7a5a05;font-size:.78rem;padding:10px 18px;border-bottom:1px solid #f0e0ad}.assist-log{padding:20px;min-height:260px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.assist-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 14px}.assist-chip{background:#eef2f8;border:none;padding:7px 12px;border-radius:20px;font-size:.78rem;cursor:pointer;color:var(--navy2);font-weight:600}.assist-chip:hover{background:#dfe8f5}.assist-input-row{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #eef2f8}.assist-input-row input{flex:1;padding:12px 14px;border-radius:10px;border:2px solid #e3eaf3;font-size:.9rem}.msg.assist{background:#eef2f8;align-self:flex-start;border-bottom-left-radius:4px;color:#1a2942;max-width:88%}.msg.user{background:var(--navy-light);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;max-width:78%}@media(max-width:640px){.assist-input-row{flex-direction:column}.msg,.msg.assist,.msg.user{max-width:100%}}.d180-hero{background:linear-gradient(120deg,#3a0d47,#0d2247 60%);border-radius:var(--radius);padding:26px;color:#fff;box-shadow:var(--shadow);margin-bottom:20px;position:relative;overflow:hidden}.d180-hero .badge180{position:absolute;top:18px;right:20px;background:var(--accent-gold);color:#3a2a05;font-weight:800;padding:6px 14px;border-radius:20px;font-size:.8rem}.d180-hero h3{margin:0 0 10px;font-size:1.3rem}.d180-hero ul{margin:10px 0 0 18px;padding:0;font-size:.88rem;line-height:1.8;color:#dcd3f0}.d180-setup-grid{display:grid;grid-template-columns:1fr;gap:18px}.d180-setup-block{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.d180-setup-block h4{margin:0 0 12px;color:var(--navy)}.d180-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.d180-choice-card{border:2px solid #e3eaf3;border-radius:14px;padding:14px;cursor:pointer;transition:all .15s ease;background:#fff;text-align:left}.d180-choice-card:hover{border-color:var(--navy-light);box-shadow:0 6px 16px #1e4d8c26}.d180-choice-card.selected{border-color:var(--accent-gold);background:#fffbec;box-shadow:0 6px 16px #e8ac1e40}.d180-choice-card .emoji{font-size:1.6rem}.d180-choice-card b{display:block;margin:6px 0 2px;color:var(--navy)}.d180-choice-card span{font-size:.78rem;color:var(--muted);line-height:1.35}.d180-product-placeholder{color:var(--muted);font-size:.85rem}.d180-start-row{text-align:center;margin-top:6px}.d180-hud{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:14px 20px;border-radius:16px 16px 0 0;flex-wrap:wrap;gap:12px}.d180-doc-info{display:flex;align-items:center;gap:10px}.d180-doc-info .av{width:44px;height:44px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.d180-doc-info small{color:#b7cbec}.d180-timer{font-weight:900;font-size:1.6rem;background:#ffffff1f;padding:6px 18px;border-radius:12px;font-family:monospace}.d180-timer.warn{color:#ffb4b4;animation:pulse 1s infinite}.d180-timer.flash{animation:d180flash .5s ease}@keyframes d180flash{0%{background:#c0203a}to{background:#ffffff1f}}.d180-interest-wrap{flex:1;min-width:180px}.d180-interest-label{font-size:.72rem;color:#b7cbec;margin-bottom:4px;display:flex;justify-content:space-between}.d180-interest-bar-bg{background:#ffffff26;border-radius:10px;height:14px;overflow:hidden}.d180-interest-bar{height:100%;border-radius:10px;transition:width .4s ease,background .4s ease}.d180-stage-pills{display:flex;gap:6px;padding:12px 20px;background:#f4f7fb;flex-wrap:wrap}.d180-pill{padding:5px 12px;border-radius:20px;font-size:.72rem;font-weight:700;background:#e3eaf3;color:var(--muted)}.d180-pill.now{background:var(--accent-gold);color:#3a2a05}.d180-pill.done{background:var(--good);color:#fff}.d180-body{background:var(--card);padding:26px;border-radius:0 0 16px 16px;box-shadow:var(--shadow)}.d180-doc{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.d180-doc .av{width:60px;height:60px;border-radius:50%;background:#eef2f8;display:flex;align-items:center;justify-content:center;font-size:2rem;flex:none}.d180-doc .bubble{background:#eef2f8;border-radius:4px 16px 16px;padding:16px 18px;font-size:.95rem;color:#1a2942;line-height:1.5;flex:1}.d180-opts{display:flex;flex-direction:column;gap:12px}.d180-opt{text-align:left;background:#fff;border:2px solid #e3eaf3;padding:14px 18px;border-radius:14px;cursor:pointer;font-size:.9rem;color:#1a2942;transition:all .15s ease}.d180-opt:hover{border-color:var(--navy-light);background:#f6f9fd;transform:translate(3px)}.d180-opt:disabled{cursor:not-allowed}.d180-result-diag{text-align:center;padding:26px;border-radius:18px;color:#fff;margin-bottom:20px}.d180-result-diag .emoji{font-size:3rem}.d180-result-diag h2{margin:8px 0 4px}.d180-stat-row{display:flex;gap:14px;justify-content:center;margin-top:14px;flex-wrap:wrap}.d180-stat{background:#ffffff26;border-radius:12px;padding:10px 18px;font-size:.85rem}.d180-stat b{display:block;font-size:1.2rem}.d180-feedback-card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.d180-feedback-card h3{color:var(--navy);margin:0 0 12px}.d180-empty-feedback{color:var(--muted);font-size:.88rem;margin:0}.d180-feedback-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f8;align-items:flex-start}.d180-feedback-item:last-child{border-bottom:none}.d180-feedback-item .qicon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff;font-weight:800;font-size:.85rem}.d180-feedback-item .qicon.ideal{background:var(--good)}.d180-feedback-item .qicon.neutral{background:var(--mid)}.d180-feedback-item .qicon.malo{background:var(--bad)}.d180-feedback-item .txt{font-size:.85rem;color:#2b3b52;line-height:1.5}.d180-feedback-item .txt b{color:var(--navy)}.d180-feedback-item .tip{font-size:.78rem;color:var(--navy2);font-style:italic;margin-top:4px}.d180-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}@media(max-width:640px){.d180-hero{padding-top:54px}.d180-hud{align-items:flex-start;flex-direction:column}}.perfil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.perfil-card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.perfil-card-title{margin:0 0 12px;color:var(--navy)}.perfil-card-title-spaced{margin-top:20px}.perfil-avatar-wrap{text-align:center;margin-bottom:18px}.perfil-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy-light));display:flex;align-items:center;justify-content:center;font-size:2.8rem;margin:0 auto 10px;box-shadow:var(--shadow)}.perfil-field{margin-bottom:14px}.perfil-field label{display:block;font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.perfil-field input,.perfil-field select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #dde5f0;font-size:.9rem;font-family:inherit}.perfil-val{font-weight:700;color:var(--navy);font-size:1rem}.perfil-stats-row{display:flex;gap:10px;margin-top:16px}.perfil-stat{flex:1;background:#f6f8fc;border-radius:12px;text-align:center;padding:12px 6px}.perfil-stat b{display:block;font-size:1.2rem;color:var(--navy)}.perfil-stat span{font-size:.68rem;color:var(--muted);text-transform:uppercase}.notif-pref{margin-bottom:8px;font-size:.85rem}.notif-pref label{display:flex;align-items:center;gap:8px;cursor:pointer}.notif-mock{display:flex;gap:12px;background:#f6f8fc;border-radius:12px;padding:12px 14px;margin-bottom:10px;align-items:flex-start}.notif-mock .notif-icon{font-size:1.4rem}.notif-mock b{display:block;font-size:.85rem;color:var(--navy);margin-bottom:2px}.notif-mock p{margin:0;font-size:.78rem;color:var(--muted);line-height:1.35}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.prod-card{border-radius:16px;color:#fff;cursor:pointer;overflow:hidden;background:var(--card);box-shadow:var(--shadow);transition:transform .2s ease;display:flex;flex-direction:column;min-height:280px;border:none;padding:0;text-align:left}.prod-card:hover{transform:translateY(-5px) scale(1.01)}.prod-card .pimg{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#eef2f8}.prod-card .pimg img{width:100%;height:100%;object-fit:cover}.prod-card .pimg .icon-wrap{width:80px;height:110px;color:#fff}.icon-wrap svg{width:100%;height:100%}.prod-card .badge-tag{position:absolute;top:10px;left:10px;background:#ffffffe0;color:var(--navy);border-radius:8px;padding:3px 9px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.prod-card .ptext{padding:14px 16px;flex:1;display:flex;flex-direction:column}.prod-card .pname{font-size:1.02rem;font-weight:800;color:var(--navy);margin-bottom:4px}.prod-card .puse{font-size:.78rem;color:var(--muted);line-height:1.35}.prod-card .pprice{margin-top:auto;padding-top:10px;border-top:1px dashed #e3eaf3;font-size:.8rem;font-weight:800;color:var(--navy2)}.price-note{font-weight:400;color:var(--muted);font-size:.72rem}.modal-overlay{position:fixed;inset:0;background:#050c19b8;display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:20px;max-width:520px;width:100%;padding:0;overflow:hidden;box-shadow:var(--shadow-lg);max-height:88vh;display:flex;flex-direction:column}.modal-img-wrap{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef2f8}.modal-img-wrap img{width:100%;height:100%;object-fit:cover}.modal-img-wrap .icon-wrap{width:120px;height:160px;color:#ffffffd9}.modal-head{padding:22px 26px;color:#fff;position:relative}.modal-head h3{margin:0 0 4px;font-size:1.4rem}.modal-head span{font-size:.85rem;opacity:.9}.modal-close{position:absolute;top:14px;right:16px;background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1rem}.modal-body{padding:20px 26px 26px;overflow-y:auto}.modal-body .row{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start}.modal-body .row .k{width:110px;flex:none;font-weight:700;color:var(--navy);font-size:.82rem;text-transform:uppercase;letter-spacing:.3px}.modal-body .row .v{font-size:.92rem;color:#2b3b52;line-height:1.5}.modal-price-note{color:var(--muted);font-size:.78rem}.cb-box{background:#f3f6fb;border-radius:12px;padding:14px 16px;margin-top:6px}.cb-box b{color:var(--navy)}.cb-box>div{margin-bottom:8px}.cb-box>div:last-child{margin-bottom:0}.modal-actions{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.store-link-btn{background:var(--navy);color:#fff;text-decoration:none;padding:9px 16px;border-radius:10px;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.store-link-btn:hover{background:var(--navy2)}.speak-btn-modal{background:#fff3;color:#fff;border-color:transparent;margin-top:10px;margin-bottom:0}.calc-toggle-btn{background:#eef2f8;color:var(--navy2);border:1px solid #d7e2f0;padding:9px 16px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer}.calc-box{background:#f4f7fb;border-radius:14px;padding:16px 18px;margin-top:4px;margin-bottom:16px;display:none;flex-basis:100%}.calc-box.active{display:block}.calc-box .calc-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.calc-box label{font-weight:700;color:var(--navy);font-size:.85rem}.calc-box input[type=number]{width:90px;padding:8px 10px;border-radius:8px;border:2px solid #dde5f0;font-size:.9rem}.calc-result{background:#fff;border-radius:10px;padding:12px 14px;font-size:.85rem;line-height:1.75}.calc-result b{color:var(--navy)}.calc-total{font-size:1rem;margin-top:6px}.calc-total b{color:var(--good)}.calc-disclaimer{font-size:.68rem;color:var(--muted);margin-top:8px;font-style:italic}.calc-tier-badge{display:inline-block;background:var(--good);color:#fff;padding:2px 9px;border-radius:8px;font-size:.72rem;font-weight:700}.reg-note{font-size:.72rem;color:var(--muted);margin-top:14px;border-top:1px dashed #dde5f0;padding-top:10px}.memo-intro{color:#a9c1e8;font-size:.9rem;margin-bottom:14px}.memo-linepick{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.memo-status{display:flex;gap:18px;margin-bottom:14px;color:#fff;font-size:.88rem;align-items:center;flex-wrap:wrap}.memo-status b{color:var(--accent-gold)}.memo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-width:800px}.memo-card{aspect-ratio:1 / 1;cursor:pointer;perspective:700px;border:none;background:transparent;padding:0}.memo-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s ease}.memo-card.flipped .memo-card-inner,.memo-card.matched .memo-card-inner{transform:rotateY(180deg)}.memo-face{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;overflow:hidden}.memo-back{background:linear-gradient(135deg,#1e4d8c,#123363);color:#fff;font-size:1.8rem;box-shadow:var(--shadow)}.memo-front{background:#fff;transform:rotateY(180deg);box-shadow:var(--shadow);font-size:.68rem;color:var(--navy);font-weight:700;flex-direction:column;gap:4px}.memo-front img{width:100%;height:62%;object-fit:cover;border-radius:8px}.memo-front .icon-wrap{width:55%;height:62%;color:currentColor}.memo-front span{font-weight:400;font-size:.62rem;color:var(--muted)}.memo-card.matched{opacity:.5}.memo-card[aria-disabled=true]{cursor:default}.memo-complete{color:#ffd873;font-weight:700;margin-top:14px}@media(max-width:640px){.modal-body .row{flex-direction:column}.modal-body .row .k{width:auto}}.rank-table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.rank-table th{background:var(--navy);color:#fff;padding:12px 16px;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}.rank-table td{padding:13px 16px;border-bottom:1px solid #eef2f8;font-size:.9rem}.rank-table tr.me{background:#fff8e5;font-weight:800}.rank-medal{font-size:1.1rem}.disclaimer{font-size:.75rem;color:#8294ac;margin-top:10px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-row .blabel{width:170px;font-size:.82rem;color:var(--navy);font-weight:600}.bar-row .btrack{flex:1;background:#eef1f6;border-radius:8px;height:14px;overflow:hidden}.bar-row .bfill{height:100%;border-radius:8px}.bar-row .bval{width:50px;text-align:right;font-size:.78rem;font-weight:700;color:var(--navy)}.bfill-region{background:linear-gradient(90deg,#1a4d8c,#2678ad)}.bfill-line{background:linear-gradient(90deg,#e2661f,#e8ac1e)}.suggest-card{background:#fff8ea;border:1px solid #f0d68a;border-radius:12px;padding:14px 16px;margin-top:10px;font-size:.85rem;color:#5a4419}.suggest-card b{color:#8a6a12}.report-strength-line{font-size:.85rem;color:var(--navy)}.report-individual{border-top:1px solid #eef1f6;padding:12px 0}.report-individual-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.report-individual-head b{color:var(--navy)}.report-strong{font-size:.78rem;color:var(--good)}.report-gap{font-size:.78rem;color:#b8480f}.report-note{font-size:.78rem;color:var(--muted);margin-top:14px}.report-section-title{font-size:.85rem;color:var(--navy);margin:8px 0 6px}.report-section-spaced{margin-top:18px}.report-content-list{font-size:.85rem;color:var(--navy);padding-left:20px;margin:0}.rp-setup-grid{display:grid;grid-template-columns:1fr;gap:18px}.rp-block{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.rp-block h4{margin:0 0 12px;color:var(--navy)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.choice-card{border:2px solid #e3eaf3;border-radius:14px;padding:14px;cursor:pointer;transition:all .15s ease;background:#fff;text-align:left}.choice-card:hover{border-color:var(--navy-light);box-shadow:0 6px 16px #1e4d8c26}.choice-card.selected{border-color:var(--accent-gold);background:#fffbec;box-shadow:0 6px 16px #e8ac1e40}.choice-card .emoji{font-size:1.6rem}.choice-card b{display:block;margin:6px 0 2px;color:var(--navy)}.choice-card span{font-size:.78rem;color:var(--muted);line-height:1.35}.rp-product-placeholder{color:var(--muted);font-size:.85rem}.rp-time-highlight{color:#ffd873}.rp-start-row,.rp-practice-again{text-align:center;margin-top:6px}.rp-chat-wrap{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.rp-chat-head{background:var(--navy);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.rp-chat-head .doc-info{display:flex;align-items:center;gap:12px}.rp-chat-head .doc-info .av{width:44px;height:44px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.rp-chat-head .doc-info b{display:block;font-size:.95rem}.rp-chat-head .doc-info small{color:#b7cbec}.rp-timer{font-weight:800;font-size:1.3rem;background:#ffffff1f;padding:6px 16px;border-radius:10px}.rp-timer.warn{color:#ffb4b4;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rp-stage-track{display:flex;gap:4px;padding:10px 22px;background:#f4f7fb}.rp-stage-track .st{flex:1;height:6px;border-radius:4px;background:#dfe6f0}.rp-stage-track .st.done{background:var(--good)}.rp-stage-track .st.now{background:var(--accent-gold)}.rp-chat-body{padding:22px;min-height:220px;max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.msg.doc{background:#eef2f8;align-self:flex-start;border-bottom-left-radius:4px;color:#1a2942}.msg.rep{background:var(--navy-light);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.rp-options{padding:0 22px 22px;display:flex;flex-direction:column;gap:10px}.rp-opt{text-align:left;background:#fff;border:2px solid #e3eaf3;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:.87rem;color:#1a2942;transition:all .15s ease}.rp-opt:hover{border-color:var(--navy-light);background:#f6f9fd}.feedback-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.fb-card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.fb-card-title{margin-top:0;color:var(--navy)}.fb-stage-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fb-stage-row .lbl{width:150px;font-size:.85rem;font-weight:700;color:var(--navy)}.fb-bar-bg{flex:1;background:#e7edf6;border-radius:10px;height:14px;overflow:hidden}.fb-bar{height:100%;border-radius:10px}.fb-score{width:44px;text-align:right;font-weight:800;font-size:.85rem;color:var(--navy)}.fb-badge{text-align:center;padding:20px;border-radius:16px;color:#fff;margin-bottom:16px}.fb-badge .big{font-size:2.6rem}.fb-badge h3{margin:6px 0 2px}.tips-list{margin:0;padding-left:18px;font-size:.85rem;color:#2b3b52;line-height:1.7}.rp-practice-again{margin-top:22px}@media(max-width:760px){.feedback-wrap{grid-template-columns:1fr}}@media(max-width:640px){.rp-chat-head{align-items:flex-start;flex-direction:column}}.glossary-hint{color:#ffd873;font-size:.78rem;margin-bottom:14px;display:inline-flex;align-items:center;gap:6px}.tv-subtabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tvsub-btn{padding:9px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700;background:#ffffff1a;color:#cfdcf2;font-size:.85rem}.tvsub-btn.active{background:var(--card);color:var(--navy);box-shadow:var(--shadow)}.journey{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:20px}.journey .jstep{flex:0 0 auto;min-width:150px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px;color:#fff;cursor:pointer;text-align:center;transition:all .2s ease}.journey .jstep.active{background:var(--card);color:var(--navy);box-shadow:var(--shadow)}.journey .jstep .n{font-size:1.3rem;font-weight:800}.journey .jstep .t{font-size:.78rem;margin-top:4px;font-weight:700}.tv-panel{background:var(--card);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.tv-panel h3{color:var(--navy);margin-top:0}.tv-sub{background:#f4f7fb;border-radius:14px;padding:16px 18px;margin-bottom:16px}.tv-sub h4{margin:0 0 8px;color:var(--navy2);font-size:1rem}.tv-sub p{color:#2b3b52;font-size:.9rem;line-height:1.6}.tv-sub ul{margin:6px 0 0 18px;padding:0;font-size:.9rem;color:#2b3b52;line-height:1.6}.tv-paragraph-spaced{margin-top:14px}.formula{background:var(--navy);color:#fff;border-radius:10px;padding:10px 14px;font-family:monospace;font-size:.85rem;margin:8px 0;display:inline-block}.disc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.disc-card{border-radius:14px;padding:16px;color:#fff}.disc-card .emoji{font-size:1.8rem}.disc-card h5{margin:8px 0 4px}.disc-card p{margin:0;font-size:.82rem;opacity:.95;line-height:1.4;color:#fff}.carnot-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.carnot-letter{color:#fff;width:64px;height:64px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem}.carnot-letter small{font-size:.5rem;font-weight:600;text-align:center;padding:0 4px;line-height:1.1}.stage-quiz{background:#eef4ff;border:2px dashed #b9cdea;border-radius:14px;padding:18px 20px;margin-top:18px}.stage-quiz h5{margin:0 0 10px;color:var(--navy)}.stage-quiz-question{font-size:.88rem;color:#2b3b52;margin-top:0}.stage-quiz .sq-opt{display:block;width:100%;text-align:left;padding:10px 14px;margin-bottom:8px;border-radius:10px;border:2px solid #d7e2f0;background:#fff;cursor:pointer;font-size:.85rem}.stage-quiz .sq-opt.correct{border-color:var(--good);background:#eafaf1}.stage-quiz .sq-opt.wrong{border-color:var(--bad);background:#fdeef0}.stage-quiz .sq-result{font-size:.82rem;margin-top:8px;font-weight:700}.stage-quiz .sq-result.correct{color:var(--good)}.stage-quiz .sq-result.wrong{color:var(--bad)}.done-check{color:var(--good);font-weight:800;margin-left:4px}.flash-wrap{max-width:480px;margin:0 auto;text-align:center}.flash-card{background:var(--card);border-radius:20px;box-shadow:var(--shadow);min-height:220px;display:flex;align-items:center;justify-content:center;padding:30px;cursor:pointer;position:relative;width:100%;border:none}.flash-face-front{font-size:1.3rem;font-weight:800;color:var(--navy)}.flash-face-back{font-size:.92rem;color:#2b3b52;line-height:1.5;display:none}.flash-card.flipped .flash-face-front{display:none}.flash-card.flipped .flash-face-back{display:block}.flash-hint{font-size:.75rem;color:#a9c1e8;margin-top:10px}.flash-controls{display:flex;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.flash-counter{margin-top:10px;color:#cfdcf2;font-size:.85rem}.carnot-build{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);max-width:640px}.carnot-build h4{margin-top:0;color:var(--navy)}.carnot-build p{font-size:.85rem;color:var(--muted)}.carnot-build select{width:100%;padding:10px 12px;border-radius:10px;border:2px solid #e3eaf3;font-size:.9rem;margin-bottom:14px;background:#fff}.carnot-build label{font-weight:700;color:var(--navy);font-size:.82rem;display:block;margin-bottom:6px}.carnot-sentence{background:#f4f7fb;border-radius:12px;padding:16px;font-size:.95rem;color:var(--navy);margin:16px 0;font-style:italic;min-height:24px}.carnot-check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef2f8;font-size:.85rem}.carnot-check-row .dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#fff;flex:none;font-weight:800}.carnot-check-row .dot.ok{background:var(--good)}.carnot-check-row .dot.pending{background:#c7d2e2}.match-wrap{max-width:720px}.match-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.match-col h5{color:#fff;font-size:.85rem;margin:0 0 10px}.match-chip{background:var(--card);border:2px solid #e3eaf3;border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer;font-size:.83rem;color:var(--navy);transition:all .15s ease;display:block;width:100%;text-align:left}.match-chip.selected{border-color:var(--accent-gold);background:#fffbec}.match-chip.matched{border-color:var(--good);background:#eafaf1;color:#0d5c33;cursor:default;opacity:.85}.match-chip.wrong{border-color:var(--bad);background:#fdeef0}.match-status{color:#ffd873;font-weight:700;margin-top:10px;text-align:center;min-height:20px}@media(max-width:640px){.match-cols{grid-template-columns:1fr}}.trivia-card{background:var(--card);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);max-width:680px}.trivia-progress{display:flex;gap:5px;margin-bottom:18px}.trivia-progress div{flex:1;height:6px;border-radius:4px;background:#e3eaf3}.trivia-progress div.done{background:var(--accent-teal)}.trivia-tag{display:inline-block;background:#eef2f8;color:var(--navy);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:8px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}.trivia-q{font-size:1.15rem;color:var(--navy);margin:6px 0 18px;line-height:1.4}.trivia-opts{display:flex;flex-direction:column;gap:10px}.tv-opt{text-align:left;padding:13px 16px;border-radius:12px;border:2px solid #e3eaf3;background:#fff;cursor:pointer;font-size:.92rem;transition:all .15s ease}.tv-opt:hover{border-color:var(--navy-light)}.tv-opt[aria-disabled=true]{cursor:default}.tv-opt.correct{border-color:var(--good);background:#eafaf1;color:#0d5c33}.tv-opt.wrong{border-color:var(--bad);background:#fdeef0;color:#7d1626}.tv-explain{margin-top:16px;background:#f4f7fb;border-radius:12px;padding:14px 16px;font-size:.87rem;color:#2b3b52;display:none}.tv-explain.show{display:block}.trivia-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.tv-score-pill{background:#eef2f8;padding:6px 14px;border-radius:20px;font-weight:700;color:var(--navy);font-size:.85rem}.trivia-finished{text-align:center}.trivia-finished-icon{font-size:3rem}.trivia-finished h3{color:var(--navy)}.trivia-finished p{color:var(--muted)}:root{--navy: #0d2247;--navy2: #16345e;--navy-light: #1e4d8c;--accent-red: #c0203a;--accent-orange: #e2661f;--accent-teal: #1a8f8f;--accent-gold: #e8ac1e;--bg: #eef2f8;--card: #ffffff;--ink: #122036;--muted: #5b6b82;--good: #1c9a5b;--mid: #e8ac1e;--bad: #c0203a;--radius: 18px;--shadow: 0 10px 30px rgba(13, 34, 71, .12);--shadow-lg: 0 20px 50px rgba(13, 34, 71, .22);font-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 10% 0%,#16345e,#0d2247 40%,#081226) fixed;color:var(--ink);min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#2a4d80;border-radius:10px}#root{min-height:100vh}#app{max-width:1180px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:40px}.btn{border:none;cursor:pointer;font-weight:700;letter-spacing:.3px;border-radius:14px;padding:14px 30px;font-size:1rem;background:linear-gradient(135deg,var(--accent-gold),#f4c94a);color:#3a2a05;box-shadow:0 8px 20px #e8ac1e59;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #e8ac1e73}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--navy);color:#fff;box-shadow:0 8px 20px #0d224740}.btn.ghost{background:#ffffff1f;color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.25)}.btn.small{padding:8px 16px;font-size:.85rem;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.screen{display:none;padding:26px 20px 10px}.screen.active{display:block;animation:fadeIn .35s ease}.section-title{color:#fff;margin:0 0 4px;font-size:1.6rem}.section-sub{color:#a9c1e8;margin:0 0 22px;font-size:.95rem}.back-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.back-btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);padding:7px 14px;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600}.back-btn:hover{background:#fff3}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{padding:10px 20px;border-radius:12px;border:none;cursor:pointer;font-weight:700;background:#ffffff1f;color:#cfdcf2;font-size:.9rem}.tab-btn.active{background:var(--card);color:var(--navy);box-shadow:var(--shadow)}.tvsub-panel{display:none}.tvsub-panel.active{display:block;animation:fadeIn .3s ease}.speak-btn{background:#eef2f8;border:1px solid #d7e2f0;color:var(--navy2);font-weight:700;font-size:.78rem;border-radius:10px;padding:7px 14px;cursor:pointer;margin-bottom:16px;display:inline-flex;align-items:center;gap:6px}.speak-btn:hover{background:#e0e9f5}.mini-speak{background:none;border:none;cursor:pointer;font-size:.85rem;margin-left:6px;opacity:.65;vertical-align:middle}.mini-speak:hover{opacity:1}.msg{max-width:78%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.45;animation:fadeIn .25s ease}.term{border-bottom:2px dotted var(--navy-light);cursor:help;position:relative;font-weight:600;color:var(--navy2)}.term .tip{visibility:hidden;opacity:0;position:absolute;bottom:135%;left:50%;transform:translate(-50%);background:#0d2247;color:#fff;padding:10px 12px;border-radius:10px;font-size:.78rem;font-weight:400;width:230px;line-height:1.4;box-shadow:var(--shadow-lg);z-index:80;transition:opacity .15s ease;pointer-events:none}.term .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0d2247}.term:hover .tip,.term.tapped .tip{visibility:visible;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#splash{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 20%,#16345e,#0d2247 55%,#05101f);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;transition:opacity .6s ease,visibility .6s}.splash-logo{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#fff,#dfe9f7);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);margin-bottom:22px;animation:floaty 3s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash-logo svg{width:74px;height:74px}#splash h1{font-size:2rem;margin:0 0 6px;letter-spacing:.5px}#splash p.tag{color:#a9c1e8;margin:0 0 30px;font-size:1.05rem}#splash .powered{position:absolute;bottom:22px;font-size:.75rem;color:#7d97c2;display:flex;align-items:center;gap:8px}#splash .powered svg,.appfooter svg{width:24px;height:24px}#loginScreen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 0%,#16345e,#0d2247 40%,#081226);padding:24px}.login-box{background:var(--card);border-radius:var(--radius);padding:36px 32px;max-width:460px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.login-logo{width:64px;height:64px;margin:0 auto 14px}.login-logo svg{width:42px;height:42px}.login-box h2{margin:6px 0 4px;color:var(--navy)}.login-sub{color:var(--muted);font-size:.88rem;margin:0 0 22px;line-height:1.5}.login-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.login-role-btn{background:#f6f8fc;border:2px solid transparent;border-radius:14px;padding:16px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:.15s}.login-role-btn:hover{border-color:var(--accent-gold);background:#fff8ea;transform:translateY(-2px)}.login-role-btn .lrb-ic{font-size:1.8rem}.login-role-btn .lrb-role{font-weight:800;color:var(--navy);font-size:.85rem}.login-role-btn .lrb-name{color:var(--muted);font-size:.75rem}.login-note{font-size:.72rem;color:var(--muted);margin:0}#topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#fff;position:sticky;top:0;z-index:50;background:#0d2247d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}#topbar .brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-button{background:none;border:0;color:inherit;padding:0;text-align:left}#topbar .brand svg{width:34px;height:34px}#topbar .brand span{font-weight:800;font-size:1.05rem}#topbar .brand small{display:block;font-weight:400;color:#9fb6de;font-size:.68rem}#topbar .stats{display:flex;align-items:center;gap:14px}.topnav-group{display:flex;gap:6px}.topnav-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px}.topnav-btn:hover{background:#ffffff2e}.pill{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:6px 14px;font-size:.82rem;display:flex;align-items:center;gap:6px}.pill b{color:var(--accent-gold)}#topbar .home-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:7px 14px;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600}#topbar .logout-btn{background:#ffffff14}.proto-badge{position:fixed;bottom:14px;right:14px;background:#0d2247e0;color:#e8ac1e;font-size:.68rem;font-weight:800;letter-spacing:.4px;padding:7px 16px;border-radius:20px;z-index:400;pointer-events:none;box-shadow:var(--shadow);text-transform:uppercase}.home-banner{background:linear-gradient(120deg,#1e4d8c,#123363);border-radius:var(--radius);padding:22px 26px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;box-shadow:var(--shadow);flex-wrap:wrap;gap:14px}.home-banner .left b{font-size:1.2rem}.home-banner .left div{color:#b7cbec;font-size:.85rem;margin-top:4px}.home-progress-wrap{display:flex;align-items:center;gap:12px}.home-progress-wrap span{color:#fff;font-weight:700;font-size:.85rem}.progress-wrap{background:#ffffff26;border-radius:20px;height:10px;width:220px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-gold),#ffd873);border-radius:20px;transition:width .6s ease}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:10px}.tile{background:var(--card);border-radius:var(--radius);padding:26px 20px;text-align:left;cursor:pointer;box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5);transition:transform .2s ease,box-shadow .2s ease}.tile:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.tile .ic{font-size:2.4rem;margin-bottom:14px;display:inline-block}.tile h3{margin:0 0 6px;font-size:1.15rem;color:var(--navy)}.tile p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.4}.tile .stripe{position:absolute;left:0;top:0;bottom:0;width:7px}.tile.t1 .stripe{background:var(--accent-orange)}.tile.t2 .stripe{background:var(--navy-light)}.tile.t3 .stripe{background:var(--accent-red)}.tile.t4 .stripe{background:var(--accent-gold)}.tile.t5 .stripe{background:var(--accent-teal)}.tile.t6 .stripe{background:#7a4fd1}.tile .arrow{position:absolute;right:18px;bottom:18px;font-size:1.3rem;color:#c7d2e2}.tile-d180{background:linear-gradient(135deg,#3a0d47,#0d2247);color:#fff}.tile-d180 .stripe{background:var(--accent-gold)}.tile-d180 h3{color:#fff}.tile-d180 p,.tile-d180 .arrow{color:#d8cdf0}.rol-dash{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-top:16px;margin-bottom:22px}.role-widget-title{font-size:.85rem;color:var(--navy);margin:0 0 14px}.role-widget-note{font-size:.78rem;color:var(--muted);margin-top:12px}.rol-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:18px}.rol-kpi{background:#f6f8fc;border-radius:12px;padding:14px;text-align:center}.rol-kpi b{display:block;font-size:1.35rem;color:var(--navy)}.rol-kpi span{font-size:.7rem;color:var(--muted);text-transform:uppercase}.rol-team-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f6}.rol-team-row:last-child{border-bottom:none}.rol-team-row .rtname{flex:1;font-weight:700;color:var(--navy);font-size:.88rem}.rol-team-row .rtname span{color:var(--muted);font-weight:400}.rol-team-row .rtbar{flex:2;background:#eef1f6;border-radius:8px;height:10px;overflow:hidden}.rol-team-row .rtbar-fill{height:100%;background:linear-gradient(90deg,var(--accent-orange),var(--accent-gold))}.rol-team-row .rtpct{width:42px;text-align:right;font-size:.78rem;color:var(--muted);font-weight:700}.rol-team-row .rtflag{font-size:.7rem;padding:2px 8px;border-radius:20px;font-weight:700}.rol-team-row .rtflag.ok{background:#e3f7ea;color:var(--good)}.rol-team-row .rtflag.warn{background:#fff3e0;color:#b8480f}.appfooter{color:#7d97c2;font-size:.75rem;text-align:center;padding:24px 20px 8px;line-height:1.5}.appfooter .fp{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.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}@media(max-width:900px){.topnav-btn span{display:none}.topnav-btn{padding:7px 9px}#topbar{align-items:flex-start;gap:12px}#topbar .stats{flex-wrap:wrap;justify-content:flex-end;gap:8px}.pill{padding:5px 10px}}@media(max-width:640px){.tabs{flex-wrap:wrap}.login-roles{grid-template-columns:1fr}.progress-wrap{width:160px}#topbar{flex-direction:column}#topbar .stats{justify-content:flex-start}}