.pd-overlay{position:fixed;inset:0;z-index:500;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;animation:pd-fade-in .15s ease-out}@keyframes pd-fade-in{0%{opacity:0}to{opacity:1}}.pd-panel{position:relative;width:520px;max-width:100%;height:100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-8px 0 32px #0000001f;animation:pd-slide-in .2s ease-out;padding:0 0 40px}@keyframes pd-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.pd-close{position:sticky;top:0;float:right;z-index:10;width:40px;height:40px;margin:12px 12px 0 0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e2e8f0;border-radius:10px;font-size:1.4rem;color:#64748b;cursor:pointer;transition:all .12s}.pd-close:hover{background:#f1f5f9;color:#1e293b}.pd-header{display:flex;gap:0;padding:32px 32px 24px}.pd-zone-indicator{width:4px;border-radius:2px;flex-shrink:0;margin-right:16px}.pd-header-text{flex:1;min-width:0}.pd-badges-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pd-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.pd-badge-zone{color:#fff}.pd-badge-category{background:#f1f5f9;color:#475569}.pd-badge-sentiment{color:#fff}.pd-sentiment-positive{background:#059669}.pd-sentiment-neutral{background:#d97706}.pd-sentiment-concerning{background:#dc2626}.pd-title{font-size:1.35rem;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:#0f172a}.pd-section{padding:0 32px;margin-bottom:28px}.pd-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.pd-description{font-size:1rem;line-height:1.7;color:#334155}.pd-research-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.pd-research-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;font-size:.75rem;font-weight:600;color:#4338ca}.pd-effect-size{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:10px;margin-bottom:14px}.pd-es-well-above{background:#f0fdf4;border-left:3px solid #16a34a}.pd-es-at-or-above{background:#f0fdf4;border-left:3px solid #059669}.pd-es-approaching{background:#fefce8;border-left:3px solid #ca8a04}.pd-es-below{background:#fef2f2;border-left:3px solid #dc2626}.pd-es-value{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:#0f172a;flex-shrink:0}.pd-es-text{font-size:.88rem;line-height:1.5;color:#475569}.pd-rosenshine{padding:12px 16px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;font-size:.88rem;font-style:italic;line-height:1.5;color:#78350f}.pd-suggestions{display:flex;flex-direction:column;gap:10px;padding-left:20px}.pd-suggestions li{font-size:.92rem;line-height:1.6;color:#334155}.pd-suggestions li::marker{color:#4f46e5;font-weight:700}.pd-reading{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.pd-reading li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.pd-reading-title{font-size:.88rem;font-weight:600;color:#1e293b;line-height:1.4}.pd-reading-author{font-size:.78rem;color:#64748b}.pd-qi-intro{font-size:.85rem;color:#64748b;margin-bottom:10px;line-height:1.5}.pd-qi-list{display:flex;flex-direction:column;gap:6px}.pd-qi-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#4f46e50a;border-radius:8px}.pd-qi-code{font-size:.78rem;font-weight:800;color:#4f46e5;background:#4f46e51a;padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.pd-qi-label{font-size:.85rem;color:#334155}.pd-info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid #cbd5e1;background:#fff;font-size:.62rem;font-weight:800;color:#94a3b8;cursor:pointer;transition:all .12s;flex-shrink:0;line-height:1;padding:0;vertical-align:middle}.pd-info-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#eef2ff;transform:scale(1.15)}@media(max-width:640px){.pd-panel{width:100%;animation:pd-slide-up .2s ease-out}@keyframes pd-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pd-header{padding:24px 20px 20px}.pd-section{padding:0 20px}.pd-title{font-size:1.15rem}}.obs-capture{padding-bottom:180px}.obs-topbar{position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:50;background:var(--color-surface, #ffffff);border-bottom:2px solid var(--color-border, #e2e8f0);box-shadow:0 2px 8px #0000000f}.obs-topbar-inner{max-width:1400px;margin:0 auto;padding:8px 20px}.obs-timer-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.obs-timer{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-accent, #059669);letter-spacing:-.02em}.obs-timer-group{display:flex;align-items:center;gap:8px}.obs-timer-paused{color:var(--color-warning, #d97706);animation:obs-blink 1s step-end infinite}@keyframes obs-blink{50%{opacity:.4}}.obs-pause-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-bg, #f8fafc);font-size:.9rem;color:var(--color-text-muted, #64748b);cursor:pointer;transition:all .12s;line-height:1;touch-action:manipulation}.obs-pause-btn:hover{border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5);background:#eef2ff}.obs-pause-btn-resume{border-color:var(--color-accent, #059669);color:var(--color-accent, #059669);background:#f0fdf4}.obs-pause-btn-resume:hover{background:#dcfce7}.obs-tap-count{font-size:.85rem;font-weight:600;color:var(--color-text-muted, #64748b)}.obs-period-progress{height:3px;background:var(--color-border, #e2e8f0);border-radius:2px;margin:4px 0 2px;overflow:hidden}.obs-period-fill{height:100%;background:var(--color-accent, #059669);border-radius:2px;transition:width 1s linear}.obs-period-select{max-width:120px}.obs-period-custom{max-width:80px}.obs-paused-banner{text-align:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-warning, #d97706);background:#fefce8;border-radius:4px;padding:2px 0;margin:2px 0}.obs-grid-paused{opacity:.45;pointer-events:none}.obs-fields{margin:0}.obs-fields-row{display:flex;gap:6px}.obs-input{flex:1;padding:6px 10px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-size:.82rem;background:var(--color-bg, #f8fafc);color:var(--color-text, #1e293b);min-width:0}.obs-input:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 2px #4f46e51f}.obs-practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:100px;padding:0 4px}.obs-category-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-top:3px solid var(--zone-color);border-radius:8px;padding:10px}.obs-cat-title{font-size:.72rem;font-weight:700;color:var(--zone-color);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-buttons{display:flex;flex-wrap:wrap;gap:5px}.obs-btn-wrap{position:relative;display:inline-flex}.obs-btn-wrap>.pd-info-btn{position:absolute;top:-4px;left:-4px;z-index:2;opacity:0;transition:opacity .15s}.obs-btn-wrap:hover>.pd-info-btn{opacity:1}.obs-tap-btn{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;min-height:44px;min-width:44px;background:var(--color-bg, #f8fafc);border:1.5px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.72rem;font-weight:500;color:var(--color-text, #334155);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .08s,background .08s,border-color .08s;line-height:1.2}.obs-tap-btn:active{transform:scale(.93);background:var(--zone-color, #4f46e5);border-color:var(--zone-color, #4f46e5);color:#fff}.obs-tap-badge{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--zone-color, #4f46e5);color:#fff;font-size:.72rem;font-weight:800;border-radius:11px;box-shadow:0 1px 3px #0003;pointer-events:none}.obs-pupil-strip{position:fixed;bottom:60px;left:0;right:0;z-index:50;background:var(--color-surface, #ffffff);border-top:2px solid var(--color-border, #e2e8f0);box-shadow:0 -2px 8px #0000000f}.obs-pupil-strip-inner{max-width:1400px;margin:0 auto;padding:8px 20px}.obs-pupil-strip-title{font-size:.7rem;font-weight:700;color:var(--color-accent, #059669);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.obs-pupil-groups{display:flex;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.obs-pupil-group{flex-shrink:0}.obs-pupil-group-label{display:block;font-size:.62rem;font-weight:600;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.obs-pupil-buttons{display:flex;gap:5px}.obs-pupil-buttons .obs-btn-wrap>.pd-info-btn{top:-4px;left:-4px}.obs-pupil-btn{border-color:var(--sentiment-color);background:var(--color-surface, #ffffff)}.obs-sentiment-positive{border-color:#bbf7d0;background:#f0fdf4}.obs-sentiment-neutral{border-color:#fde68a;background:#fefce8}.obs-sentiment-concerning{border-color:#fecaca;background:#fef2f2}.obs-pupil-btn:active{background:var(--sentiment-color)!important;border-color:var(--sentiment-color)!important;color:#fff}.obs-finish-bar{position:fixed;bottom:0;left:0;right:0;z-index:51;display:flex;justify-content:flex-end;padding:10px 20px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--color-surface, #ffffff);border-top:1px solid var(--color-border, #e2e8f0)}.obs-finish-btn{padding:12px 32px;background:var(--color-primary, #4f46e5);color:#fff;font-size:.95rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background .15s;white-space:nowrap;touch-action:manipulation}.obs-finish-btn:hover{background:var(--color-primary-hover, #4338ca)}.obs-finish-btn:active{background:#3730a3}.obs-confirm-backdrop{position:fixed;inset:0;background:#0006;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px}.obs-confirm-modal{background:var(--color-surface, #ffffff);border-radius:12px;padding:28px 24px;max-width:380px;width:100%;box-shadow:0 8px 30px #0003;animation:fadeIn .15s ease-out}.obs-confirm-modal h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--color-text, #1e293b)}.obs-confirm-modal p{font-size:.9rem;color:var(--color-text-muted, #64748b);line-height:1.5;margin-bottom:20px}.obs-confirm-actions{display:flex;gap:10px}.obs-confirm-cancel{flex:1;padding:12px;background:var(--color-bg, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--color-text-muted, #64748b);cursor:pointer;touch-action:manipulation}.obs-confirm-cancel:hover{background:var(--color-border, #e2e8f0)}.obs-confirm-finish{flex:1;padding:12px;background:var(--color-primary, #4f46e5);border:none;border-radius:8px;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;touch-action:manipulation}.obs-confirm-finish:hover{background:var(--color-primary-hover, #4338ca)}.obs-tooltip{position:fixed;transform:translate(-50%,-100%);max-width:280px;padding:8px 12px;background:#1e293b;color:#fff;font-size:.78rem;line-height:1.4;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:200;pointer-events:none}.obs-review{max-width:640px;margin:0 auto;padding-bottom:40px}.obs-review-header{margin-bottom:24px}.obs-review-header h2{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.obs-review-meta{font-size:.85rem;color:var(--color-text-muted, #64748b)}.obs-review-summary{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:10px;padding:20px;margin-bottom:24px}.obs-review-summary h3{font-size:.95rem;font-weight:600;margin-bottom:14px}.obs-summary-zone{margin-bottom:12px}.obs-summary-zone:last-child{margin-bottom:0}.obs-summary-zone h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.obs-summary-tags{display:flex;flex-wrap:wrap;gap:6px}.obs-summary-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-bg, #f8fafc);border:1px solid;border-radius:8px;font-size:.78rem;font-weight:500;color:var(--color-text, #334155)}.obs-summary-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;color:#fff;font-size:.68rem;font-weight:700}.obs-review-form{display:flex;flex-direction:column;gap:4px}.obs-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.obs-form-field>span{font-size:.9rem;font-weight:600;color:var(--color-text, #1e293b)}.obs-form-field textarea{padding:12px;border:1px solid var(--color-border, #e2e8f0);border-radius:10px;font-size:.95rem;font-family:inherit;color:var(--color-text, #1e293b);background:var(--color-surface, #ffffff);resize:vertical;line-height:1.5}.obs-form-field textarea:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 2px #4f46e51f}.obs-worth-seeing-row{margin-bottom:12px}.obs-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;font-weight:500}.obs-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#7c3aed;cursor:pointer}.obs-impression-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.obs-impression-btn{padding:14px 8px;border:2px solid var(--color-border, #e2e8f0);border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--color-surface, #ffffff);color:var(--color-text-muted, #64748b);transition:all .12s;text-align:center;touch-action:manipulation}.obs-impression-btn:hover{border-color:#cbd5e1}.obs-impression-btn.selected{color:#fff;border-color:transparent}.obs-impression-6{background:#dcfce7;color:#166534}.obs-impression-6.selected{background:#16a34a;border-color:#16a34a}.obs-impression-5{background:#dbeafe;color:#1e40af}.obs-impression-5.selected{background:#2563eb;border-color:#2563eb}.obs-impression-4{background:#e0f2fe;color:#075985}.obs-impression-4.selected{background:#0284c7;border-color:#0284c7}.obs-impression-3{background:#fef9c3;color:#854d0e}.obs-impression-3.selected{background:#ca8a04;border-color:#ca8a04}.obs-impression-2{background:#fee2e2;color:#991b1b}.obs-impression-2.selected{background:#dc2626;border-color:#dc2626}.obs-impression-1{background:#fecaca;color:#7f1d1d}.obs-impression-1.selected{background:#b91c1c;border-color:#b91c1c}.obs-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid var(--color-border, #e2e8f0)}.obs-back-btn{padding:14px 20px;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:10px;font-size:.9rem;font-weight:500;color:var(--color-text-muted, #64748b);cursor:pointer;transition:all .12s}.obs-back-btn:hover{background:var(--color-bg, #f8fafc);color:var(--color-text, #1e293b)}.obs-save-btn{flex:1;padding:14px 20px;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .12s;touch-action:manipulation}.obs-save-btn:hover{background:var(--color-primary-hover, #4338ca)}.obs-save-btn:disabled{background:#cbd5e1;cursor:not-allowed}@media(hover:none){.obs-btn-wrap>.pd-info-btn{opacity:.6}.obs-tap-btn{min-height:48px;padding:10px 12px}}@media(min-width:1024px)and (orientation:landscape){.obs-practice-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:1400px;margin-left:auto;margin-right:auto}.obs-category-card:nth-child(3){order:1}.obs-category-card:nth-child(4){order:2}.obs-category-card:nth-child(6){order:3}.obs-category-card:nth-child(1){order:4}.obs-category-card:nth-child(2){order:5}.obs-category-card:nth-child(5){order:6}.obs-category-card:nth-child(7){order:7}.obs-category-card:nth-child(8){order:8}.obs-category-card:nth-child(9){order:9}.obs-category-card:nth-child(10){order:10}.obs-pupil-groups{flex-wrap:nowrap}}@media(min-width:1200px)and (orientation:landscape){.obs-practice-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1023px){.obs-practice-grid{grid-template-columns:repeat(2,1fr)}.obs-pupil-groups{flex-wrap:wrap}}@media(max-width:767px){.obs-topbar{top:0;position:sticky}.obs-fields-row{flex-wrap:wrap}.obs-fields-row .obs-input{flex:1 1 calc(50% - 3px);min-width:calc(50% - 3px)}.obs-practice-grid{grid-template-columns:repeat(2,1fr);margin-top:8px;gap:8px}.obs-tap-btn{flex:1 1 calc(50% - 3px);min-width:calc(50% - 3px)}.obs-pupil-strip{bottom:52px}.obs-pupil-groups{flex-direction:column;gap:8px}.obs-pupil-buttons{flex-wrap:wrap}.obs-pupil-btn{flex:1 1 calc(50% - 3px);min-width:calc(50% - 3px)}.obs-impression-grid{grid-template-columns:repeat(2,1fr)}.obs-form-actions{flex-direction:column}.obs-back-btn{order:2;text-align:center}}@media(prefers-color-scheme:dark){.obs-topbar{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 2px 8px #0000004d}.obs-category-card{background:var(--color-surface);border-color:var(--color-border)}.obs-tap-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.obs-pupil-strip{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 -2px 8px #0000004d}.obs-finish-bar{background:var(--color-surface);border-color:var(--color-border)}.obs-paused-banner{background:#d9770626}.obs-sentiment-positive{border-color:#05966966;background:#0596691a}.obs-sentiment-neutral{border-color:#d9770666;background:#d977061a}.obs-sentiment-concerning{border-color:#dc262666;background:#dc26261a}.obs-review-summary{background:var(--color-surface);border-color:var(--color-border)}.obs-summary-tag{background:var(--color-bg)}.obs-impression-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.obs-confirm-modal{background:var(--color-surface);box-shadow:0 8px 30px #00000080}.obs-confirm-cancel{background:var(--color-bg);border-color:var(--color-border)}.obs-save-btn:disabled{background:var(--color-border);color:var(--color-text-muted)}}:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-muted: #64748b;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-accent: #059669;--color-warning: #d97706;--color-danger: #dc2626;--color-worth-seeing: #7c3aed;--color-bg-alt: #f1f5f9;--color-surface-raised: #ffffff;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--header-height: 60px}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:24px 20px 60px;animation:fadeIn .1s ease-out}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 4px #0000000f;position:sticky;top:0;z-index:100}.header-brand h1{font-size:1.2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.header-nav{display:flex;gap:4px}.nav-link{padding:8px 14px;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:all .15s}.nav-link:hover{background:var(--color-bg);color:var(--color-text)}.nav-link.active{background:var(--color-primary);color:#fff}.btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .15s}.btn:hover{background:var(--color-bg)}.btn:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px #4f46e54d}.btn-primary:hover{background:var(--color-primary-hover)}.btn-export{background:#fff;color:var(--color-primary);border-color:var(--color-primary);font-size:.85rem;gap:6px}.btn-export:hover{background:var(--color-primary);color:#fff}.btn-export:disabled{opacity:.5;cursor:not-allowed}.page-header-actions{display:flex;align-items:center;gap:12px}.input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color .15s}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}textarea.input{resize:vertical;font-family:inherit}.page-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.page-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.text-muted{color:var(--color-text-muted);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1}.stat-label{font-size:.8rem;color:var(--color-text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-sub{font-size:.8rem;color:var(--color-accent);margin-top:2px}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.chart-card h3{font-size:.95rem;font-weight:600;margin-bottom:16px}.dashboard-section{margin-bottom:32px}.dashboard-section h3{font-size:1.1rem;font-weight:600;margin-bottom:16px}.visits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.visit-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:all .15s}.visit-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.visit-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.visit-date{font-size:.8rem;color:var(--color-text-muted)}.visit-impression{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px}.impression-6{background:#dcfce7;color:#166534}.impression-5{background:#dbeafe;color:#1e40af}.impression-4{background:#e0f2fe;color:#075985}.impression-3{background:#fef9c3;color:#854d0e}.impression-2{background:#fee2e2;color:#991b1b}.impression-1{background:#fecaca;color:#7f1d1d}.visit-card-body h3{font-size:1rem;font-weight:600;margin-bottom:4px}.visit-meta{font-size:.8rem;color:var(--color-text-muted);margin-bottom:8px}.visit-strengths{font-size:.85rem;color:var(--color-text);line-height:1.4}.visit-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.visit-card-footer{display:flex;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;padding:2px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;font-size:.75rem;font-weight:500;color:var(--color-text)}.tag-with-info{gap:5px}.tag-more{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tag-count{font-weight:600;color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-worth-seeing{background:#f3e8ff;color:#6b21a8}.badge-follow-up{background:#fee2e2;color:#991b1b}.followup-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #fbbf24;border-left:4px solid #d97706;border-radius:var(--radius);margin-bottom:16px}.followup-banner-text{font-size:.88rem;font-weight:700;color:#92400e}.followup-resolve-btn{font-size:.78rem;padding:6px 14px;background:#fff;border:1.5px solid #d97706;color:#92400e;border-radius:6px;cursor:pointer;white-space:nowrap}.followup-resolve-btn:hover{background:#fffbeb}.followup-readonly{font-size:.75rem;color:#b45309;font-style:italic}.followup-flag-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1.5px dashed var(--color-border);border-radius:var(--radius);cursor:pointer;margin-bottom:16px;transition:all .15s}.followup-flag-btn:hover{color:#d97706;border-color:#d97706;background:#fffbeb}.followup-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#fef3c7;border:1px solid #fbbf24;border-left:4px solid #d97706;border-radius:var(--radius);margin-bottom:20px}.followup-callout-text{font-size:.85rem;font-weight:600;color:#92400e}.followup-callout-link{font-size:.82rem;font-weight:600;color:#d97706;text-decoration:none;white-space:nowrap}.followup-callout-link:hover{text-decoration:underline}.empty-state-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-demo{background:var(--color-bg);border:1px dashed var(--color-primary);color:var(--color-primary);font-size:.88rem;padding:8px 20px;border-radius:6px;cursor:pointer}.btn-demo:hover{background:#4f46e508}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin-bottom:20px;font-size:.85rem;color:#1e40af;flex-wrap:wrap}.demo-banner-btn{font-size:.82rem;padding:4px 14px;background:#fff;border:1px solid #93c5fd;border-radius:4px;color:#1e40af;cursor:pointer;white-space:nowrap}.demo-banner-btn:hover{background:#eff6ff}@media(prefers-color-scheme:dark){.demo-banner{background:#1e3a5f20;border-color:#3b82f640;color:#93c5fd}.demo-banner-btn{background:transparent;border-color:#3b82f640;color:#93c5fd}}.nudges-section{margin-bottom:24px}.nudges-title{font-size:1rem;font-weight:600;margin:0 0 12px}.nudges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.nudge-card{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg)}.nudge-indicator{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.nudge-amber .nudge-indicator{background:#f59e0b}.nudge-blue .nudge-indicator{background:#3b82f6}.nudge-amber{border-color:#fbbf2440;background:#fef3c710}.nudge-blue{border-color:#3b82f620}.nudge-text{flex:1;min-width:0;font-size:.88rem;line-height:1.45;margin:0;color:var(--color-text)}.nudge-link{font-size:.82rem;color:var(--color-primary);text-decoration:none;margin-left:auto;white-space:nowrap}.nudge-link:hover{text-decoration:underline}.nudges-expand{display:block;margin:12px auto 0;background:none;border:none;color:var(--color-primary);font:inherit;font-size:.85rem;cursor:pointer;padding:4px 12px}.nudges-expand:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.nudge-amber{border-color:#b4530040;background:#78350f15}}.quick-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.quick-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:500;border-radius:20px;border:1.5px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.quick-filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.quick-filter-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quick-filter-active:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;opacity:.9}.quick-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;border-radius:10px;background:#0000001a}.quick-filter-active .quick-filter-badge{background:#ffffff40}.filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filters-bar .input{max-width:240px}.filters-bar select.input{max-width:200px}.visit-detail{max-width:800px}.back-link{display:inline-block;font-size:.875rem;color:var(--color-primary);margin-bottom:16px}.back-link:hover{text-decoration:underline}.visit-detail .page-header{flex-direction:column;gap:8px}.visit-detail-meta{display:flex;gap:12px;align-items:center}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.detail-card h3{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:10px}.detail-card p{font-size:.95rem;line-height:1.6}.worth-seeing-highlight{border-left:4px solid var(--color-worth-seeing);background:#faf5ff}.tags-grouped{display:flex;flex-direction:column;gap:12px}.tag-group-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);display:block;margin-bottom:6px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.detail-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px}.detail-delete-area{margin-left:auto}.btn-delete-trigger{font-size:.82rem;color:#dc2626;background:none;border:none;cursor:pointer;padding:4px 8px}.btn-delete-trigger:hover{text-decoration:underline}.delete-confirm{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.delete-confirm-text{font-size:.85rem;color:#dc2626}.btn-delete{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;cursor:pointer}.btn-delete:hover{background:#b91c1c}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.timeline-container{padding:8px 0}.timeline-labels{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.timeline-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted)}.timeline-dot{width:10px;height:10px;border-radius:50%}.timeline-track{position:relative}.timeline-bar{position:relative;height:40px;background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border)}.timeline-event{position:absolute;width:10px;height:10px;border-radius:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .15s}.timeline-event:hover{transform:translate(-50%,-50%) scale(1.5)}.timeline-axis{display:flex;justify-content:space-between;margin-top:4px;font-size:.7rem;color:var(--color-text-muted)}.hm-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.hm-scroll{overflow-x:auto}.hm-table{border-collapse:collapse;font-size:.75rem;width:100%}.hm-table th,.hm-table td{padding:7px 6px;text-align:center;white-space:nowrap}.hm-corner{width:150px;min-width:150px}.hm-col-header{font-weight:600;color:var(--color-text-muted);font-size:.68rem;height:120px;vertical-align:bottom;position:relative;padding-bottom:8px!important}.hm-col-header span{display:block;transform:rotate(-55deg);transform-origin:bottom left;white-space:nowrap;position:absolute;bottom:8px;left:50%}.hm-col-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.hm-row-header{text-align:left!important;font-weight:600;padding-right:12px!important;color:var(--color-text);font-size:.78rem;min-width:150px;width:150px;white-space:nowrap}.hm-cell{min-width:36px;border-radius:4px;font-weight:600;font-size:.75rem;transition:all .12s;border:2px solid transparent}.hm-cell:hover{transform:scale(1.1);z-index:1;position:relative}.hm-cell-active{border-color:var(--color-text)!important;box-shadow:0 0 0 1px var(--color-text)}.hm-detail{margin-top:12px;padding:14px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.hm-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hm-detail-dept{font-size:.82rem;font-weight:700}.hm-detail-cat{font-size:.78rem;font-weight:600}.hm-detail-close{margin-left:auto;background:none;border:none;font-size:1.1rem;color:var(--color-text-muted);cursor:pointer;padding:0 4px}.hm-detail-pills{display:flex;flex-wrap:wrap;gap:6px}.hm-detail-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#fff;border:1.5px solid var(--pill-color);border-radius:12px;font-size:.72rem;font-weight:500;color:var(--color-text)}.hm-detail-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--pill-color);color:#fff;border-radius:8px;font-size:.6rem;font-weight:700}.coverage-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.coverage-row{display:flex;align-items:center;gap:10px}.coverage-label{font-size:.78rem;font-weight:500;color:var(--color-text);min-width:180px;flex-shrink:0}.coverage-bar-track{width:200px;flex-shrink:0;height:12px;background:var(--color-bg-alt, #e2e8f0);border-radius:6px;overflow:hidden}.coverage-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.coverage-count{font-size:.78rem;font-weight:700;min-width:24px;text-align:right;color:var(--color-text-muted)}.chart-summary{margin-top:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;font-size:14px;font-style:italic;color:#475569;line-height:1.6}.chart-summary-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-style:normal;margin-bottom:6px}.gaps-callout{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:var(--radius);padding:16px 20px;margin-bottom:32px}.gaps-title{font-size:.88rem;font-weight:700;color:#991b1b;margin-bottom:4px}.gaps-desc{font-size:.82rem;color:#7f1d1d;line-height:1.5;margin-bottom:10px}.gaps-list{display:flex;flex-wrap:wrap;gap:6px}.gaps-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:#fff;border:1.5px solid var(--gap-color);border-radius:14px;font-size:.75rem;font-weight:600;color:var(--gap-color)}.gaps-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--gap-color);color:#fff;border-radius:9px;font-size:.62rem;font-weight:700}.observe-screen{min-height:calc(100vh - 120px);display:flex;flex-direction:column}.observe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.observe-timer{display:flex;flex-direction:column;align-items:flex-end}.timer{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.timer.running{color:var(--color-accent)}.observe-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;flex:1}.observe-zone{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.zone-title{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.zone-buttons{display:flex;flex-wrap:wrap;gap:8px}.observe-btn{position:relative;padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .1s;min-height:44px}.observe-btn:active{transform:scale(.95);background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.observe-btn-count{position:absolute;top:-6px;right:-6px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.observe-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}.new-visit-form{max-width:700px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-field>span{font-size:.85rem;font-weight:600}.form-row{display:flex;gap:24px;margin-bottom:16px}.checkbox-field{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.impression-buttons{display:flex;gap:8px;flex-wrap:wrap}.impression-btn{padding:8px 14px;border-radius:var(--radius);border:2px solid transparent;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;opacity:.5}.impression-btn.active{opacity:1;border-color:var(--color-text)}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.worth-seeing-list{display:flex;flex-direction:column;gap:16px}.worth-seeing-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-worth-seeing);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:all .15s}.worth-seeing-card:hover{box-shadow:var(--shadow-lg)}.ws-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ws-card-header h3{font-size:1.05rem;font-weight:600}.ws-card-meta{font-size:.8rem;color:var(--color-text-muted);margin-bottom:12px}.ws-card-note{font-size:.95rem;line-height:1.6;padding:12px 16px;background:#faf5ff;border-radius:var(--radius);margin-bottom:12px;font-style:italic}.ev-page{max-width:960px}.ev-qi-list{display:flex;flex-direction:column;gap:24px}.ev-qi-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--qi-accent);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ev-qi-header{display:flex;align-items:flex-start;gap:14px;padding:20px 20px 14px}.ev-qi-code{font-size:1.15rem;font-weight:800;color:var(--qi-accent);background:var(--qi-light);padding:4px 12px;border-radius:6px;white-space:nowrap;flex-shrink:0}.ev-qi-info{flex:1;min-width:0}.ev-qi-title{font-size:1rem;font-weight:700;margin-bottom:2px}.ev-qi-desc{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.ev-coverage{padding:0 20px 16px}.ev-coverage-text{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.ev-coverage-stat{font-size:.78rem;color:var(--color-text-muted)}.ev-coverage-pct{font-size:.78rem;font-weight:700;color:var(--qi-accent)}.ev-coverage-bar{height:5px;background:var(--color-bg);border-radius:3px;overflow:hidden}.ev-coverage-fill{height:100%;background:var(--qi-accent);border-radius:3px;transition:width .3s ease}.ev-subthemes{border-top:1px solid var(--color-border)}.ev-sub{border-bottom:1px solid var(--color-border)}.ev-sub:last-child{border-bottom:none}.ev-sub-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s;font-family:inherit}.ev-sub-toggle:hover{background:var(--qi-bg)}.ev-sub-empty{opacity:.5}.ev-sub-chevron{font-size:.55rem;color:var(--color-text-muted);transition:transform .15s;flex-shrink:0;width:12px}.ev-sub-chevron-open{transform:rotate(90deg)}.ev-sub-code{font-size:.72rem;font-weight:700;color:var(--qi-accent);opacity:.8;flex-shrink:0}.ev-sub-title{font-size:.85rem;font-weight:600;color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-sub-meta{font-size:.72rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.ev-sub-body{padding:4px 20px 16px 40px;display:flex;flex-direction:column;gap:14px}.ev-cat-group{display:flex;flex-direction:column;gap:6px}.ev-cat-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ev-tag-pills{display:flex;flex-wrap:wrap;gap:5px}.ev-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:500;transition:all .12s}.ev-pill-strong{background:var(--cat-color);color:#fff;border:1px solid transparent}.ev-pill-strong .ev-pill-count{background:#ffffff40;color:#fff}.ev-pill-emerging{background:#fff;color:var(--cat-color);border:1.5px solid var(--cat-color)}.ev-pill-emerging .ev-pill-count{background:var(--cat-color);color:#fff}.ev-pill-gap{background:#f8fafc;color:#94a3b8;border:1px dashed #cbd5e1}.ev-pill-gap .pd-info-btn{border-color:#cbd5e1;color:#cbd5e1}.ev-pill-pupil{border-radius:6px}.ev-pill-label{line-height:1.2}.ev-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.6rem;font-weight:700}.ev-pill-gap-text{font-size:.62rem;font-style:italic;color:#94a3b8}span.ev-pill.ev-pill-gap .ev-pill-label{color:#b0b8c4}.ev-linked-visits{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:1px solid #f1f5f9}.ev-linked-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ev-visit-link{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.72rem;font-weight:500;color:var(--color-text);transition:all .12s}.ev-visit-link:hover{border-color:var(--qi-accent);color:var(--qi-accent)}.ev-visit-meta{color:var(--color-text-muted);font-weight:400}.ev-visit-more{font-size:.72rem;color:var(--color-text-muted)}@media(max-width:640px){.ev-qi-header{flex-direction:column;gap:8px}.ev-sub-body{padding-left:20px}.ev-sub-title{white-space:normal}}.landing{width:100%}.landing-hero{background:linear-gradient(135deg,#312e81,#4f46e5 60%,#6366f1);color:#fff;padding:80px 24px 72px;text-align:center}.landing-hero-inner{max-width:720px;margin:0 auto}.landing-headline{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em}.landing-subheadline{font-size:1.15rem;line-height:1.6;opacity:.9;margin-bottom:32px}.landing-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-btn-primary{background:#fff;color:#4f46e5;font-weight:600;padding:12px 28px;border-radius:8px;font-size:.95rem;text-decoration:none;transition:opacity .15s}.landing-btn-primary:hover{opacity:.9}.landing-btn-secondary{background:transparent;color:#fff;font-weight:500;padding:12px 28px;border-radius:8px;border:1.5px solid rgba(255,255,255,.4);font-size:.95rem;text-decoration:none;transition:border-color .15s}.landing-btn-secondary:hover{border-color:#fff}.landing-section{padding:64px 24px;max-width:960px;margin:0 auto}.landing-section-alt{max-width:none;background:var(--color-bg-alt, #f1f5f9)}.landing-section-alt>*{max-width:960px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-text);margin-bottom:36px}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.landing-step{text-align:center}.landing-step-icon{width:64px;height:64px;margin:0 auto 16px;background:#4f46e514;border-radius:16px;display:flex;align-items:center;justify-content:center}.landing-step-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:8px}.landing-step-desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.6}.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.landing-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:24px}.landing-feature h3{font-size:.95rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.landing-feature p{font-size:.85rem;color:var(--color-text-muted);line-height:1.6;margin:0}.landing-prose{max-width:680px;margin:0 auto;text-align:center}.landing-prose p{font-size:.92rem;color:var(--color-text-muted);line-height:1.7}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.landing-login-wrap{display:flex;flex-direction:column;align-items:center}.login-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-lg);padding:40px 32px}.login-title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:4px}.login-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.form-label{display:flex;flex-direction:column;gap:4px;font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.login-btn{width:100%;padding:12px;font-size:.95rem;margin-top:4px}.login-error{color:var(--color-danger);font-size:.875rem;text-align:center}.login-message{color:var(--color-accent);font-size:.875rem;text-align:center}.login-toggle{display:block;width:100%;background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;margin-top:16px;text-align:center}.login-toggle:hover{text-decoration:underline}.landing-contact{margin-top:20px;font-size:.82rem;color:var(--color-text-muted)}.landing-contact a{color:var(--color-primary);text-decoration:none}.landing-contact a:hover{text-decoration:underline}.landing-footer{padding:32px 24px;text-align:center;border-top:1px solid var(--color-border)}.landing-footer p{font-size:.82rem;color:var(--color-text-muted);font-style:italic;margin:0}@media(max-width:767px){.landing-headline{font-size:1.75rem}.landing-subheadline{font-size:1rem}.landing-hero{padding:56px 20px 48px}.landing-steps{grid-template-columns:1fr;gap:24px}.landing-features{grid-template-columns:1fr}.landing-section{padding:40px 20px}.login-card{padding:28px 20px}}@media(min-width:768px)and (max-width:1023px){.landing-headline{font-size:2rem}}.setup-choices{display:flex;flex-direction:column;gap:12px}.loading-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:.95rem;color:var(--color-text-muted)}.loading-screen:before{content:"";width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius);font-size:.85rem;margin-bottom:12px}.connection-offline{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.connection-online{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-offline{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.dot-online{background:#22c55e;box-shadow:0 0 0 2px #22c55e40}.connection-label{flex:1}.connection-sync-btn{background:none;border:1px solid currentColor;color:inherit;padding:3px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;font-weight:500;white-space:nowrap}.connection-sync-btn:hover{background:#0000000d}.save-error-banner{background:#fef2f2;border:1px solid #fecaca;color:var(--color-danger);padding:10px 16px;border-radius:var(--radius);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.save-error-banner button{background:none;border:none;color:var(--color-danger);font-size:1.2rem;cursor:pointer;padding:0 4px}.empty-state{text-align:center;padding:80px 24px;color:var(--color-text-muted)}.empty-state h3{font-size:1.1rem;margin-bottom:8px;color:var(--color-text)}.empty-state p{margin-bottom:20px}.view-context{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;margin-top:4px}.view-context-school{background:#4f46e514;color:#4f46e5}.view-context-department{background:#d9770614;color:#b45309}.view-context-personal{background:#05966914;color:#059669}.view-context-icon{font-size:.85rem}.view-context-label{letter-spacing:.01em}.analytics-page{max-width:1100px;margin:0 auto}.analytics-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:24px;position:sticky;top:var(--header-height);background:var(--color-bg);z-index:10;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.analytics-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.9rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;scroll-snap-align:start}.analytics-tab:hover{color:var(--color-text)}.analytics-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.analytics-content{display:flex;flex-direction:column;gap:24px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.practice-ring-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.practice-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);text-align:center;pointer-events:none}.practice-ring-pct{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1;text-shadow:0 0 8px white,0 0 8px white,0 0 8px white}.practice-ring-sub{display:block;font-size:.8rem;color:var(--color-text-muted);margin-top:4px;text-shadow:0 0 8px white,0 0 8px white,0 0 8px white}.coverage-pct{font-size:.75rem;color:var(--color-text-muted)}.dept-selector-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}.teachers-view{display:flex;flex-direction:column;gap:8px}.teacher-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.teacher-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.teacher-header:hover{background:var(--color-bg)}.teacher-info{display:flex;flex-direction:column;gap:2px}.teacher-name{font-weight:600;font-size:.95rem}.teacher-body{padding:0 16px 16px;border-top:1px solid var(--color-border)}.teacher-section{margin-top:16px}.teacher-section h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:8px}.teacher-timeline{display:flex;flex-direction:column;gap:6px}.teacher-timeline-row{display:flex;align-items:center;gap:10px;font-size:.875rem}.teacher-timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.teacher-timeline-date{font-weight:500;min-width:60px}.teacher-timeline-imp{margin-left:auto;font-size:.8rem;font-weight:500}.teacher-tags{display:flex;flex-wrap:wrap;gap:6px}.teacher-tag-count{display:inline-block;background:var(--color-primary);color:#fff;font-size:.7rem;padding:1px 6px;border-radius:8px;margin-left:4px}.teacher-sig-tag{border-color:var(--color-primary);background:#4f46e50a}.teacher-dev-list{display:flex;flex-direction:column;gap:12px}.teacher-dev-item{padding-left:12px;border-left:3px solid var(--color-border)}.teacher-dev-date{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.teacher-dev-observer{font-size:.8rem;color:var(--color-text-muted);margin-left:8px}.teacher-dev-text{margin-top:4px;font-size:.875rem;line-height:1.5}.staff-page{max-width:960px;margin:0 auto}.staff-table-wrap{overflow-x:auto}.staff-table{width:100%;border-collapse:collapse;font-size:.875rem}.staff-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.staff-table td{padding:10px 12px;border-bottom:1px solid var(--color-border)}.staff-table tr:hover{background:var(--color-bg)}.staff-inline-select{padding:4px 8px;font-size:.825rem;min-width:120px}.staff-status{font-size:.8rem;font-weight:500;padding:2px 8px;border-radius:10px}.staff-active{background:#0596691a;color:#059669}.staff-invited{background:#d977061a;color:#d97706}.staff-save-msg{color:var(--color-accent);font-weight:500}.csv-drop-zone{display:block;border:2px dashed var(--color-border);border-radius:var(--radius);padding:32px;text-align:center;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s}.csv-drop-zone:hover{border-color:var(--color-primary)}.csv-preview{max-height:300px;overflow-y:auto;margin:16px 0}.school-code{display:block;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 16px;font-size:.85rem;word-break:break-all;-webkit-user-select:all;user-select:all}.header-sign-out{font-size:.825rem;padding:6px 12px;color:var(--color-text-muted)}.header-sign-out:hover{color:var(--color-danger)}.header-actions{display:flex;align-items:center;gap:8px}.hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hamburger-icon{position:relative;display:block;width:20px;height:2px;background:var(--color-text);border-radius:1px;transition:background .2s}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--color-text);border-radius:1px;transition:transform .2s}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.hamburger-open{background:transparent}.hamburger-open:before{transform:translateY(6px) rotate(45deg)}.hamburger-open:after{transform:translateY(-6px) rotate(-45deg)}.drawer{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:200;display:flex;flex-direction:column;padding:80px 20px 24px;transform:translate(-100%);transition:transform .25s ease}.drawer-open{transform:translate(0)}.drawer-backdrop{position:fixed;inset:0;background:#0000004d;z-index:199}.drawer-links{display:flex;flex-direction:column;gap:4px;flex:1}.drawer-link{display:block;padding:12px 16px;border-radius:var(--radius);font-size:1rem;font-weight:500;color:var(--color-text);transition:background .12s}.drawer-link:hover{background:var(--color-bg)}.drawer-link-active{background:var(--color-primary);color:#fff}.drawer-sign-out{margin-top:auto;text-align:center;color:var(--color-text-muted)}@media(max-width:767px){:root{--header-height: 56px}.header{padding:0 12px;height:var(--header-height)}.header-nav,.header-sign-out-desktop{display:none}.hamburger-btn{display:flex}.header-brand h1{font-size:1rem}.main-content{padding:16px 12px 40px}.dashboard-charts,.detail-grid,.form-grid,.visits-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filters-bar .input,.filters-bar select.input{max-width:100%}.page-header{flex-direction:column;gap:8px;align-items:flex-start}.analytics-tabs{top:var(--header-height)}}@media(min-width:768px)and (max-width:1023px){.header-nav{gap:2px}.nav-link{padding:6px 10px;font-size:.82rem}.hamburger-btn,.drawer{display:none}.analytics-tabs{top:var(--header-height)}}@media(min-width:1024px){.hamburger-btn,.drawer{display:none}}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-bg-alt: #1e293b;--color-surface-raised: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .4)}body{color-scheme:dark}.header{box-shadow:0 1px 4px #0000004d}.impression-6{background:#166534;color:#bbf7d0}.impression-5{background:#1e40af;color:#bfdbfe}.impression-4{background:#075985;color:#bae6fd}.impression-3{background:#854d0e;color:#fef08a}.impression-2{background:#991b1b;color:#fecaca}.impression-1{background:#7f1d1d;color:#fca5a5}.stat-card,.chart-card,.detail-card,.visit-card,.worth-seeing-card,.ev-qi-card,.teacher-card,.coverage-chart,.hm-container,.login-card{background:var(--color-surface)}.input,.form-input,.obs-input{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.tag{background:var(--color-bg);border-color:var(--color-border)}.gaps-callout{background:#dc26261a;border-color:#dc26264d}.gaps-title{color:#fca5a5}.gaps-desc{color:#fecaca}.gaps-pill{background:var(--color-surface)}.worth-seeing-highlight,.ws-card-note{background:#7c3aed1a}.connection-offline{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}.connection-online{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.save-error-banner{background:#dc26261a;border-color:#dc26264d}.view-context-school{background:#6366f126}.view-context-department{background:#d9770626}.view-context-personal{background:#05966926}.analytics-tabs{background:var(--color-bg)}.drawer{background:var(--color-surface);border-color:var(--color-border)}.drawer-backdrop{background:#00000080}.ev-pill-gap{background:var(--color-bg);color:var(--color-text-muted);border-color:var(--color-border)}.ev-pill-emerging{background:var(--color-surface)}.ev-visit-link{background:var(--color-bg);border-color:var(--color-border)}.btn-export{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.staff-table tr:hover,.hm-detail{background:var(--color-bg)}.hm-detail-pill{background:var(--color-surface)}.coverage-bar-track{background:var(--color-border)}.landing-hero{background:linear-gradient(135deg,#1e1b4b,#312e81 60%,#4338ca)}.landing-section-alt{background:var(--color-surface)}.landing-step-icon{background:#6366f126}.landing-feature{background:var(--color-bg);border-color:var(--color-border)}.ev-linked-visits{border-color:var(--color-border)}.followup-banner,.followup-callout{background:#d977061f;border-color:#d977064d}.followup-banner-text,.followup-callout-text{color:#fbbf24}.followup-resolve-btn{background:var(--color-surface);border-color:#d9770666;color:#fbbf24}.followup-flag-btn:hover{background:#d977061a}.followup-callout-link{color:#fbbf24}.quick-filter-pill{border-color:var(--color-border);color:var(--color-text-muted)}.obs-table th{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.obs-table td{border-color:var(--color-border)}.obs-row-flagged{background:#dc262614}.obs-dist-card{background:var(--color-surface);border-color:var(--color-border)}.obs-alert-medium{background:#ca8a041a;border-color:#ca8a044d}.obs-alert-high{background:#dc26261a;border-color:#dc26264d}}.obs-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.obs-table{width:100%;border-collapse:collapse;font-size:.82rem}.obs-table th{text-align:left;padding:10px 14px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg-alt, #f1f5f9);border-bottom:2px solid var(--color-border)}.obs-table td{padding:10px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.obs-table tbody tr:hover{background:#4f46e508}.obs-name{font-weight:600;color:var(--color-text);white-space:nowrap}.obs-row-flagged{background:#fef2f2}.obs-impression-flagged{font-weight:700;color:var(--color-danger)}.obs-flag-dot{display:inline-block;width:7px;height:7px;background:var(--color-danger);border-radius:50%;margin-left:6px;vertical-align:middle}.obs-cat-pill{display:inline-flex;align-items:center;padding:3px 10px;background:#fff;border:1.5px solid var(--pill-color);border-radius:12px;font-size:.72rem;font-weight:500;white-space:nowrap}.obs-alerts-list{display:flex;flex-direction:column;gap:8px}.obs-alert{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;padding:10px 14px;border-radius:8px;font-size:.82rem;border-left:4px solid transparent}.obs-alert-medium{background:#fefce8;border-left-color:#ca8a04}.obs-alert-high{background:#fef2f2;border-left-color:#dc2626}.obs-alert-observer{font-weight:700;white-space:nowrap}.obs-alert-detail{color:var(--color-text-muted)}.obs-dist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.obs-dist-card{background:var(--color-bg-alt, #f8fafc);border:1px solid var(--color-border);border-radius:8px;padding:12px}.obs-dist-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:8px}.obs-dist-name{font-weight:600;font-size:.82rem;color:var(--color-text)}.obs-dist-meta{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap}@media(max-width:767px){.obs-table th:nth-child(4),.obs-table td:nth-child(4),.obs-table th:nth-child(5),.obs-table td:nth-child(5){display:none}.obs-dist-grid{grid-template-columns:1fr}}.stage-sentiment-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stage-sentiment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:14px 12px;text-align:center}.stage-limited{opacity:.5}.stage-sentiment-label{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:10px}.stage-sentiment-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--color-bg-alt, #f1f5f9);margin-bottom:8px}.stage-bar-seg{transition:width .3s ease}.stage-limited-text{font-size:.72rem;color:var(--color-text-muted);font-style:italic}.stage-sentiment-legend{display:flex;flex-direction:column;gap:2px;font-size:.68rem;font-weight:500}@media(max-width:767px){.stage-sentiment-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.stage-sentiment-grid{grid-template-columns:repeat(2,1fr)}}.cooc-matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}.cooc-matrix{display:grid;gap:2px;min-width:700px}.cooc-corner{min-width:140px}.cooc-col-header{position:relative;height:110px;font-size:.68rem;font-weight:600;color:var(--color-text-muted);padding:0;text-align:left}.cooc-col-header span{display:block;position:absolute;bottom:4px;left:50%;transform:rotate(-55deg);transform-origin:bottom left;white-space:nowrap}.cooc-row-label{font-size:.75rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;min-width:140px;padding-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cooc-cell{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;color:var(--color-text);border-radius:4px;min-height:36px;transition:all .12s}.cooc-cell:not(.cooc-diag):hover{transform:scale(1.08);z-index:1;box-shadow:0 2px 8px #00000026}.cooc-diag{background:var(--color-bg-alt, #f1f5f9)!important;color:transparent!important;font-size:0}.cooc-selected{outline:2px solid var(--color-primary);outline-offset:-1px}.cooc-detail{margin-top:16px;padding:16px;background:var(--color-bg-alt, #f8fafc);border-radius:8px;border:1px solid var(--color-border)}.cooc-detail h4{font-size:.88rem;margin-bottom:12px}.cooc-detail-list{display:flex;flex-direction:column;gap:6px}.cooc-detail-pair{display:flex;align-items:center;gap:8px;font-size:.78rem}.cooc-detail-plus{color:var(--color-text-muted);font-weight:600}.cooc-detail-count{margin-left:auto;font-weight:700;color:var(--color-primary);font-size:.75rem}.cooc-pairs-list,.cooc-missing-list{display:flex;flex-direction:column;gap:12px}.cooc-pair-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cooc-pair-rank{font-size:.82rem;font-weight:700;color:var(--color-primary);min-width:28px}.cooc-pair-names{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cooc-pair-cat{display:inline-flex;padding:3px 10px;background:var(--color-surface);border:1.5px solid;border-radius:12px;font-size:.72rem;font-weight:500;white-space:nowrap}.cooc-pair-connector{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.cooc-pair-stat{font-size:.75rem;color:var(--color-text-muted);margin-left:auto;white-space:nowrap}.cooc-missing-row{padding:12px 14px;background:var(--color-bg-alt, #f8fafc);border-radius:8px;border:1px solid var(--color-border)}.cooc-missing-pair{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.cooc-missing-reason{font-size:.75rem;color:var(--color-text-muted);line-height:1.5;margin:0}.eng-summary-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:12px}.eng-summary-chip{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;color:var(--color-text)}.eng-chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.eng-response-list{display:flex;flex-direction:column;gap:8px}.eng-response-row{display:flex;align-items:center;gap:10px}.eng-response-label{font-size:.78rem;font-weight:500;min-width:180px;color:var(--color-text)}.eng-response-bar-track{flex:1;height:8px;background:var(--color-bg-alt, #f1f5f9);border-radius:4px;overflow:hidden}.eng-response-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.eng-response-count{font-size:.78rem;font-weight:700;min-width:28px;text-align:right}.eng-response-sentiment{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;min-width:80px}.eng-dept-list{display:flex;flex-direction:column;gap:10px}.eng-dept-row{display:flex;align-items:center;gap:12px}.eng-dept-name{font-size:.78rem;font-weight:600;min-width:140px;color:var(--color-text)}.eng-dept-bar{flex:1;display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--color-bg-alt, #f1f5f9)}.eng-dept-seg{transition:width .3s ease}.eng-dept-count{font-size:.72rem;color:var(--color-text-muted);min-width:60px;text-align:right;white-space:nowrap}@media(max-width:767px){.eng-response-label{min-width:120px;font-size:.72rem}.eng-response-sentiment{display:none}.eng-dept-name{min-width:90px;font-size:.72rem}}.app-footer{display:flex;justify-content:center;gap:24px;padding:20px 24px;border-top:1px solid var(--color-border);margin-top:auto}.app-footer a{font-size:.78rem;color:var(--color-text-muted);text-decoration:none}.app-footer a:hover{color:var(--color-primary);text-decoration:underline}.landing-footer-links{display:flex;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap}.landing-footer-links a{font-size:.78rem;color:var(--color-text-muted);text-decoration:none;font-style:normal}.landing-footer-links a:hover{color:var(--color-primary);text-decoration:underline}.setup-footer-links{display:flex;justify-content:center;gap:20px;margin-top:24px;flex-wrap:wrap}.setup-footer-links a{font-size:.78rem;color:var(--color-text-muted);text-decoration:none}.setup-footer-links a:hover{color:var(--color-primary);text-decoration:underline}.terms-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--color-text);cursor:pointer;line-height:1.4}.terms-checkbox input[type=checkbox]{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--color-primary)}.terms-checkbox a{color:var(--color-primary);text-decoration:underline}.terms-checkbox a:hover{color:#3730a3}.legal-page{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.legal-page .back-link{display:inline-block;margin-bottom:24px;font-size:.9rem;color:var(--color-primary);text-decoration:none}.legal-page .back-link:hover{text-decoration:underline}.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.legal-toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;padding-right:16px}.legal-toc-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 12px;font-weight:600}.legal-toc-list{list-style:none;margin:0;padding:0}.legal-toc-item{margin-bottom:2px}.legal-toc-sub{padding-left:16px}.legal-toc-link{display:block;background:none;border:none;font:inherit;font-size:.82rem;color:var(--color-text-muted);text-align:left;padding:4px 8px;border-radius:4px;cursor:pointer;width:100%;line-height:1.35}.legal-toc-link:hover{color:var(--color-text);background:var(--color-bg-alt)}.legal-toc-active{color:var(--color-primary);background:#4f46e510;font-weight:500}.legal-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.legal-updated{font-size:.85rem;color:var(--color-text-muted)}.legal-pdf-link{font-size:.82rem}.legal-content h1{font-size:1.6rem;font-weight:700;margin:0 0 8px;color:var(--color-text)}.legal-content h1+p{margin-top:0}.legal-content h2{font-size:1.2rem;font-weight:600;margin:40px 0 12px;padding-top:16px;border-top:1px solid var(--color-border);color:var(--color-text)}.legal-content h3{font-size:1rem;font-weight:600;margin:24px 0 8px;color:var(--color-text)}.legal-content p{font-size:.92rem;line-height:1.7;color:var(--color-text);margin:0 0 12px}.legal-content ul,.legal-content ol{font-size:.92rem;line-height:1.7;padding-left:24px;margin:0 0 16px}.legal-content li{margin-bottom:6px}.legal-content strong{font-weight:600}.legal-content table{width:100%;border-collapse:collapse;font-size:.85rem;margin:16px 0 24px}.legal-content th,.legal-content td{text-align:left;padding:10px 12px;border:1px solid var(--color-border);vertical-align:top}.legal-content th{background:var(--color-bg-alt);font-weight:600;font-size:.82rem}.legal-content td{line-height:1.5}@media(max-width:767px){.legal-layout{grid-template-columns:1fr;gap:0}.legal-toc{position:static;max-height:none;border-bottom:1px solid var(--color-border);padding-bottom:16px;margin-bottom:24px;padding-right:0}.legal-content h2{font-size:1.1rem}.legal-content table{display:block;overflow-x:auto;white-space:nowrap}.app-footer{flex-direction:column;align-items:center;gap:8px}}.dpa-signing-note{max-width:1100px;margin:-32px auto 48px;padding:0 24px}.dpa-signing-note p{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px 20px;font-size:.9rem;line-height:1.6;color:#92400e}.dpa-signing-note a{color:#92400e;font-weight:600}@media(prefers-color-scheme:dark){.dpa-signing-note p{background:#78350f20;border-color:#b4530080;color:#fbbf24}.dpa-signing-note a{color:#fbbf24}}.lens-mgmt{max-width:900px;margin:0 auto}.lens-mgmt .page-header{margin-bottom:16px}.lens-empty{text-align:center;padding:24px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.lens-empty h3{margin-bottom:4px}.lens-empty .text-muted{margin-bottom:12px}.lens-list{display:flex;flex-direction:column;gap:12px}.lens-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 20px}.lens-card-inactive{opacity:.6}.lens-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lens-card-info{flex:1;min-width:0}.lens-card-name{font-size:1rem;font-weight:600;margin-bottom:4px}.lens-card-desc{font-size:.85rem;color:var(--color-text-muted);margin-bottom:6px}.lens-card-count{font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.lens-badge-inactive{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--color-border);border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.lens-card-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.lens-delete-confirm{display:flex;gap:6px}.lens-editor{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius);padding:24px;margin-top:20px}.lens-editor h3{margin-bottom:16px;font-size:1.1rem}.lens-active-row{margin:12px 0}.lens-practice-picker{margin-top:16px}.lens-practice-picker h4{font-size:.9rem;margin-bottom:12px}.lens-pick-cat{margin-bottom:12px}.lens-pick-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;font-size:.82rem;font-weight:600;color:var(--color-text);cursor:pointer;margin-bottom:6px}.lens-pick-cat-btn.lens-pick-all{background:#4f46e514;border-color:var(--color-primary);color:var(--color-primary)}.lens-pick-cat-btn.lens-pick-some{border-color:#4f46e566}.lens-pick-cat-count{font-size:.75rem;color:var(--color-text-muted)}.lens-pick-practices{display:flex;flex-wrap:wrap;gap:5px;padding-left:8px}.lens-pick-btn{padding:6px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;font-size:.75rem;color:var(--color-text);cursor:pointer;transition:all .1s}.lens-pick-btn.lens-pick-selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.lens-editor-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);justify-content:flex-end}.lens-seed-btn{font-size:.85rem}.obs-setup-form{max-width:560px;margin:0 auto}.obs-setup-fields{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.obs-setup-row{display:flex;gap:10px}.obs-lens-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.obs-lens-heading{font-size:.95rem;font-weight:600;margin-bottom:4px}.obs-lens-pills{display:flex;flex-wrap:wrap;gap:8px}.obs-lens-pill{padding:8px 16px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:20px;font-size:.82rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .12s}.obs-lens-pill:hover{border-color:var(--color-primary)}.obs-lens-pill-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.obs-lens-desc{margin-top:10px;font-size:.85rem;color:var(--color-text-muted);font-style:italic}.obs-start-btn{width:100%;padding:14px;font-size:1rem;border-radius:10px}.obs-briefing-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000080;padding:24px}.obs-briefing-card{background:var(--color-surface);border-radius:16px;padding:32px 28px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #00000040;animation:fadeIn .2s ease-out}.obs-briefing-title{font-size:1.4rem;font-weight:700;margin-bottom:8px;color:var(--color-primary)}.obs-briefing-desc{font-size:.9rem;color:var(--color-text-muted);margin-bottom:20px;line-height:1.5}.obs-briefing-section{font-size:.9rem;font-weight:600;margin-bottom:8px;margin-top:16px}.obs-briefing-list{list-style:none;padding:0;margin:0 0 8px}.obs-briefing-list li{padding:6px 0;font-size:.85rem;line-height:1.4;border-bottom:1px solid var(--color-border)}.obs-briefing-list li:last-child{border-bottom:none}.obs-briefing-practice-desc{color:var(--color-text-muted)}.obs-briefing-examples{list-style:disc;padding-left:20px;margin:0}.obs-briefing-examples li{padding:4px 0;font-size:.82rem;color:var(--color-text-muted);line-height:1.45}.obs-focus-section{margin-top:100px;padding:0 4px}.obs-focus-header{padding:8px 12px;margin-bottom:8px}.obs-focus-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary)}.obs-focus-grid{margin-top:0!important}.obs-focus-card{background:#4f46e50a;border-color:#4f46e540}.obs-tap-btn-focus{min-height:52px;background:#4f46e50f;border-color:#4f46e54d;font-weight:600}.obs-tap-btn-focus:hover{background:#4f46e51f}.obs-other-header{padding:10px 12px 4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.obs-other-grid{margin-top:0!important;opacity:.6}.obs-other-grid .obs-tap-btn{min-height:40px;font-size:.68rem}.obs-nudge{position:fixed;top:calc(var(--header-height, 60px) + 90px);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;max-width:600px;width:calc(100% - 40px);padding:10px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;animation:fadeIn .3s ease-out}.obs-nudge-text{flex:1;font-size:.82rem;color:#92400e;line-height:1.4}.obs-nudge-dismiss{background:none;border:none;font-size:1.2rem;color:#92400e;cursor:pointer;padding:0 4px}.visit-lens-tag{display:inline-block;margin-top:6px;padding:3px 10px;background:#4f46e514;border:1px solid rgba(79,70,229,.2);border-radius:12px;font-size:.78rem;font-weight:500;color:var(--color-primary)}.analytics-lens-filter{display:flex;align-items:center;gap:12px;padding:8px 0;margin-bottom:8px}.analytics-lens-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--color-text)}.analytics-lens-count{font-size:.8rem;color:var(--color-text-muted)}@media(max-width:767px){.lens-card-header{flex-direction:column}.lens-card-actions{flex-wrap:wrap}.obs-setup-row{flex-direction:column}.obs-focus-section{margin-top:8px}.obs-nudge{top:90px}.analytics-lens-filter{flex-direction:column;align-items:flex-start}}@media(prefers-color-scheme:dark){.lens-card{background:var(--color-surface);border-color:var(--color-border)}.lens-editor{background:var(--color-surface)}.obs-lens-section{background:var(--color-surface);border-color:var(--color-border)}.obs-lens-pill{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.obs-briefing-card{background:var(--color-surface)}.obs-focus-card{background:#4f46e514}.obs-tap-btn-focus{background:#4f46e51a}.obs-nudge{background:#d9770626;border-color:#d9770666}.obs-nudge-text,.obs-nudge-dismiss{color:#fbbf24}.visit-lens-tag{background:#4f46e526;border-color:#4f46e54d}.lens-pick-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}}