:root{--primary: #F4D03F;--primary-dark: #D4AC0D;--primary-light: #FCF3CF;--accent: #5DADE2;--secondary: #85C1E9;--background: #FFFEF7;--surface: #ffffff;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--border: #F0E68C;--success: #58D68D;--warning: #F5B041;--gradient-primary: linear-gradient(135deg, #F4D03F 0%, #F39C12 100%);--gradient-secondary: linear-gradient(135deg, #85C1E9 0%, #5DADE2 100%);--gradient-gold: linear-gradient(135deg, #F9E79F 0%, #F4D03F 100%);--gradient-certificate: linear-gradient(135deg, #FFFEF7 0%, #FCF3CF 100%);--shadow-sm: 2px 2px 0px rgba(244, 208, 63, .2);--shadow-md: 4px 4px 0px rgba(244, 208, 63, .2);--shadow-lg: 8px 8px 0px rgba(244, 208, 63, .15);--shadow-primary: 4px 4px 0px rgba(244, 208, 63, .4);--font-display: "Fredoka", "Comic Sans MS", cursive;--font-body: "Nunito", "Outfit", "Segoe UI", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:var(--shadow-primary),0 0 20px #f4d03f33}50%{box-shadow:var(--shadow-primary),0 0 40px #f4d03f66}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes subtleRotate{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes patternMove{0%{background-position:0 0,0 0}to{background-position:24px 24px,80px 80px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);background-image:radial-gradient(#d4d4d4 1px,transparent 1px);background-size:24px 24px;padding:20px;animation:patternMove 20s linear infinite}.login-card{background:var(--surface);border-radius:var(--radius-xl);padding:48px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:2px solid var(--border);animation:fadeInUp .8s ease-out forwards;opacity:0}.login-logo{text-align:center;margin-bottom:32px;animation:fadeInScale .6s ease-out .2s forwards;opacity:0}.login-mascot{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid var(--primary);box-shadow:var(--shadow-primary);margin-bottom:16px;background:var(--primary-light);animation:fadeInScale .5s ease-out .4s forwards,float 4s ease-in-out 1s infinite,glowPulse 3s ease-in-out 1s infinite;opacity:0}.login-logo h1{font-family:var(--font-display);color:var(--primary-dark);font-size:2rem;margin-bottom:8px;background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary) 25%,#FFD700 50%,var(--primary) 75%,var(--primary-dark) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}.login-logo p{color:var(--text-secondary);font-size:.9rem;animation:fadeInUp .5s ease-out .6s forwards;opacity:0}.tagline{display:inline-block;margin-top:8px;padding:4px 12px;background:var(--primary-light);border-radius:20px;font-size:.75rem;color:var(--primary-dark);font-weight:600}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .5s ease-out forwards;opacity:0}.login-form .form-group:nth-child(1){animation-delay:.8s}.login-form .form-group:nth-child(2){animation-delay:.9s}.login-form .error-message{animation:fadeInUp .3s ease-out forwards;opacity:0}.login-form .btn-primary{animation:fadeInUp .5s ease-out 1s forwards;opacity:0}.form-group label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.form-group input{padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);transition:all .2s;background:#f8f9fa}.form-group input:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:var(--shadow-primary)}.btn{padding:14px 28px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .1s}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #84a98c4d}.btn-primary:active{transform:translate(2px,2px);box-shadow:2px 2px #84a98c4d}.btn-primary:disabled{background:var(--primary-light);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:transparent;color:var(--primary-dark);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light)}.btn-accent{background:var(--gradient-secondary);color:#fff;border:2px solid var(--accent)}.btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-toggle{text-align:center;margin-top:16px;color:var(--text-secondary);font-size:.9rem;animation:fadeInUp .5s ease-out 1.1s forwards;opacity:0}.login-toggle button{background:none;border:none;color:var(--primary-dark);font-weight:600;cursor:pointer;text-decoration:underline}.error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.app-container{max-width:900px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-brand h1{font-family:var(--font-display);color:var(--primary-dark);font-size:1.1rem}.navbar-brand span{color:var(--text-secondary);font-size:.85rem}.navbar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.navbar-button{padding:8px 16px;font-size:.85rem}.navbar-icon-button{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.navbar-icon-button.is-active{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}.navbar-icon{width:18px;height:18px;display:block}.navbar-user{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-light);border-radius:var(--radius-md);font-size:.9rem}.navbar-user .role-badge{background:var(--primary-dark);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;text-transform:uppercase}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px;background:var(--background);background-image:radial-gradient(var(--primary-light) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ctext x='10' y='25' font-size='16' opacity='0.08'%3E🍌%3C/text%3E%3C/svg%3E");background-size:24px 24px,80px 80px}.message{max-width:85%;padding:16px 20px;border-radius:var(--radius-md);line-height:1.6;white-space:pre-wrap;box-shadow:var(--shadow-md);position:relative}.message-user{align-self:flex-end;background:var(--gradient-secondary);color:#fff;border:2px solid var(--accent);border-radius:16px 16px 0}.message-model{align-self:flex-start;background:var(--surface);color:var(--text-primary);border:2px solid var(--primary)}.message-wrapper{display:flex;align-items:flex-start;gap:12px;max-width:90%}.message-wrapper-user{align-self:flex-end;flex-direction:row-reverse}.message-wrapper-model{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary);background:var(--primary-light);flex-shrink:0;object-fit:cover}.chat-loading{color:var(--primary-dark);font-style:normal;padding:12px 16px;display:flex;align-items:center;gap:8px;background:var(--surface);border-radius:var(--radius-md);border:2px solid var(--primary)}.chat-loading .dot{animation:blink 1.4s infinite}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.chat-input-container{padding:20px 24px;background:var(--surface);border-top:2px solid var(--border);display:flex;gap:12px}.chat-input{flex:1;padding:14px 20px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);background:#f8f9fa;transition:all .2s}.chat-input:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:var(--shadow-primary)}.mic-button{width:50px;height:50px;border:none;border-radius:var(--radius-md);background:#f1f3f4;color:#5f6368;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mic-button.recording{background:var(--accent);color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #e76f51b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #e76f5100}to{transform:scale(1);box-shadow:0 0 #e76f5100}}.send-button{padding:0 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-primary);transition:all .1s}.send-button:disabled{background:var(--primary-light);cursor:not-allowed;box-shadow:none}.chat-input-helper{padding:0 24px 18px;background:var(--surface);color:var(--text-secondary);font-size:.82rem;line-height:1.45}.certificate-container{min-height:100vh;background:var(--gradient-certificate);padding:40px 20px;display:flex;flex-direction:column;align-items:center}.certificate-card{background:var(--surface);border-radius:var(--radius-xl);padding:48px;max-width:700px;width:100%;box-shadow:0 20px 60px #0000001a;border:3px solid var(--primary);position:relative;overflow:hidden}.certificate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--gradient-primary)}.certificate-emblem{width:80px;height:80px;background:var(--gradient-gold);border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 20px #c9a22766}.certificate-header{text-align:center;margin-bottom:32px}.certificate-header h1{font-family:var(--font-display);color:var(--primary-dark);font-size:1.3rem;margin-bottom:8px}.certificate-header p{color:var(--text-secondary)}.certificate-section{margin-bottom:24px;padding:20px;background:#f8f9fa;border-radius:var(--radius-md);border-left:4px solid var(--primary)}.certificate-section h3{color:var(--primary-dark);margin-bottom:12px;font-size:1rem}.certificate-section p,.certificate-section li{color:var(--text-primary);line-height:1.7}.certificate-section ul{list-style:none;padding-left:0}.certificate-section li:before{content:"•";color:var(--primary);font-weight:700;margin-right:8px}.certificate-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:2px dashed var(--border)}.certificate-date{color:var(--text-secondary);font-size:.9rem}.certificate-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.admin-container{padding:24px;max-width:1360px;margin:0 auto}.admin-brief{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:20px;align-items:end;margin-bottom:24px;padding:18px 20px;border-radius:18px;border:1px solid rgba(132,169,140,.3);background:linear-gradient(135deg,#f8fff8f2,#fff8e8eb)}.admin-brief-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:8px}.admin-brief-title{font-family:var(--font-display);color:var(--primary-dark);font-size:1.45rem;margin-bottom:8px}.admin-brief-copy{color:#475569;max-width:720px;line-height:1.5}.admin-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-brief-card{padding:14px 16px;border-radius:14px;background:#fffc;border:1px solid rgba(15,23,42,.08)}.admin-brief-card-positive{background:#ecfdf5e6;border-color:#10b9812e}.admin-brief-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:8px}.admin-brief-value{display:block;color:var(--primary-dark);font-size:1.35rem;font-weight:700}.admin-header{margin-bottom:32px}.admin-header-tight{margin-bottom:20px}.admin-header-copy{color:var(--text-secondary);margin-top:8px}.admin-page-shell{display:grid;gap:20px}.admin-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--border);flex-wrap:wrap}.admin-tab{padding:12px 24px;border:none;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:3px solid transparent;font-size:.95rem}.admin-tab-active{background:#f4d03f;color:var(--primary-dark);font-weight:600;border-bottom-color:#d4ac0d}.admin-header h1{font-family:var(--font-display);color:var(--primary-dark);font-size:1.2rem;margin-bottom:8px}.activity-studio-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.activity-studio-sidebar{background:var(--surface);border-radius:16px;border:2px solid var(--border);box-shadow:4px 4px #0000000d;padding:20px}.activity-studio-next-step{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid var(--border);margin-bottom:16px}.activity-studio-next-step-label{font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:6px}.activity-studio-next-step-copy{color:#334155;font-size:.9rem;line-height:1.5}.activity-studio-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-studio-sidebar-header h3{color:var(--primary-dark)}.activity-studio-compact-button{padding:8px 14px;font-size:.8rem}.activity-studio-list{display:grid;gap:10px}.activity-studio-item{border:2px solid var(--border);border-radius:12px;padding:14px;background:#fff}.activity-studio-item-active{border-color:#84a98c;background:#f8fff8}.activity-studio-select{display:block;width:100%;text-align:left;background:transparent;border:none;cursor:pointer}.activity-studio-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.activity-studio-item-title{color:var(--text-primary)}.activity-studio-status{padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.activity-studio-status-published{background:#d1fae5;color:#059669}.activity-studio-status-draft{background:#fef3c7;color:#d97706}.activity-studio-item-actions{display:flex;gap:8px;flex-wrap:wrap}.activity-studio-mini-button{padding:6px 10px;font-size:.75rem}.activity-studio-context-note{margin-top:16px;padding:12px;background:#fcf3cf;border-radius:10px;color:#7f8c8d;font-size:.85rem}.activity-studio-sidebar-stack{margin-top:12px;display:grid;gap:10px}.activity-studio-preview-button{padding:10px 14px;font-size:.85rem}.activity-studio-lifecycle{padding:12px;background:#f8fafc;border-radius:10px;border:1px solid var(--border)}.activity-studio-lifecycle-title{color:var(--text-primary);display:block;margin-bottom:8px}.activity-studio-lifecycle-list{display:flex;flex-wrap:wrap;gap:8px}.activity-studio-lifecycle-chip{padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.activity-studio-lifecycle-chip-done{background:#d1fae5;color:#047857}.activity-studio-lifecycle-chip-next{background:#fef3c7;color:#b45309}.activity-studio-status-message{margin-top:14px;color:#2c7a7b;font-size:.88rem}.activity-studio-main{display:grid;gap:20px}.admin-scroll-panel{max-height:360px;overflow-y:auto;padding-right:6px}.activity-support-copy{margin-top:10px;color:var(--text-secondary)}.activity-enrollment-list{display:grid;gap:10px;margin-top:16px}.activity-enrollment-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:12px;border:1px solid var(--border)}.activity-enrollment-email{color:var(--text-primary)}.activity-enrollment-copy{color:var(--text-secondary);font-size:.82rem}.activity-enrollment-button{padding:8px 12px;font-size:.8rem}.activity-stats-grid{margin-top:16px;margin-bottom:20px}.activity-section-heading{margin-top:8px}.activity-warning-card{padding:14px;background:#fffbeb;border:1px solid #FDE68A;border-radius:12px;margin-bottom:20px;color:#92400e}.activity-warning-title{display:block;margin-bottom:8px}.activity-warning-copy{margin-bottom:4px}.activity-warning-copy:last-child{margin-bottom:0}.activity-table-spaced{margin-top:12px}.activity-output-preview{max-width:280px;font-size:.82rem;color:var(--text-secondary)}.dashboard-split-layout{display:flex;gap:24px}.dashboard-side-panel{width:280px;flex-shrink:0;background:#fff;border-radius:12px;padding:20px;box-shadow:4px 4px #0000000d;border:2px solid var(--border);height:fit-content}.dashboard-side-title{margin-bottom:16px;color:var(--primary-dark);font-size:1rem}.dashboard-user-button{width:100%;padding:12px;margin-bottom:8px;border:2px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;text-align:left;font-weight:400}.dashboard-user-button-active{border-color:#84a98c;background:#cad2c5;font-weight:600}.dashboard-user-count{float:right;font-size:.85rem;color:var(--text-secondary)}.dashboard-user-list{max-height:400px;overflow-y:auto}.dashboard-user-topline{font-size:.85rem;margin-bottom:4px;display:flex;align-items:center;gap:6px}.dashboard-admin-tag{background:#e74c3c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.65rem}.dashboard-user-subline{font-size:.75rem;color:var(--text-secondary)}.dashboard-main-panel{flex:1;min-width:0}.dashboard-section-title{margin-top:24px;margin-bottom:16px;color:var(--primary-dark)}.table-cell-muted{font-size:.85rem}.table-action-button{padding:6px 12px;font-size:.85rem}.dashboard-page-title{margin-bottom:24px}.dashboard-page-copy{margin-bottom:24px;color:var(--text-secondary)}.dashboard-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-panel{background:#fff;border-radius:14px;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 32px #0f172a0f;padding:18px}.dashboard-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.dashboard-panel-title{color:var(--primary-dark);font-size:1rem}.dashboard-panel-meta{font-size:.78rem;color:#64748b}.dashboard-signal-list{display:grid;gap:12px}.dashboard-signal-card{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.dashboard-signal-card-active{border-color:#84a98c;background:#f3fbf4}.dashboard-signal-topline{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--primary-dark)}.dashboard-signal-confidence{font-size:.78rem;color:#64748b;white-space:nowrap}.dashboard-signal-copy{color:#475569;font-size:.88rem;line-height:1.45}.dashboard-detail-quote{padding:14px 16px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);border-radius:12px;color:#334155;line-height:1.55;margin-bottom:16px}.dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-detail-card{padding:14px;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.18)}.dashboard-detail-card strong{color:var(--primary-dark);display:block;margin-bottom:6px}.dashboard-detail-card p{color:#334155;font-size:.9rem;margin-bottom:6px}.dashboard-detail-card span{color:#64748b;font-size:.84rem;line-height:1.45}.dashboard-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.dashboard-chip{padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.78rem;font-weight:600}.dashboard-transcript{display:grid;gap:10px}.dashboard-transcript-line{display:grid;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.18)}.dashboard-transcript-line strong{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.dashboard-transcript-line span{color:#334155;line-height:1.45}.dashboard-transcript-line-user{background:#f8fff8}.dashboard-transcript-line-model{background:#fff9f0}.dashboard-status-message{color:#2c7a7b;font-size:.9rem}.dashboard-guideline-list{display:grid;gap:12px}.dashboard-guideline-card{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}.dashboard-guideline-card strong{display:block;color:var(--primary-dark);margin-bottom:6px}.dashboard-guideline-card p{color:#475569;line-height:1.45}.dashboard-coding-form{display:grid;gap:14px}.dashboard-field{display:grid;gap:8px}.dashboard-field span{color:var(--primary-dark);font-size:.85rem;font-weight:600}.dashboard-field select,.dashboard-field textarea{width:100%;border:1px solid rgba(148,163,184,.3);border-radius:10px;padding:10px 12px;font:inherit;background:#fff}.dashboard-checkbox{display:flex;align-items:center;gap:10px;color:#334155}.dashboard-row-active{background:#f3fbf4}.metric-positive{color:#27ae60}.metric-danger{color:#e74c3c}.metric-info{color:#3498db}.metric-positive-cell{color:#27ae60}.metric-danger-cell{color:#e74c3c}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.analytics-grid-compact{margin-top:0}.analytics-panel{background:#fff;border-radius:12px;padding:24px;border:2px solid var(--border)}.analytics-panel-title{margin-bottom:16px}.analytics-row{display:flex;align-items:center;margin-bottom:8px;gap:8px}.analytics-row-label{width:100px;text-transform:capitalize}.analytics-row-value{width:40px;text-align:right}.analytics-progress{flex:1;height:20px}.analytics-progress::-webkit-progress-bar{background:#e5e7eb;border-radius:999px}.analytics-progress::-webkit-progress-value{border-radius:999px}.analytics-progress-positive::-webkit-progress-value{background:#27ae60}.analytics-progress-info::-webkit-progress-value{background:#3498db}.analytics-progress-warning::-webkit-progress-value{background:#f39c12}.analytics-progress-danger::-webkit-progress-value{background:#e74c3c}.analytics-progress::-moz-progress-bar{border-radius:999px}.analytics-progress-positive::-moz-progress-bar{background:#27ae60}.analytics-progress-info::-moz-progress-bar{background:#3498db}.analytics-progress-warning::-moz-progress-bar{background:#f39c12}.analytics-progress-danger::-moz-progress-bar{background:#e74c3c}.dashboard-role-pill{color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.dashboard-role-pill-admin{background:#e74c3c}.dashboard-role-pill-user{background:#27ae60}.dashboard-role-button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.dashboard-role-button:disabled{cursor:wait}.dashboard-role-button-demote{background:#e5e7eb}.dashboard-role-button-promote{background:#f4d03f}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);border:2px solid var(--border)}.stat-card h3{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;margin-bottom:8px}.stat-card .value{font-size:2rem;font-weight:700;color:var(--primary-dark)}.stat-card-compact{padding:18px;box-shadow:0 12px 24px #0f172a0d}.stat-card-compact .value{font-size:1.55rem}.sessions-table{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--border)}.sessions-table table{width:100%;border-collapse:collapse}.sessions-table th,.sessions-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border)}.sessions-table th{background:var(--primary-light);color:var(--primary-dark);font-weight:600;font-size:.85rem;text-transform:uppercase}.sessions-table tr:hover{background:#f8f9fa}.dashboard-table-shell{max-height:420px;overflow:auto}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-completed{background:#d1fae5;color:#059669}.status-pending{background:#fef3c7;color:#d97706}@media(max-width:768px){.login-card,.certificate-card{padding:32px 24px}.navbar{flex-direction:column;gap:12px}.navbar-actions{justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--gradient-certificate);border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;padding:24px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:var(--surface);border-radius:50%;font-size:20px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .2s;z-index:10}.modal-close:hover{background:var(--primary-light);color:var(--primary-dark)}.report-card{background:var(--surface);border-radius:var(--radius-lg);padding:40px;border:3px solid var(--primary);position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-primary)}.report-emblem{width:70px;height:70px;background:var(--gradient-gold);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 20px #c9a22766}.report-header{text-align:center;margin-bottom:28px}.report-header h1{font-family:var(--font-display);color:var(--primary-dark);font-size:1.1rem;margin-bottom:8px}.report-header p{color:var(--text-secondary);font-size:.9rem}.report-intro-note{margin-bottom:18px;padding:12px 14px;background:#fff9e6;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.88rem;line-height:1.5}.report-date{margin-top:8px;font-size:.85rem;color:var(--primary)}.report-body{max-height:400px;overflow-y:auto;padding-right:8px}.report-section{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:var(--radius-md);border-left:4px solid var(--primary)}.report-section h3{color:var(--primary-dark);font-size:.95rem;margin-bottom:10px}.report-section p{color:var(--text-primary);font-size:.9rem;line-height:1.6;white-space:pre-wrap}.report-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:2px dashed var(--border);color:var(--text-secondary);font-size:.8rem}.report-lens-card{margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:#f8fafc}.report-lens-card h3{font-size:.95rem;margin-bottom:8px}.report-lens-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin-bottom:6px}.report-lens-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.report-lens-note{margin-bottom:0}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.modal-actions .btn{padding:12px 24px;font-size:.95rem}.account-container{padding:32px 24px;max-width:800px;margin:0 auto}.account-header{text-align:center;margin-bottom:32px}.account-header h1{font-family:var(--font-display);color:var(--primary-dark);font-size:1.3rem;margin-bottom:8px}.account-header p{color:var(--text-secondary)}.account-section{background:var(--surface);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px;border:2px solid var(--border);box-shadow:var(--shadow-md)}.collapse-h2{margin:0}.collapse-header{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;color:var(--primary-dark);font-size:1.1rem;font-weight:700}.collapse-title{flex:1}.collapse-summary{font-size:.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.collapse-chevron{color:var(--text-secondary);font-size:.9rem;transition:transform .2s ease;transform:rotate(-90deg)}.collapse-chevron.is-open{transform:rotate(0)}.collapse-body{margin-top:10px}@media(prefers-reduced-motion:reduce){.collapse-chevron{transition:none}}.account-section h2{color:var(--primary-dark);font-size:1.1rem;margin-bottom:8px}.account-info{margin:16px 0}.account-info p{margin-bottom:8px;color:var(--text-primary)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state p{margin-bottom:20px}.sessions-list{display:flex;flex-direction:column;gap:10px}.session-card{background:#f8f9fa;border-radius:var(--radius-md);padding:12px 16px;border-left:4px solid var(--primary);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.session-info{flex:1 1 230px}.session-info h3{color:var(--primary-dark);font-size:.95rem;margin-bottom:2px}.session-info p{color:var(--text-secondary);font-size:.85rem}.session-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.session-feedback,.session-preview{flex-basis:100%}.show-all-sessions{align-self:center;margin-top:4px}.sessions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sessions-select-toggle{flex-shrink:0;padding:6px 14px;font-size:.82rem}.session-select-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;margin-bottom:12px;background:#fdf8e8;border:1px solid #f0e68c;border-radius:var(--radius-md)}.session-select-bar .btn{padding:6px 12px;font-size:.82rem}.select-count{font-size:.85rem;font-weight:700;color:var(--primary-dark);margin-right:auto}.session-check{width:18px;height:18px;flex-shrink:0;accent-color:#B7950B;cursor:pointer}.session-card-selected{background:#fdf8e8;border-left-color:#b7950b}.btn-danger{background:#c0392b;color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#a93226}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.session-actions .btn{padding:6px 12px;font-size:.82rem}.session-preview{margin-top:16px;padding:16px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.preview-section{margin-bottom:12px}.preview-section strong{color:var(--primary-dark);font-size:.9rem}.preview-section p{color:var(--text-secondary);font-size:.85rem;margin-top:4px}.chat-viewer-modal{max-width:700px;max-height:85vh;display:flex;flex-direction:column}.chat-viewer-header{text-align:center;padding-bottom:16px;border-bottom:2px solid var(--primary-light);margin-bottom:16px}.chat-viewer-header h2{color:var(--primary-dark);margin-bottom:4px}.chat-viewer-header p{color:var(--text-secondary);font-size:.9rem}.chat-viewer-content{flex:1;overflow-y:auto;padding:16px;background:#fffef7;border-radius:var(--radius-md);border:2px solid var(--border);max-height:400px}.chat-viewer-msg{margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-md)}.chat-viewer-msg.user{background:var(--secondary);color:#fff;margin-left:20%;border-radius:16px 16px 0}.chat-viewer-msg.model{background:var(--surface);border:2px solid var(--primary);margin-right:20%;border-radius:16px 16px 16px 0}.chat-viewer-msg .msg-role{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px;opacity:.8}.chat-viewer-msg p{margin:0;white-space:pre-wrap;line-height:1.5}.chat-viewer-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.chat-viewer-actions .btn{padding:10px 16px;font-size:.85rem}.preview-msg{padding:8px;margin-bottom:8px;background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.preview-msg strong{color:var(--primary-dark);display:block;font-size:.8rem;margin-bottom:4px}.preview-msg span{color:var(--text-secondary);font-size:.85rem}.quick-reply-container{padding:12px 0;animation:fadeInUp .4s ease-out}.quick-reply-question{text-align:center;color:var(--text-secondary);font-size:.9rem;font-weight:700;margin-bottom:10px}.quick-reply-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px}.quick-reply-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.quick-reply-button:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-reply-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.quick-reply-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-reply-emoji{font-size:1.2rem}.quick-reply-label{white-space:nowrap}@media(max-width:480px){.quick-reply-buttons{flex-direction:column;align-items:stretch}.quick-reply-button{justify-content:center}}.progress-container{padding:12px 24px;background:var(--surface);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:50}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.progress-count{font-size:.85rem;color:var(--primary-dark);font-weight:600}.progress-bar-track{width:100%;height:8px;background:var(--primary-light);border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width .5s ease}.progress-bar-fill.near-end{background:linear-gradient(135deg,#58d68d,#2ecc71);animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.progress-hint{margin-top:8px;font-size:.8rem;color:var(--text-secondary);text-align:left;animation:fadeInUp .3s ease-out}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:60px;padding:40px;background:var(--background);background-image:radial-gradient(#d4d4d4 1px,transparent 1px);background-size:24px 24px;animation:patternMove 20s linear infinite}.landing-hero{flex:1;max-width:500px;animation:fadeInUp .8s ease-out}.landing-content{padding:20px}.landing-badge{display:inline-block;background:var(--gradient-secondary);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px}.landing-title{font-family:var(--font-display);font-size:4rem;background:linear-gradient(135deg,#f4d03f,#f39c12,#d4ac0d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1.1}.landing-subtitle{font-size:1.3rem;color:var(--text-secondary);margin-bottom:20px}.landing-description{font-size:1.1rem;color:var(--text-primary);line-height:1.7;margin-bottom:30px}.landing-features{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--surface);border-radius:var(--radius-md);border:2px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.feature-item strong{display:block;font-size:1rem;color:var(--primary-dark);margin-bottom:4px}.feature-item p{font-size:.9rem;color:var(--text-secondary);margin:0}.landing-research{text-align:center;padding:16px;background:var(--primary-light);border-radius:var(--radius-md)}.landing-research p{color:var(--text-secondary);font-size:.9rem;margin:0}@media(max-width:900px){.login-container{flex-direction:column;gap:40px;padding:20px}.landing-hero{max-width:100%;text-align:center}.landing-title{font-size:3rem}.feature-item{text-align:left}}.chat-context-shell{padding:20px 24px 0;background:var(--background);border-bottom:2px solid var(--border)}.activity-context-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:12px 14px;margin-bottom:10px}.activity-context-card-collapsed{padding:10px 14px}.activity-context-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.activity-context-heading{min-width:0}.activity-context-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-context-collapsed-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.activity-context-collapsed-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-context-eyebrow{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);font-size:.72rem;font-weight:700}.activity-context-top h2{color:var(--primary-dark);font-size:1rem;line-height:1.2}.activity-context-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.activity-context-meta span,.activity-rule-chip,.activity-preview-meta span{padding:4px 8px;border-radius:999px;background:#f8f9fa;border:1px solid var(--border);color:var(--text-secondary);font-size:.74rem}.activity-context-toggle{border:1px solid var(--border);background:#fff;color:var(--primary-dark);border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:700;cursor:pointer}.activity-context-toggle:hover{background:var(--primary-light)}.activity-context-description{color:var(--text-primary);margin-top:6px;font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-context-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.activity-context-summary span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f8f9fa;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.8rem}.activity-context-summary strong{color:var(--text-primary);font-size:.76rem}.activity-context-outcome{margin-bottom:8px;padding:8px 11px;background:var(--primary-light);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.84rem;line-height:1.45}.activity-context-outcome strong{color:var(--primary-dark)}.activity-context-panel,.activity-context-callout,.activity-preview-card,.activity-form-section{background:#f8f9fa;border:1px solid var(--border);border-radius:var(--radius-md)}.activity-context-panel{padding:14px}.activity-context-panel strong,.activity-context-callout strong,.activity-preview-output strong,.activity-form-section h3,.activity-form-section h2{color:var(--primary-dark)}.activity-context-panel p,.activity-context-callout p,.activity-preview-card p,.activity-preview-output p{color:var(--text-secondary);margin-top:4px}.activity-context-callout{padding:14px;margin-bottom:14px}.activity-context-note{margin-bottom:10px;padding:9px 12px;background:#faf7ea;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.82rem;line-height:1.45}.activity-context-note p{margin:0}.activity-context-note p+p{margin-top:6px}.activity-context-note strong{color:var(--text-primary)}.activity-rule-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.activity-rule-chip-muted{opacity:.8}.activity-context-footer{border-top:1px dashed var(--border);padding-top:8px;color:var(--text-secondary);font-size:.78rem}.activity-context-footer p{margin:0}.activity-admin-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:24px;align-items:start}.activity-admin-main{display:grid;gap:18px}.activity-form-section{padding:20px}.activity-form-section h2,.activity-form-section h3{margin-bottom:8px}.activity-form-section p{color:var(--text-secondary)}.activity-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.activity-field{display:flex;flex-direction:column;gap:8px}.activity-field span{font-weight:600;font-size:.9rem}.activity-field input,.activity-field select,.activity-field textarea{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;background:var(--surface)}.activity-field input:focus,.activity-field select:focus,.activity-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-primary)}.activity-toggle-list{display:grid;gap:12px;margin-top:12px}.activity-toggle-list label{display:flex;gap:10px;align-items:flex-start;color:var(--text-primary)}.activity-form-actions{display:flex;justify-content:flex-end;gap:12px}.activity-save-message{color:var(--success);font-size:.9rem}.activity-admin-sidebar{position:sticky;top:100px}.activity-preview-card{padding:20px;box-shadow:var(--shadow-sm)}.activity-preview-card h3{color:var(--primary-dark);margin-bottom:8px}.activity-preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.activity-preview-output{padding-top:12px;margin-top:12px;border-top:1px dashed var(--border)}.activity-selector-bar,.activity-selector-empty{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.activity-selector-bar{display:flex;align-items:center;gap:12px}.activity-selector-bar label{font-size:.9rem;font-weight:700;color:var(--text-primary)}.activity-selector-bar select{flex:1;min-width:0;padding:10px 12px;border:2px solid var(--border);border-radius:var(--radius-md);background:#f8f9fa;font-family:var(--font-body);color:var(--text-primary)}.activity-selector-empty{color:var(--text-secondary);font-size:.9rem}.activity-presence-indicator{margin-bottom:10px;padding:10px 14px;border-radius:var(--radius-md);background:#eef6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.82rem;font-weight:700}.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:768px){.admin-brief,.activity-studio-layout{grid-template-columns:1fr}.dashboard-split-layout,.analytics-grid,.dashboard-panel-grid{display:grid;grid-template-columns:1fr}.dashboard-detail-grid{grid-template-columns:1fr}.dashboard-side-panel{width:100%}.activity-context-top{flex-direction:column}.activity-context-meta{justify-content:flex-start}.activity-form-grid,.activity-admin-layout{grid-template-columns:1fr}.activity-form-actions{flex-direction:column}.activity-admin-sidebar{position:static}.activity-selector-bar{flex-direction:column;align-items:stretch}}.tina-avatar{-webkit-user-select:none;user-select:none;pointer-events:none;display:inline-block}.tina-avatar-idle,.tina-avatar-thinking{animation:tina-float 4.5s ease-in-out infinite}.tina-avatar-listening{animation:tina-sway 5s ease-in-out infinite;transform-origin:50% 90%}.tina-avatar-celebrating{animation:tina-pop .9s ease-out 1}@keyframes tina-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tina-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes tina-pop{0%{transform:scale(.92);opacity:.6}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.chat-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;color:#7f8c8d;font-size:.95rem}.chat-empty-state .tina-avatar{animation:tina-walk-in 1.4s ease-out 1,tina-float 4.5s ease-in-out 1.4s infinite}@keyframes tina-walk-in{0%{transform:translate(-48px);opacity:0}to{transform:translate(0);opacity:1}}.chat-pending-row{align-items:flex-end}.chat-pending-figure{margin-right:10px;flex-shrink:0}.message-streaming .streaming-caret{display:inline-block;width:8px;height:1em;margin-left:3px;vertical-align:text-bottom;background:#f4d03f;border-radius:2px;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{0%,60%{opacity:1}61%,to{opacity:0}}.markdown-lite p{margin:0 0 .55em}.markdown-lite p:last-child{margin-bottom:0}.markdown-lite ul,.markdown-lite ol{margin:.3em 0 .6em 1.3em;padding:0}.markdown-lite li{margin-bottom:.25em}.progress-track-stage{position:relative;padding-top:38px}.progress-walker-wrap{position:absolute;bottom:12px;line-height:0;transition:left .9s ease;z-index:1}.report-tina-wrap{display:flex;justify-content:center;margin-bottom:8px}.report-trajectory{margin:24px 0;padding:18px 20px;background:#fdf8e8;border-radius:14px}.report-trajectory h3{margin:0 0 6px;color:#2c3e50;font-size:1.05rem}.report-trajectory-note{margin:0 0 14px;color:#7f8c8d;font-size:.85rem;line-height:1.45}.trajectory-bars{display:flex;align-items:flex-end;gap:6px;height:72px;padding:0 2px}.trajectory-bar{flex:1;max-width:26px;border-radius:4px 4px 0 0}.trajectory-technical{background:#e8dcc0}.trajectory-descriptive{background:#f4d03f}.trajectory-critical{background:#52796f}.trajectory-legend{display:flex;gap:16px;margin-top:10px;font-size:.78rem;color:#7f8c8d}.trajectory-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}.report-carry{margin:24px 0;padding:18px 20px;background:#f4faf7;border-radius:14px}.report-carry h3{margin:0 0 6px;color:#2c3e50;font-size:1.05rem}.carry-options{display:flex;flex-direction:column;gap:8px}.carry-option{text-align:left;padding:12px 14px;border:1.5px solid #d8e6df;border-radius:10px;background:#fff;color:#2c3e50;font-size:.9rem;line-height:1.4;cursor:pointer;transition:border-color .2s ease,background .2s ease}.carry-option:hover{border-color:#52796f;background:#f2f8f5}.carry-saved{margin:0;color:#52796f;font-size:.9rem;line-height:1.5}@media(prefers-reduced-motion:reduce){.tina-avatar,.chat-empty-state .tina-avatar,.message-streaming .streaming-caret{animation:none!important}.progress-walker-wrap{transition:none}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#2c3e5073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:onboarding-fade .3s ease-out}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}.onboarding-card{position:relative;width:100%;max-width:480px;background:#fffef7;border-radius:24px;padding:28px 28px 24px;box-shadow:0 20px 60px #2c3e5040;text-align:center}.onboarding-topbar{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between}.onboarding-voice{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#fcf3cf;color:#b7950b;cursor:pointer;transition:background .2s ease}.onboarding-voice:hover{background:#f4e29a}.onboarding-voice[aria-pressed=false]{color:#b0a98f;background:#f1efe6}.onboarding-skip{background:none;border:none;color:#b7950b;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px}.onboarding-skip:hover{background:#fcf3cf}.onboarding-figure{height:180px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px}.onboarding-body{min-height:132px;padding:8px 4px 4px}.onboarding-title{margin:0 0 10px;font-size:1.25rem;color:#2c3e50}.onboarding-text{margin:0;font-size:1rem;line-height:1.6;color:#5a6b7b}.onboarding-scenario{background:#fdf8e8;border-radius:16px;padding:18px 18px 14px}.onboarding-scenario .onboarding-text{color:#6b5a1f;font-style:italic}.onboarding-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 16px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#e8dcc0;transition:background .3s ease,transform .3s ease}.onboarding-dot.done{background:#f4d03f}.onboarding-dot.active{background:#d4ac0d;transform:scale(1.35)}.onboarding-actions{display:flex;gap:10px;justify-content:center}.onboarding-actions .onboarding-next{min-width:170px}.onboarding-replay-btn{background:none;border:1px solid #F0E68C;color:#b7950b;font-size:.8rem;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .2s ease}.onboarding-replay-btn:hover{background:#fcf3cf}@media(prefers-reduced-motion:reduce){.onboarding-overlay{animation:none}.onboarding-dot{transition:none}}.chat-meta-row{display:flex;align-items:flex-start;gap:12px}.chat-meta-row .progress-container{flex:1}.chat-meta-row .onboarding-replay-btn{flex-shrink:0;margin-top:2px}.landing-hero{position:relative;overflow:hidden}.hero-bg-video,.hero-bg-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-bg-fallback{display:none}.hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(135deg,#fffef7db,#fcf3cfc7)}.landing-hero .landing-content{position:relative;z-index:2}.hero-story-btn{display:inline-flex;align-items:center;gap:8px;margin:4px 0 22px;padding:10px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#f4d03f,#f39c12);color:#2c3e50;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 18px #f39c124d;transition:transform .15s ease,box-shadow .15s ease}.hero-story-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f39c1266}.hero-story-btn svg{flex-shrink:0}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#2c3e50b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-modal{position:relative;width:min(900px,100%);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0006}.story-video{display:block;width:100%;height:auto;background:#000}.story-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}@media(prefers-reduced-motion:reduce){.hero-bg-video{display:none}.hero-bg-fallback{display:block}}.report-jol-gate{margin:22px 0;padding:20px;background:#f4faf7;border-radius:14px;text-align:center}.report-jol-gate h3{margin:0 0 6px;color:#2c3e50}.jol-options{display:flex;flex-direction:column;gap:10px;margin-top:14px}.jol-option{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 16px;border:1.5px solid #d8e6df;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease}.jol-option:hover{border-color:#52796f;background:#f2f8f5}.jol-option strong{color:#2c3e50;font-size:.95rem}.jol-option span{color:#7f8c8d;font-size:.82rem}.report-jol-card{margin:22px 0;padding:18px 20px;border-radius:14px;border-left:5px solid #52796F;background:#fdf8e8}.report-jol-card h3{margin:0 0 6px;color:#2c3e50;font-size:1.05rem}.report-jol-card.jol-gap-aligned{border-left-color:#52796f;background:#f4faf7}.report-jol-card.jol-gap-over{border-left-color:#f39c12}.report-jol-card.jol-gap-under{border-left-color:#5dade2}.journey-block{margin:8px 0 24px}.journey-h3{margin:0 0 10px;color:#2c3e50;font-size:1rem}.journey-bars{display:flex;align-items:flex-end;gap:10px;min-height:96px}.journey-col{display:flex;flex-direction:column;align-items:center;gap:6px}.journey-bar-track{height:80px;display:flex;align-items:flex-end}.journey-bar{width:22px;border-radius:5px 5px 0 0}.journey-bar-empty{background:#e8dcc0;opacity:.5}.journey-date{font-size:.72rem;color:#9ca3af}.journey-jol{display:flex;align-items:flex-end;gap:14px;padding-top:6px}.journey-jol-col{display:flex;flex-direction:column;align-items:center;gap:6px}.journey-jol-track{position:relative;width:22px;height:84px;border-left:2px dashed #e5e7eb}.jol-dot{position:absolute;left:-5px;width:12px;height:12px;border-radius:50%}.jol-dot.jol-self{background:#f39c12}.jol-dot.jol-measured{background:#fff;border:2px solid #52796F}.jol-dot-legend{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}.jol-dot-legend.jol-self{background:#f39c12}.jol-dot-legend.jol-measured{background:#fff;border:2px solid #52796F}.journey-moves{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.journey-moves li{display:flex;gap:12px;align-items:baseline;padding:10px 12px;background:#fff;border:1px solid #f0e68c;border-radius:10px}.journey-move-date{flex-shrink:0;font-size:.78rem;font-weight:700;color:#b7950b;min-width:52px}.journey-move-text{color:#2c3e50;font-size:.9rem;line-height:1.4}.form-label-row{display:flex;align-items:baseline;justify-content:space-between}.forgot-link{background:none;border:none;padding:0;cursor:pointer;color:#b7950b;font-size:.82rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.reset-sent-card{background:#fdf8e8;border-radius:12px;padding:16px 18px;margin-bottom:14px;color:#6b5a1f}.reset-sent-card strong{display:block;color:#2c3e50;margin-bottom:4px}.reset-sent-card p{margin:0;font-size:.9rem;line-height:1.5}.login-card-centered{margin:auto;max-width:440px}.btn-ghost.reset-cta{display:block;width:100%;margin:12px 0 4px;padding:12px 16px;background:#fcf3cf;color:#2c3e50;border:1.5px solid #F0E68C;border-radius:12px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn-ghost.reset-cta:hover{background:#f9e79f;border-color:#f4d03f}.tina-companion{position:relative;display:inline-flex;align-items:flex-end;justify-content:center}.chat-empty-state .tina-companion{width:100%}.tina-companion-figure{transition:transform 4s ease-in-out;will-change:transform}.tina-companion .tina-avatar{animation:companion-fade .6s ease}@keyframes companion-fade{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tina-companion-figure{transition:none}.tina-companion .tina-avatar{animation:none}}.tina-idle-video{width:200px;height:200px;object-fit:cover;border-radius:24px;box-shadow:0 10px 30px #f4d03f40;background:#fffef7}.report-feedback-card{margin:22px 0;padding:18px 20px;background:#f4faf7;border-radius:14px}.report-feedback-card h3{margin:0 0 6px;color:#2c3e50;font-size:1.05rem}.feedback-note-input{width:100%;box-sizing:border-box;margin:10px 0;padding:10px 12px;border:1.5px solid #d8e6df;border-radius:10px;font-family:inherit;font-size:.9rem;resize:vertical}.feedback-note-input:focus{outline:none;border-color:#52796f}.session-feedback{margin-top:12px;padding:14px 16px;border-radius:12px;font-size:.9rem;line-height:1.5}.session-feedback-answered{background:#f4faf7;border-left:4px solid #52796F;color:#2c3e50}.session-feedback-answered strong{display:block;color:#52796f;margin-bottom:4px}.session-feedback-pending{background:#fdf8e8;border-left:4px solid #F4D03F;color:#6b5a1f}.coverage-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.coverage-label{flex:0 0 46%;font-size:.86rem;color:#2c3e50}.coverage-track{flex:1;height:12px;background:#f1eee0;border-radius:6px;overflow:hidden}.coverage-fill{height:100%;background:linear-gradient(90deg,#f4d03f,#f39c12);border-radius:6px;transition:width .4s ease}.coverage-fill.coverage-empty{background:#e8dcc0}.coverage-count{flex:0 0 28px;text-align:right;font-size:.8rem;color:#9ca3af}.insight-nudge{margin:6px 0 18px;padding:12px 16px;background:#fdf8e8;border-radius:12px;font-size:.9rem;line-height:1.5;color:#6b5a1f}.insight-nudge strong{color:#2c3e50}.app-crash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:32px;background:#fffef7;color:#2c3e50;font-family:Outfit,sans-serif}.app-crash-mascot{border-radius:50%;background:#fcf3cf;padding:6px}.app-crash h1{margin:0;font-size:1.4rem}.app-crash p{margin:0;max-width:380px;color:#7f8c8d;line-height:1.5}.return-reminder{max-width:440px;margin:0 auto 18px;padding:16px 20px;background:#fdf8e8;border:1.5px solid #F0E68C;border-radius:16px;text-align:center}.return-reminder-eyebrow{font-size:.8rem;font-weight:700;color:#b7950b;margin-bottom:6px}.return-reminder-body{margin:0 0 6px;color:#2c3e50;font-size:.95rem;line-height:1.5}.return-reminder-cta{margin:0;color:#7f8c8d;font-size:.82rem}.artifact-anchor{margin-top:10px}.artifact-add-btn{width:100%;background:#fffdf5;border:1.5px dashed #E8D98A;color:#9a7d0a;font-size:.85rem;font-weight:600;padding:9px 14px;border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.artifact-add-btn:hover{background:#fcf6e0;border-color:#d9c45a}.artifact-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fdf8e8;border:1.5px solid #F0E68C;border-radius:14px;padding:12px 14px}.artifact-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.artifact-card-eyebrow{font-size:.72rem;font-weight:700;color:#b7950b;text-transform:uppercase;letter-spacing:.03em}.artifact-card-kind{font-size:.9rem;font-weight:700;color:#2c3e50}.artifact-card-note{margin:2px 0 0;color:#4a5568;font-size:.85rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.artifact-card-link{font-size:.82rem;color:#b7950b;font-weight:600;text-decoration:underline;margin-top:2px}.artifact-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.artifact-edit-btn,.artifact-remove-btn{background:none;border:1px solid #E8D98A;color:#9a7d0a;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer}.artifact-edit-btn:hover{background:#fcf3cf}.artifact-remove-btn{color:#b0594b;border-color:#e6c3bc}.artifact-remove-btn:hover{background:#fbedea}.artifact-panel{margin-top:8px;background:#fffdf5;border:1.5px solid #F0E68C;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.artifact-panel-help{margin:0;color:#4a5568;font-size:.85rem;line-height:1.5}.artifact-field{display:flex;flex-direction:column;gap:4px}.artifact-field>span{font-size:.78rem;font-weight:700;color:#6b5d1b}.artifact-field select,.artifact-field input,.artifact-field textarea{border:1.5px solid #E8D98A;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:.88rem;color:#2c3e50;background:#fff;resize:vertical}.artifact-field select:focus,.artifact-field input:focus,.artifact-field textarea:focus{outline:none;border-color:#d4ac0d}.artifact-panel-actions{display:flex;justify-content:flex-end;gap:8px}.artifact-cancel-btn{background:none;border:1px solid #DDD;color:#7f8c8d;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer}.artifact-save-btn{background:#f4d03f;border:none;color:#2c3e50;font-size:.82rem;font-weight:700;padding:7px 16px;border-radius:999px;cursor:pointer}.artifact-save-btn:hover{background:#f1c40f}.artifact-save-btn:disabled{background:#f4e6b8;color:#b7a94b;cursor:not-allowed}.usage-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;background:#2c3e5080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:onboarding-fade .3s ease-out}.usage-guide-card{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:#fffef7;border-radius:24px;padding:18px 20px 22px;box-shadow:0 24px 60px #2c3e5047;border:1.5px solid #F6ECC0}.usage-guide-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.usage-guide-roles{display:inline-flex;background:#fbf4da;border-radius:999px;padding:3px;gap:2px}.usage-guide-role{border:none;background:none;cursor:pointer;border-radius:999px;font-size:.82rem;font-weight:600;color:#9a7d0a;padding:6px 12px;transition:background .2s ease,color .2s ease}.usage-guide-role.active{background:#f4d03f;color:#2c3e50;box-shadow:0 2px 6px #d4ac0d4d}.usage-guide-topbar-actions{display:flex;align-items:center;gap:4px}.usage-guide-voice,.usage-guide-close{background:none;border:none;cursor:pointer;color:#b7950b;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s ease}.usage-guide-voice:hover,.usage-guide-close:hover{background:#fcf3cf}.usage-guide-stage{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#fdf8e8,#fcf3cf);border:1.5px solid #F0E68C;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.usage-guide-frame{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.usage-guide-frame-fallback{flex-direction:column}.usage-guide-frame-icon{font-size:4rem;opacity:.6}.usage-guide-step-badge{position:absolute;bottom:10px;right:10px;background:#2c3e50c7;color:#fff;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.usage-guide-body{margin-top:16px;text-align:center}.usage-guide-title{font-size:1.2rem;font-weight:700;color:#2c3e50;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.usage-guide-title-icon{font-size:1.1rem}.usage-guide-text{margin:0;color:#4a5568;font-size:.95rem;line-height:1.6;max-width:460px;margin-inline:auto}.usage-guide-dots{display:flex;justify-content:center;gap:7px;margin:16px 0 14px}.usage-guide-dot{width:8px;height:8px;border-radius:50%;background:#eadfa8;transition:background .2s ease,transform .2s ease}.usage-guide-dot.active{background:#f4d03f;transform:scale(1.35)}.usage-guide-dot.done{background:#d4ac0d}.usage-guide-actions{display:flex;justify-content:space-between;gap:10px}.usage-guide-actions .btn{min-width:110px}.usage-guide-back:disabled{opacity:.4;cursor:not-allowed}@media(max-width:520px){.usage-guide-card{padding:14px 14px 18px}.usage-guide-role{padding:6px 9px;font-size:.78rem}.usage-guide-text{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.usage-guide-overlay{animation:none}.usage-guide-dot{transition:none}}.hero-guide-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;border:1.5px solid rgba(255,255,255,.55);color:#fff;font-size:.9rem;font-weight:600;padding:9px 18px;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background .2s ease}.hero-guide-btn:hover{background:#ffffff47}.hero-cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.constellation{margin:4px 0 22px;padding:18px 16px 16px;background:radial-gradient(circle at 50% 30%,#fffcef,#fbf4da 70%,#f8edc4);border:1.5px solid #F0E68C;border-radius:18px;text-align:center}.constellation-title{margin:0 0 2px;font-size:1.05rem;font-weight:700;color:#2c3e50}.constellation-sub{margin:0 0 6px;font-size:.82rem;color:#8a7a3a}.constellation-svg{width:100%;max-width:460px;height:auto;display:block;margin:0 auto;overflow:visible}.constellation-link{stroke:#e2c75a;stroke-width:.4;opacity:.5;transition:opacity .2s ease,stroke .2s ease}.constellation-link.active{stroke:#d4ac0d;stroke-width:.7;opacity:1}.constellation-tension-link{stroke:#c97b5a;stroke-width:.5;stroke-dasharray:1.4 1.2;opacity:.85}.constellation-spark{font-size:5px}.constellation-you{fill:#d4ac0d}.constellation-you-label{fill:#9a7d0a;font-size:4px;font-weight:700;font-family:Outfit,sans-serif}.constellation-star{cursor:pointer;outline:none}.constellation-dot{fill:#f4d03f;stroke:#fff;stroke-width:.5;transition:fill .2s ease,transform .2s ease;transform-origin:center}.constellation-star:hover .constellation-dot,.constellation-star.active .constellation-dot,.constellation-star:focus-visible .constellation-dot{fill:#f1c40f;transform:scale(1.25)}.constellation-label{fill:#4a5568;font-size:4.4px;font-weight:600;font-family:Outfit,sans-serif}.constellation-star:hover .constellation-label,.constellation-star.active .constellation-label,.constellation-star:focus-visible .constellation-label{fill:#2c3e50}.constellation-note{margin:8px auto 0;min-height:2.4em;max-width:420px;font-size:.86rem;line-height:1.45;color:#4a5568}.constellation-note strong{color:#b7950b}.constellation-note-hint{color:#aa9a55;font-style:italic}.constellation-tension{margin:12px auto 0;max-width:440px;text-align:left;background:#fbede6;border:1.5px solid #E6C3BC;border-radius:12px;padding:10px 14px}.constellation-tension-eyebrow{font-size:.72rem;font-weight:700;color:#b0594b;text-transform:uppercase;letter-spacing:.03em}.constellation-tension p{margin:4px 0 0;font-size:.88rem;line-height:1.5;color:#5a4038}@media(prefers-reduced-motion:reduce){.constellation-dot,.constellation-link{transition:none}}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:#b7950b;cursor:help;vertical-align:middle;outline:none}.info-tip-icon{opacity:.7;transition:opacity .15s ease;flex-shrink:0}.info-tip:hover .info-tip-icon,.info-tip:focus-visible .info-tip-icon{opacity:1}.info-tip:focus-visible{box-shadow:0 0 0 2px #d4ac0d73;border-radius:50%}.info-tip-bubble{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:280px;background:#2c3e50;color:#fdfbf2;font-size:.78rem;font-weight:400;line-height:1.45;text-align:left;letter-spacing:normal;text-transform:none;padding:9px 12px;border-radius:10px;box-shadow:0 8px 24px #2c3e5052;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:50;pointer-events:none;white-space:normal}.info-tip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#2c3e50}.info-tip:hover .info-tip-bubble,.info-tip:focus-visible .info-tip-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.info-tip:last-child .info-tip-bubble{left:auto;right:-4px;transform:translateY(4px)}.info-tip:last-child:hover .info-tip-bubble,.info-tip:last-child:focus-visible .info-tip-bubble{transform:translateY(0)}.info-tip:last-child .info-tip-bubble:after{left:auto;right:10px;transform:none}@media(prefers-reduced-motion:reduce){.info-tip-bubble{transition:none}}.admin-guide-button{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}.usage-guide-fullpage{display:block;width:100%;margin:14px 0 2px;background:none;border:none;color:#b7950b;font-size:.82rem;font-weight:600;cursor:pointer;text-align:center}.usage-guide-fullpage:hover{color:#9a7d0a;text-decoration:underline}.guidebook-page{min-height:100vh;background:#fffef7;color:#2c3e50;padding-bottom:60px}.guidebook-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;background:#fffef7eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1.5px solid #F4E6B8}.guidebook-back{background:none;border:none;color:#9a7d0a;font-weight:600;font-size:.9rem;cursor:pointer}.guidebook-back:hover{color:#2c3e50}.guidebook-roles{display:inline-flex;background:#fbf4da;border-radius:999px;padding:3px;gap:2px}.guidebook-role{border:none;background:none;cursor:pointer;border-radius:999px;font-size:.85rem;font-weight:600;color:#9a7d0a;padding:7px 14px}.guidebook-role.active{background:#f4d03f;color:#2c3e50;box-shadow:0 2px 6px #d4ac0d4d}.guidebook-hero{max-width:760px;margin:0 auto;padding:44px 24px 8px;text-align:center}.guidebook-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b7950b}.guidebook-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:8px 0 10px}.guidebook-hero p{font-size:1.05rem;color:#6b6b6b;margin:0}.guidebook-steps{list-style:none;max-width:1000px;margin:28px auto 0;padding:0 24px;display:flex;flex-direction:column;gap:44px}.guidebook-step{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;scroll-margin-top:80px}.guidebook-step.reversed .guidebook-step-figure{order:2}.guidebook-step-figure img{width:100%;height:auto;display:block;border-radius:18px;border:1.5px solid #F0E68C;box-shadow:0 18px 44px #785f0a29}.guidebook-step-num{font-size:.82rem;font-weight:700;color:#b7950b;display:flex;align-items:center;gap:8px}.guidebook-step-icon{font-size:1.1rem}.guidebook-step-body h2{font-size:1.45rem;margin:8px 0 12px}.guidebook-step-lead{font-size:1.05rem;line-height:1.6;color:#2c3e50;margin:0 0 12px;font-weight:500}.guidebook-step-detail{font-size:.96rem;line-height:1.65;color:#555;margin:0 0 16px}.guidebook-listen{display:inline-flex;align-items:center;gap:6px;background:#fbf4da;border:1.5px solid #E8D98A;color:#9a7d0a;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer}.guidebook-listen:hover{background:#f7ecc4}.guidebook-listen.playing{background:#f4d03f;color:#2c3e50;border-color:#f4d03f}.guidebook-footer{max-width:600px;margin:56px auto 0;padding:0 24px;text-align:center}.guidebook-footer p{font-size:1.05rem;color:#4a5568;margin:0 0 16px}.guidebook-footer .btn{min-width:200px}@media(max-width:760px){.guidebook-step{grid-template-columns:1fr;gap:16px}.guidebook-step.reversed .guidebook-step-figure{order:0}.guidebook-hero{padding-top:28px}}