@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=light]{--bg-app: #FAF8EC;--bg-paper: #FAF8EC;--bg-sidebar: #FAF8EC;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-surface-muted: #F7F2E4;--bg-surface-hover: #EFE7D3;--bg-surface-active: #E4DCBE;--border-color: #E2E8F0;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-hero: linear-gradient(135deg, #FAF4E3 0%, #F5ECDA 50%, #EFE3CE 100%);--bg-reward-card: #FCF8EE;--bg-disclaimer-box: #FFF8E6;--bg-info-box: #EFF6FF;--text-primary: #14213D;--text-ink: #14213D;--text-secondary: #334155;--text-muted: #64748B;--text-subtle: #94A3B8;--text-on-accent: #FFFFFF;--text-reward-title: #9A3412;--text-disclaimer: #854D0E;--accent-primary: #F97316;--accent-primary-hover: #EA580C;--accent-secondary: #2563EB;--accent-soft: #FFF7ED;--accent-soft-hover: #FFEDD5;--accent-border: #F97316;--accent-glow: rgba(249, 115, 22, .25);--accent-orange: #F97316;--accent-orange-hover: #EA580C;--nav-blue: #2563EB;--nav-blue-hover: #1D4ED8;--indicator-green: #16A34A;--indicator-green-bg: #DCFCE7;--marker-yellow: #FDE68A;--marker-yellow-border: #FCD34D;--marker-yellow-soft: rgba(253, 230, 138, .55);--marker-blue: #BAE6FD;--marker-blue-border: #7DD3FC;--marker-blue-soft: rgba(186, 230, 253, .6);--marker-orange: #FED7AA;--marker-orange-border: #FDBA74;--marker-orange-soft: rgba(254, 215, 170, .55);--marker-green: #BBF7D0;--marker-green-border: #86EFAC;--marker-green-soft: rgba(187, 247, 208, .55);--border-subtle: #E2D9C5;--border-strong: #C8BDA3;--border-active: #2563EB;--border-reward: #FCD34D;--border-disclaimer: #FDE68A;--border-info: #BFDBFE;--border-sketch: 2px solid #14213D;--tint-emerald-bg: #DCFCE7;--tint-emerald-fg: #15803D;--tint-blue-bg: #DBEAFE;--tint-blue-fg: #1D4ED8;--tint-cyan-bg: #CFFAFE;--tint-cyan-fg: #0E7490;--tint-purple-bg: #F3E8FF;--tint-purple-fg: #7E22CE;--tint-amber-bg: #FEF3C7;--tint-amber-fg: #B45309;--tint-rose-bg: #FFE4E6;--tint-rose-fg: #BE123C;--tint-slate-bg: #F1F5F9;--tint-slate-fg: #475569;--shadow-xs: 0 1px 2px rgba(20, 33, 61, .05);--shadow-sm: 0 2px 4px rgba(20, 33, 61, .06), 0 1px 2px rgba(20, 33, 61, .04);--shadow-md: 0 4px 8px rgba(20, 33, 61, .08), 0 2px 4px rgba(20, 33, 61, .04);--shadow-lg: 0 10px 18px rgba(20, 33, 61, .1), 0 4px 6px rgba(20, 33, 61, .05);--shadow-card-hover: 0 12px 24px rgba(20, 33, 61, .12);--shadow-sketch: 3px 3px 0px #14213D;--sidebar-width: 260px;--header-height: 64px;--max-content-width: 1440px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--font-handwriting: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app: #0B132B;--bg-paper: #0B132B;--bg-sidebar: #0B132B;--bg-surface: #132247;--bg-card: #132247;--bg-surface-elevated: #182B57;--bg-surface-muted: #101E3D;--bg-surface-hover: #1E3466;--bg-surface-active: #233D77;--border-color: #1E3466;--bg-primary: #132247;--bg-secondary: #101E3D;--bg-hero: linear-gradient(135deg, #0F1D3D 0%, #13254E 50%, #0F2A38 100%);--bg-reward-card: #15264B;--bg-disclaimer-box: #2B2411;--bg-info-box: #132B52;--text-primary: #F1F5F9;--text-ink: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-subtle: #64748B;--text-on-accent: #0B132B;--text-reward-title: #FDBA74;--text-disclaimer: #FDE047;--accent-primary: #FB923C;--accent-primary-hover: #F97316;--accent-secondary: #3B82F6;--accent-soft: rgba(249, 115, 22, .15);--accent-soft-hover: rgba(249, 115, 22, .25);--accent-border: #FB923C;--accent-glow: rgba(249, 115, 22, .35);--accent-orange: #FB923C;--accent-orange-hover: #F97316;--nav-blue: #3B82F6;--nav-blue-hover: #60A5FA;--indicator-green: #22C55E;--indicator-green-bg: rgba(34, 197, 94, .2);--marker-yellow: #FCD34D;--marker-yellow-border: #F59E0B;--marker-yellow-soft: rgba(252, 211, 77, .25);--marker-blue: #38BDF8;--marker-blue-border: #0284C7;--marker-blue-soft: rgba(56, 189, 248, .25);--marker-orange: #FB923C;--marker-orange-border: #EA580C;--marker-orange-soft: rgba(251, 146, 60, .25);--marker-green: #4ADE80;--marker-green-border: #16A34A;--marker-green-soft: rgba(74, 222, 128, .25);--border-subtle: #1E3466;--border-strong: #2D4C8A;--border-active: #3B82F6;--border-reward: #935B12;--border-disclaimer: #785A14;--border-info: #1E4680;--border-sketch: 2px solid #3B82F6;--tint-emerald-bg: rgba(34, 197, 94, .15);--tint-emerald-fg: #4ADE80;--tint-blue-bg: rgba(59, 130, 246, .15);--tint-blue-fg: #60A5FA;--tint-cyan-bg: rgba(6, 182, 212, .15);--tint-cyan-fg: #22D3EE;--tint-purple-bg: rgba(168, 85, 247, .15);--tint-purple-fg: #C084FC;--tint-amber-bg: rgba(245, 158, 11, .15);--tint-amber-fg: #FBBF24;--tint-rose-bg: rgba(244, 63, 94, .15);--tint-rose-fg: #FB7185;--tint-slate-bg: rgba(148, 163, 184, .15);--tint-slate-fg: #CBD5E1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .45);--shadow-md: 0 6px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .6);--shadow-card-hover: 0 14px 30px rgba(0, 0, 0, .65);--shadow-sketch: 3px 3px 0px #3B82F6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit}button{cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.app-shell{display:flex;min-height:100vh;position:relative}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.sidebar-brand{min-height:104px;height:auto;padding:10px 12px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(20,33,61,.06);flex-shrink:0}[data-theme=dark] .sidebar-brand{border-bottom-color:#ffffff0f}.brand-link{display:flex;align-items:center;width:100%;text-decoration:none}.sidebar-brand-badge{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;text-decoration:none}.brand-logo-surface{width:100%;max-width:222px;min-height:60px;padding:5px 7px;border-radius:10px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transition:transform var(--transition-fast),background-color var(--transition-normal)}.brand-wordmark-img{width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center;display:block}.sidebar-brand-badge:hover .brand-logo-surface{transform:scale(1.05)}.brand-tagline{width:100%;padding-left:7px;font-family:var(--font-sans);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.075em;color:#0f2147;line-height:1.3;white-space:nowrap}[data-theme=dark] .brand-logo-surface{background:#fff9ed;box-shadow:0 4px 12px #00000038}[data-theme=dark] .brand-tagline{color:#f8fafc}.sidebar-refinery-img{width:100%;max-width:215px;height:auto;max-height:160px;object-fit:contain;display:block;transition:max-height var(--transition-normal)}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-sm);align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar-close-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-hover)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d1b2aa6;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:998;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none}.sidebar-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}body.sidebar-open{overflow:hidden}@media(min-width:1025px){.sidebar-backdrop,.sidebar-backdrop.active{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.sidebar-open{overflow:auto!important}}.brand-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:.98rem;font-weight:800;line-height:1.2;color:var(--text-primary);letter-spacing:-.015em}.sidebar-nav{padding:8px 12px 12px;flex:1;display:flex;flex-direction:column;gap:3px;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain}.nav-group-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);padding:10px 12px 4px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.86rem;font-weight:500;transition:all var(--transition-fast);position:relative;min-height:38px}.nav-link:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-link.active{background-color:#e0eeff;color:#14213d;font-weight:600;border-radius:10px}.nav-link.active:before{display:none!important;content:none!important}.nav-group-collapsible{display:flex;flex-direction:column}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:.88rem;font-weight:500;background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast)}.nav-group-toggle:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-group-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.nav-group-toggle.has-active-child{color:var(--text-primary);font-weight:600}.nav-group-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);color:var(--text-muted)}.nav-group-toggle:hover .nav-group-chevron{color:var(--text-primary)}.nav-group-toggle.open .nav-group-chevron{transform:rotate(180deg)}.nav-group-menu{display:none;flex-direction:column;gap:3px;padding:3px 0 6px}.nav-group-menu.open{display:flex}.nav-sublink{padding:8px 14px 8px 30px!important;font-size:.84rem!important}.nav-sublink .nav-link-content{gap:10px}.nav-link-content{display:flex;align-items:center;gap:12px}.nav-badge-stage{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);background-color:var(--bg-surface-muted);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap}.nav-audit-badge{font-size:.68rem;font-weight:600;padding:2.5px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;line-height:1.2;transition:all var(--transition-fast)}.nav-audit-badge.passed{background-color:var(--tint-emerald-bg);color:var(--accent-primary);border:1px solid rgba(16,185,129,.25)}.nav-audit-badge.failed{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.sidebar-footer{padding:12px 10px 8px;border-top:none;background-color:transparent;margin-top:auto;display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:100%;box-sizing:border-box}.sidebar-refinery-art{width:100%;display:flex;justify-content:center;align-items:center}.sidebar-motto-block{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px;width:100%;margin-top:8px;font-family:var(--font-sans);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-align:center;line-height:1.3}.motto-word{color:#1e3a8a}[data-theme=dark] .motto-word{color:#93c5fd}.motto-separator{color:#f97316;font-size:.7rem}@media(max-height:820px){.sidebar-refinery-img{max-height:110px;max-width:165px}.sidebar-footer{padding:8px 8px 4px}.sidebar-motto-block{margin-top:5px;font-size:.72rem}}@media(max-height:720px){.sidebar-brand{min-height:82px;padding:8px 12px 6px}.brand-logo-surface{min-height:42px;max-width:205px;padding:3px 6px}.brand-wordmark-img{max-height:42px}.brand-tagline{font-size:.55rem}.sidebar-refinery-art{display:none}.sidebar-footer{padding:4px 8px 6px;margin-top:auto}.sidebar-motto-block{margin-top:0;font-size:.68rem;gap:2px 4px}.nav-link{padding:6px 10px;min-height:34px;font-size:.84rem}.nav-sublink{padding:5px 10px 5px 28px;min-height:30px}}.curriculum-status-pill{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--text-muted);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;min-height:100vh}.app-topbar{height:var(--header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:40;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.topbar-left{display:flex;align-items:center;gap:12px;flex:1;max-width:520px}.mobile-toggle-btn{display:none;padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary)}.mobile-toggle-btn:hover{background-color:var(--bg-surface-hover)}.search-box{display:flex;align-items:center;gap:10px;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 14px;width:100%;color:var(--text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft);background-color:var(--bg-surface)}.search-input{border:none;background:transparent;flex:1;min-width:0;width:auto;font-size:.88rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-subtle)}.kbd-shortcut{font-family:var(--font-mono);font-size:.72rem;font-weight:500;padding:2.5px 7px;border-radius:var(--radius-xs);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);box-shadow:var(--shadow-xs);white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;-webkit-user-select:none;user-select:none}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:480px;overflow-y:auto;background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:8px 0}.search-results-header{padding:8px 16px;font-size:.75rem;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.search-results-list{display:flex;flex-direction:column}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-surface-hover)}.search-item-badge{width:32px;height:32px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-item-info{flex:1;min-width:0}.search-item-title{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.3}.search-item-context{font-size:.72rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-id{font-family:var(--font-mono);font-size:.68rem;color:var(--text-subtle);flex-shrink:0}.search-empty-state{padding:24px 16px;text-align:center;font-size:.85rem;color:var(--text-secondary)}.search-empty-state strong{color:var(--text-primary)}.search-empty-state span{display:block;font-size:.75rem;color:var(--text-muted);margin-top:6px}.search-highlight{background-color:var(--accent-soft);color:var(--accent-primary);font-weight:700;padding:0 2px;border-radius:2px}.topbar-right{display:flex;align-items:center;gap:12px}.storage-status-pill{display:flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--radius-full);background-color:var(--bg-surface-muted);border:1px solid var(--border-subtle);font-size:.74rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.storage-status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.topbar-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}.topbar-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary)}.user-badge{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:var(--radius-full);background-color:var(--bg-surface-muted);border:1px solid var(--border-subtle);cursor:pointer}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition:none!important}.avatar-component{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0}.avatar-component-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.avatar-component--topbar{width:40px;height:40px;background-color:#0b1020!important;border:2px solid #FAF6EC;box-shadow:0 1px 3px #0000001f}[data-theme=dark] .avatar-component--topbar{background-color:#0b1020!important;border:2px solid #64748b;box-shadow:0 1px 3px #00000059}.avatar-component--profile{width:176px;height:176px;background-color:#f1ebd8;border:2px solid #e2d9c4;box-shadow:0 4px 14px #0000000d}[data-theme=dark] .avatar-component--profile{background-color:#1e293b;border:2px solid #334155;box-shadow:0 4px 14px #0000004d}.avatar-component--thumb{width:56px;height:56px;background-color:#0b1020}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;background:#0b1020!important;border:2px solid #FAF6EC;box-shadow:0 1px 3px #0000001f;display:flex;align-items:center;justify-content:center}[data-theme=dark] .user-avatar{background:#0b1020!important;border:2px solid #64748b}.user-avatar-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.page-container{padding:28px 36px 60px;max-width:var(--max-content-width);margin:0 auto;width:100%;flex:1}.hero-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 36px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.hero-content{display:flex;flex-direction:column;gap:14px;z-index:2}.hero-title{font-size:2.5rem;font-weight:900;line-height:1.15;color:var(--text-primary);letter-spacing:-.03em}.hero-title span{color:var(--accent-primary)}[data-theme=dark] .hero-title span{color:#10b981}.hero-subtitle{font-size:.96rem;color:var(--text-secondary);line-height:1.6;max-width:520px}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background-color:var(--accent-primary);color:var(--text-on-accent);padding:11px 22px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);padding:10px 20px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.hero-visual{display:flex;align-items:center;justify-content:center;z-index:2}.training-rig-img{width:100%;max-width:480px;height:auto;object-fit:contain;border-radius:var(--radius-md);filter:drop-shadow(0 14px 26px rgba(15,23,42,.12));transition:filter var(--transition-normal)}[data-theme=dark] .training-rig-img{filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat-donut-wrap{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-donut-svg{transform:rotate(-90deg);width:100%;height:100%}.stat-donut-bg{stroke:var(--border-subtle)}.stat-donut-fill{stroke:var(--accent-primary);stroke-linecap:round;transition:stroke-dashoffset .4s ease}.stat-donut-text{position:absolute;font-size:.85rem;font-weight:800;color:var(--text-primary)}.stat-progress-bar-wrap{width:100%;height:5px;background-color:var(--bg-surface-muted);border-radius:var(--radius-full);margin-top:6px;overflow:hidden}.stat-progress-bar-fill{height:100%;background-color:var(--accent-primary);border-radius:var(--radius-full)}.stat-icon-wrap{width:46px;height:46px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column;flex:1}.stat-value{font-size:1.55rem;font-weight:800;line-height:1.1;color:var(--text-primary);letter-spacing:-.02em}.stat-value-sm{font-size:1.25rem;font-weight:800;line-height:1.15;color:var(--text-primary)}.stat-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-top:2px}.stat-label-title{font-size:.82rem;font-weight:700;color:var(--text-primary)}.stat-subtext{font-size:.72rem;color:var(--text-subtle);margin-top:2px}.dashboard-columns{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading{font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.view-all-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary);font-size:.85rem;font-weight:600}.view-all-link:hover{text-decoration:underline}.phase-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all var(--transition-fast);cursor:pointer;position:relative;text-align:left}.phase-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.phase-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary);background-color:var(--bg-surface-active)}.phase-card-header{display:flex;align-items:flex-start;gap:12px}.phase-card-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-card-meta{flex:1;min-width:0}.phase-card-number{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.phase-card-title{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.phase-card-progress-section{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border-subtle)}.progress-bar-container{display:flex;align-items:center;gap:10px}.progress-bar-track{flex:1;height:6px;background-color:var(--bg-surface-muted);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--accent-primary);border-radius:3px;transition:width .3s ease}.progress-percent-label{font-size:.74rem;font-weight:700;color:var(--text-primary);min-width:28px;text-align:right}.phase-card-topic-count{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.badge-tag{font-size:.65rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.badge-tag.qatar-jd{background-color:var(--tint-amber-bg);color:var(--tint-amber-fg);border:1px solid rgba(217,119,6,.2)}.badge-tag.project-tag{background-color:var(--tint-purple-bg);color:var(--tint-purple-fg);border:1px solid rgba(124,58,237,.2)}.reward-card{background-color:var(--bg-reward-card);border:1px solid var(--border-reward);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}.reward-card-header{display:flex;align-items:center;gap:10px}.reward-icon-wrap{width:34px;height:34px;border-radius:50%;background:var(--tint-emerald-bg);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-card-title{font-size:.95rem;font-weight:700;color:var(--text-reward-title)}.reward-card-subtext{font-size:.72rem;color:var(--text-muted);line-height:1.35;display:block}.certificate-mockup{background:#fffdf8;border:3.5px double #d4af37;border-radius:var(--radius-sm);padding:18px 14px;text-align:center;box-shadow:0 4px 10px #0000000d;color:#1e293b;position:relative}[data-theme=dark] .certificate-mockup{background:#141c26;border-color:#927527;color:#e2e8f0}.cert-corner-icon{margin:0 auto 6px;color:#c59b27}.cert-platform-name{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94711f}.cert-heading{font-size:.84rem;font-weight:800;letter-spacing:.05em;margin:4px 0 6px}.cert-statement{font-size:.68rem;line-height:1.35;color:var(--text-muted)}.cert-phase-highlight{font-size:.8rem;font-weight:700;color:var(--text-primary);margin:4px 0 8px}.cert-badge-ribbon{display:inline-flex;align-items:center;justify-content:center;color:#c59b27}.disclaimer-box{background-color:var(--bg-disclaimer-box);border:1px solid var(--border-disclaimer);border-radius:var(--radius-sm);padding:11px 13px;display:flex;align-items:flex-start;gap:10px;font-size:.72rem;line-height:1.45;color:var(--text-disclaimer)}.disclaimer-icon{flex-shrink:0;margin-top:1px}.roadmap-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted);margin-bottom:16px}.roadmap-breadcrumb a:hover{color:var(--accent-primary)}.roadmap-page-header{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px 24px;margin-bottom:24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-xs)}.roadmap-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.roadmap-main-title{font-size:1.6rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.roadmap-subtitle{font-size:.88rem;color:var(--text-secondary);margin-top:2px}.roadmap-view-switcher{display:flex;align-items:center;background-color:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px}.view-switch-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-xs);font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.view-switch-btn.active{background-color:var(--bg-surface);color:var(--accent-primary);box-shadow:var(--shadow-xs)}.carousel-container{display:flex;align-items:center;gap:8px;position:relative}.carousel-nav-btn{width:34px;height:34px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.carousel-nav-btn:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.carousel-strip{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:8px 4px 14px;scrollbar-width:none}.carousel-strip::-webkit-scrollbar{display:none}.carousel-item{min-width:136px;max-width:136px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative}.carousel-item:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.carousel-item.selected{border-color:var(--accent-primary);background-color:var(--bg-surface-active);box-shadow:0 0 0 2px var(--accent-primary)}.carousel-pointer-triangle{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--accent-primary)}.carousel-item-icon{width:36px;height:36px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center}.carousel-item-num{font-size:.72rem;font-weight:700;color:var(--text-muted)}.carousel-item-title{font-size:.74rem;font-weight:600;line-height:1.25;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:6px}.filter-tab{padding:6px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.filter-tab:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.filter-tab.active{background-color:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.phase-detail-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.phase-main-column{display:flex;flex-direction:column;gap:16px}.phase-hero-header{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;display:flex;align-items:flex-start;gap:20px;box-shadow:var(--shadow-xs)}.phase-hero-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-hero-details{flex:1}.phase-hero-tag{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.phase-hero-title{font-size:1.55rem;font-weight:900;color:var(--text-primary);line-height:1.25;letter-spacing:-.015em;margin:3px 0 8px}.phase-hero-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin-bottom:12px}.phase-hero-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.phase-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 16px;font-size:.82rem}.phase-nav-buttons{display:flex;align-items:center;gap:8px}.btn-phase-nav{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-xs);background:var(--bg-surface-muted);border:1px solid var(--border-subtle);font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.btn-phase-nav:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-phase-nav:disabled{opacity:.4;cursor:not-allowed}.sections-accordion-list{display:flex;flex-direction:column;gap:10px}.section-accordion{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.section-accordion:hover{border-color:var(--border-strong)}.section-accordion.expanded{border-color:var(--accent-primary);box-shadow:var(--shadow-xs)}.section-accordion-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;background-color:var(--bg-surface);-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.section-accordion-header:hover{background-color:var(--bg-surface-hover)}.section-accordion-left{display:flex;align-items:center;gap:12px;flex:1}.accordion-chevron{transition:transform var(--transition-fast);color:var(--text-muted);flex-shrink:0}.section-accordion.expanded .accordion-chevron{transform:rotate(180deg);color:var(--accent-primary)}.section-accordion-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.section-accordion-right{display:flex;align-items:center;gap:10px}.section-count-badge{font-size:.75rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-surface-muted);padding:3px 8px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0}.accordion-side-chevron{color:var(--text-subtle);font-size:.7rem;flex-shrink:0}.section-accordion-body{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface)}.topics-checklist-table{display:flex;flex-direction:column}.topic-checklist-row{padding:11px 18px 11px 44px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.topic-checklist-row:last-child{border-bottom:none}.topic-checklist-row:hover{background-color:var(--bg-surface-hover)}.topic-row-left{display:flex;align-items:center;gap:14px;flex:1}.topic-checkbox{width:20px;height:20px;border-radius:var(--radius-xs);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;background-color:var(--bg-surface);transition:all var(--transition-fast)}.topic-checkbox:hover{border-color:var(--accent-primary)}.topic-checkbox.checked{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.topic-title{font-size:.88rem;color:var(--text-primary);line-height:1.35}.topic-row-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.topic-type-tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.topic-id-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--text-subtle);white-space:nowrap;flex-shrink:0}.phase-detail-sidebar{display:flex;flex-direction:column;gap:18px}.phase-progress-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-shadow:var(--shadow-xs)}.progress-donut-wrap{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.progress-donut-svg{transform:rotate(-90deg);width:100%;height:100%}.donut-bg-ring{stroke:var(--border-subtle)}.donut-progress-ring{stroke:var(--accent-primary);stroke-linecap:round;transition:stroke-dashoffset .4s ease}.progress-donut-number{position:absolute;font-size:1.35rem;font-weight:800;color:var(--text-primary)}.info-note-card{background-color:var(--bg-info-box);border:1px solid var(--border-info);border-radius:var(--radius-md);padding:16px;display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:#1e40af;line-height:1.45}[data-theme=dark] .info-note-card{color:#93c5fd}.audit-report-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:20px}.audit-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audit-metric-box{background-color:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px;text-align:center}.audit-metric-num{font-size:1.75rem;font-weight:900;color:var(--accent-primary)}.audit-metric-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.audit-check-table{width:100%;border-collapse:collapse;font-size:.85rem}.audit-check-table th,.audit-check-table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);text-align:left}.audit-check-table th{background-color:var(--bg-surface-muted);font-weight:700;color:var(--text-muted);font-size:.74rem;text-transform:uppercase}@media(max-width:1200px){.hero-card{grid-template-columns:1fr;text-align:left;padding:28px 30px}.hero-content{order:1}.hero-visual{order:2;margin-top:16px;justify-content:center}.training-rig-img{max-width:400px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.phase-detail-layout{grid-template-columns:1fr}.phase-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.app-main{margin-left:0}.mobile-toggle-btn{display:flex}.topbar-left{max-width:none}.kbd-shortcut{display:none!important}.storage-status-text{display:none}.page-container{padding:20px 18px 40px}.phase-cards-grid,.stats-grid{grid-template-columns:1fr}.audit-metrics-grid{grid-template-columns:repeat(2,1fr)}.topic-checklist-row{padding-left:20px}}@media(max-width:420px){.page-container{padding:16px 14px 36px}.hero-title{font-size:2rem}.hero-subtitle{font-size:.88rem}.hero-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.training-rig-img{max-width:100%}.carousel-item{min-width:120px;max-width:120px;padding:10px 8px}.phase-hero-header{flex-direction:column;padding:18px}}.storage-status-dot.saving{background-color:var(--tint-amber-fg);box-shadow:0 0 0 2px var(--tint-amber-bg);animation:pulse-dot 1.2s infinite ease-in-out}.storage-status-dot.error{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.storage-status-dot.saved{background-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.topic-checklist-row.completed{background-color:#10b98108}.topic-checklist-row.completed .topic-title{color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--text-subtle)}.section-count-badge.complete{background-color:var(--tint-emerald-bg);color:var(--accent-primary);border-color:#10b98140}.phase-complete-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;color:var(--accent-primary);background-color:var(--tint-emerald-bg);padding:1px 6px;border-radius:var(--radius-xs);border:1px solid rgba(16,185,129,.2)}.phase-card.completed-phase{border-color:#10b9814d}.progress-bar-fill.complete-fill{background-color:var(--accent-primary)}.carousel-item.carousel-complete{border-color:#10b98159}.carousel-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--tint-emerald-bg);color:var(--accent-primary)}.carousel-item-prog{font-size:.68rem;font-weight:700;color:var(--text-muted)}.phase-status-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-xs)}.phase-status-badge.badge-complete{background:var(--tint-emerald-bg);color:var(--accent-primary);border:1px solid rgba(16,185,129,.25)}.phase-status-badge.badge-in-progress{background:var(--tint-blue-bg);color:var(--tint-blue-fg);border:1px solid rgba(37,99,235,.2)}.phase-status-badge.badge-not-started{background:var(--bg-surface-muted);color:var(--text-muted);border:1px solid var(--border-subtle)}.reward-card.reward-unlocked{border-color:var(--accent-primary);box-shadow:0 4px 20px #10b9811a}.reward-icon-wrap.unlocked-icon{background:var(--tint-emerald-bg);color:var(--accent-primary)}.reward-icon-wrap.locked-icon{background:var(--bg-surface-muted);color:var(--text-muted)}.reward-status-pill{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.reward-status-pill.status-unlocked{background:var(--tint-emerald-bg);color:var(--accent-primary);border:1px solid rgba(16,185,129,.2)}.reward-status-pill.status-locked{background:var(--bg-surface-muted);color:var(--text-muted);border:1px solid var(--border-subtle)}.reward-progress-bar-wrap{width:100%;height:5px;background-color:var(--bg-surface-muted);border-radius:var(--radius-full);overflow:hidden}.reward-progress-bar-fill{height:100%;background-color:var(--accent-primary);border-radius:var(--radius-full);transition:width .3s ease}.learner-name-bar{display:flex;flex-direction:column;gap:5px;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 12px}.learner-name-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.learner-name-input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);padding:6px 10px;font-size:.84rem;font-weight:600;color:var(--text-primary);background:var(--bg-surface);outline:none;width:100%;transition:border-color var(--transition-fast)}.learner-name-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.cert-locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172a73;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;z-index:5}.cert-locked-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:var(--text-primary);box-shadow:var(--shadow-md)}.cert-inner-border{border:1px dashed rgba(212,175,55,.4);padding:12px 10px;border-radius:4px}.cert-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:4px}.cert-brand-logo-surface{width:min(178px,76%);padding:3px 6px;border-radius:6px;background:#fff9ed}.cert-brand-logo{display:block;width:100%;height:auto;max-height:46px;object-fit:contain}.cert-recipient-name{font-size:1.05rem;font-weight:900;color:#1e293b;margin:6px 0;text-decoration:underline;text-decoration-color:#d4af37;text-underline-offset:4px}[data-theme=dark] .cert-recipient-name{color:#f1f5f9}.cert-footer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(212,175,55,.2)}.cert-meta-col{display:flex;flex-direction:column;text-align:left}.cert-meta-label{font-size:.6rem;text-transform:uppercase;color:var(--text-muted);font-weight:600}.cert-meta-val{font-size:.68rem;font-weight:700;color:var(--text-primary)}.reward-actions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cert-print-btn{font-size:.84rem;padding:9px 16px}.cert-locked-btn{font-size:.8rem;padding:8px 14px;opacity:.6}.view-all-rewards-link{font-size:.78rem;color:var(--accent-primary);font-weight:600;display:inline-flex;align-items:center;gap:4px}.progress-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.progress-main-title{font-size:1.75rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.progress-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px;max-width:650px}.progress-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-danger-outline{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;border:1px solid rgba(239,68,68,.35);color:#ef4444;background:transparent;transition:all var(--transition-fast)}.btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;background:#ef4444;color:#fff;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.cag-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cag-modal-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.cag-modal-header{padding:18px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.cag-modal-title{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.modal-icon-wrap{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.modal-close-btn{font-size:1.4rem;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}.modal-close-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.cag-modal-body{padding:24px;flex:1}.cag-modal-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-surface-muted);display:flex;align-items:center;justify-content:flex-end;gap:12px}.import-summary-card{background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.import-summary-grid{display:grid;grid-template-columns:1fr;gap:8px}.import-summary-item{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.import-summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-muted)}.summary-val{color:var(--text-primary);font-weight:600}.import-error-box{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);padding:18px}.progress-table-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.table-card-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.table-card-title{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.progress-filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-responsive{width:100%;overflow-x:auto}.progress-table{width:100%;border-collapse:collapse;text-align:left}.progress-table th{background:var(--bg-surface-muted);padding:12px 18px;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.progress-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-size:.85rem}.progress-table tr:hover td{background:var(--bg-surface-hover)}.phase-num-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-xs);background:var(--bg-surface-muted);border:1px solid var(--border-subtle);color:var(--text-primary)}.phase-table-title{display:flex;flex-direction:column;gap:2px}.phase-title-link{font-weight:700;color:var(--text-primary);transition:color var(--transition-fast)}.phase-title-link:hover{color:var(--accent-primary)}.phase-table-meta{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.table-progress-track{width:100%;height:6px;background:var(--bg-surface-muted);border-radius:var(--radius-full);overflow:hidden}.table-progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width .3s ease}.table-progress-fill.complete{background:var(--accent-primary)}.table-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-xs)}.table-status-badge.status-completed{background:var(--tint-emerald-bg);color:var(--accent-primary);border:1px solid rgba(16,185,129,.25)}.table-status-badge.status-in-progress{background:var(--tint-blue-bg);color:var(--tint-blue-fg);border:1px solid rgba(37,99,235,.2)}.table-status-badge.status-not-started{background:var(--bg-surface-muted);color:var(--text-muted);border:1px solid var(--border-subtle)}.btn-table-action{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:var(--radius-xs);background:var(--bg-surface-muted);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all var(--transition-fast)}.btn-table-action:hover{background:var(--accent-soft);color:var(--accent-primary);border-color:var(--accent-primary)}.cert-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.cert-name-input-group{display:flex;flex-direction:column;gap:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-xs);min-width:260px;max-width:100%;flex:1 1 280px}.cert-name-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.cert-name-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;font-size:.9rem;font-weight:600;color:var(--text-primary);background:var(--bg-app);outline:none;transition:border-color var(--transition-fast);width:100%;max-width:100%;box-sizing:border-box}.cert-name-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.master-cert-banner{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;box-shadow:var(--shadow-xs)}.master-cert-banner.unlocked{border-color:#d4af37;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(212,175,55,.08) 100%);box-shadow:0 6px 20px #d4af371f}.master-cert-visual{width:68px;height:68px;border-radius:var(--radius-md);background:var(--tint-emerald-bg);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.master-cert-banner.unlocked .master-cert-visual{background:#fff8e6;color:#b45309;border:2px solid #d4af37}.master-cert-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:4px 0 6px}.master-cert-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.45}.master-cert-progress{display:flex;align-items:center;gap:12px;margin-top:10px;max-width:400px}.master-cert-bar-track{flex:1;height:6px;background:var(--bg-surface-muted);border-radius:var(--radius-full);overflow:hidden}.master-cert-bar-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full)}.master-cert-percent{font-size:.8rem;font-weight:700;color:var(--text-primary)}.cert-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cert-grid-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.cert-grid-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.cert-grid-card.unlocked{border-color:#10b98159}.cert-grid-card-header{display:flex;align-items:flex-start;gap:12px}.cert-grid-card-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-grid-phase-num{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.cert-grid-status-pill{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px}.cert-grid-status-pill.unlocked{background:var(--tint-emerald-bg);color:var(--accent-primary)}.cert-grid-status-pill.locked{background:var(--bg-surface-muted);color:var(--text-muted)}.cert-grid-phase-title{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-top:3px}.cert-grid-progress-bar{width:100%;height:5px;background:var(--bg-surface-muted);border-radius:var(--radius-full);overflow:hidden;margin-bottom:6px}.cert-grid-progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full)}.cert-grid-topics-count{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.cert-modal-box{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:900px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.cert-modal-top-bar{padding:14px 24px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-muted);display:flex;align-items:center;justify-content:space-between}.printable-certificate-outer{background:#fdfbf7;color:#1e293b;padding:28px;overflow:hidden}[data-theme=dark] .printable-certificate-outer{background:#111827;color:#f3f4f6}.printable-certificate-inner{border:4px double #d4af37;border-radius:6px;padding:32px 36px;text-align:center;position:relative;background:radial-gradient(circle at center,rgba(212,175,55,.04) 0%,transparent 70%)}.print-cert-brand-logo-surface{width:min(260px,72%);margin:0 auto 8px;padding:4px 8px;border-radius:8px;background:#fff9ed}.print-cert-brand-logo{display:block;width:100%;height:auto;max-height:70px;object-fit:contain}.print-cert-org{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#94711f}.print-cert-award-title{font-size:1.35rem;font-weight:900;letter-spacing:.08em;color:var(--text-primary);margin-top:4px}.print-cert-body{margin:24px 0}.print-cert-statement{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.print-cert-name{font-size:1.85rem;font-weight:900;color:#1e293b;margin:10px 0 14px;text-decoration:underline;text-decoration-color:#d4af37;text-underline-offset:6px;letter-spacing:-.01em}[data-theme=dark] .print-cert-name{color:#fff}.print-cert-subject{font-size:1.25rem;font-weight:800;color:var(--accent-primary);margin-top:10px}.print-cert-meta-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1.5px solid rgba(212,175,55,.25)}.print-cert-col{display:flex;flex-direction:column;gap:4px;text-align:left}.print-cert-col .meta-label{font-size:.68rem;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.print-cert-col .meta-val{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--text-primary)}.print-cert-seal{display:flex;align-items:center;justify-content:center}.seal-ring{width:70px;height:70px;border-radius:50%;border:2px dashed #d4af37;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c59b27}.seal-text{font-size:.55rem;font-weight:800;letter-spacing:.1em}.print-cert-disclaimer{margin-top:24px;padding:10px 14px;background:#d4af3714;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-xs);font-size:.7rem;line-height:1.45;color:var(--text-muted);text-align:left}@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff!important;color:#000!important}body *{visibility:hidden}#printableCertificateModal,#printableCertificateModal *{visibility:visible}#printableCertificateModal{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#fff!important;padding:0!important;margin:0!important;display:block!important}.cert-modal-box{max-width:none!important;box-shadow:none!important;border:none!important;background:#fff!important}.cert-modal-top-bar,.no-print{display:none!important}.printable-certificate-outer{padding:0!important;background:#fff!important}.printable-certificate-inner{border:3pt double #b45309!important;background:#fff!important;padding:24mm 20mm!important}.print-cert-name{color:#000!important}.print-cert-subject{color:#047857!important}}@media(max-width:1200px){.master-cert-banner{grid-template-columns:1fr;text-align:left}.cert-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cert-cards-grid{grid-template-columns:1fr}.cert-modal-box{max-width:95vw}.printable-certificate-inner{padding:20px 16px}.print-cert-name{font-size:1.4rem}.print-cert-meta-row{flex-direction:column;gap:12px}}.section-bulk-toolbar{display:flex;align-items:center;justify-content:flex-end;padding:8px 18px;background-color:var(--bg-surface-muted);border-bottom:1px solid var(--border-subtle)}.section-bulk-actions{display:inline-flex;align-items:center;gap:8px}.bulk-divider{color:var(--border-strong);font-size:.72rem;opacity:.6;-webkit-user-select:none;user-select:none}.btn-bulk-action{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;border-radius:var(--radius-xs);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;line-height:1.4;white-space:nowrap;flex-shrink:0}.btn-bulk-action:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-bulk-action:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-select-all:hover:not(:disabled){background-color:var(--tint-emerald-bg);color:var(--accent-primary);border-color:#10b98159}.btn-deselect-all:hover:not(:disabled){background-color:#ef444414;color:#ef4444;border-color:#ef444440}.topic-item-actions{display:flex;align-items:center;gap:4px;margin-left:auto;opacity:.65;transition:opacity var(--transition-fast)}.topic-checklist-row:hover .topic-item-actions{opacity:1}.topic-action-btn{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.topic-action-btn:hover{background:var(--bg-surface-muted);border-color:var(--border-subtle);color:var(--text-primary)}.topic-bookmark-btn.active,.topic-note-btn.has-note{color:var(--accent-primary);background:var(--tint-emerald-bg);border-color:#10b98140;opacity:1}.note-indicator-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary);box-shadow:0 0 0 1.5px var(--bg-surface)}.topic-highlight-flash{animation:topicFlash 1.6s ease-in-out infinite alternate}@keyframes topicFlash{0%{background-color:transparent}50%{background-color:#10b98126}to{background-color:#10b9810d}}.note-editor-box{max-width:620px}.note-editor-meta-crumbs{font-size:.72rem;color:var(--text-muted);margin-top:2px}.note-topic-target-banner{background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.note-topic-target-title{font-size:.95rem;font-weight:700;color:var(--text-primary)}.note-textarea-wrap{display:flex;flex-direction:column;gap:6px}.note-textarea-label{font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.note-editor-info-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:.75rem;color:var(--text-muted)}.note-char-count{font-family:var(--font-mono);font-size:.72rem}.note-saved-time{font-size:.72rem;color:var(--accent-primary)}.note-textarea-wrap{display:flex;flex-direction:column;gap:8px}.note-textarea{width:100%;min-height:180px;max-height:380px;padding:14px;font-family:inherit;font-size:.9rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-app);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;resize:vertical;transition:border-color var(--transition-fast)}.note-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.note-editor-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.note-save-status{color:var(--accent-primary);font-weight:600}.notes-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.notes-header-text{flex:1;min-width:280px}.notes-search-wrapper{min-width:300px}.notes-search-input-box{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast)}.notes-search-input-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-soft)}.notes-search-input-box input{flex:1;border:none;background:transparent;outline:none;font-size:.88rem;color:var(--text-primary)}.clear-search-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.clear-search-btn:hover{color:var(--text-primary)}.notes-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.notes-backup-hint{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-muted)}.notes-backup-hint a{color:var(--accent-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.note-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all var(--transition-fast)}.note-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.note-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-card-meta{display:flex;align-items:center;gap:8px;overflow:hidden}.note-section-title{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.note-date-label{font-size:.7rem;color:var(--text-subtle);flex-shrink:0}.note-topic-title{margin:4px 0}.note-topic-link{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.35;transition:color var(--transition-fast)}.note-topic-link:hover{color:var(--accent-primary)}.note-content-preview{font-size:.86rem;color:var(--text-secondary);line-height:1.5;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:12px 14px;white-space:pre-wrap;word-break:break-word;max-height:180px;overflow-y:auto}.note-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.btn-note-action{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;padding:5px 9px;border-radius:var(--radius-xs);background:var(--bg-surface-muted);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-note-action:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-hover)}.btn-note-action.btn-delete-note:hover{color:#ef4444;border-color:#ef44444d;background:#ef444414}.btn-jump-topic{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--accent-primary);transition:gap var(--transition-fast)}.btn-jump-topic:hover{gap:8px}.bookmarks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.bookmark-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:all var(--transition-fast)}.bookmark-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.bookmark-card-header{display:flex;align-items:center;gap:8px}.bookmark-topic-title{margin:4px 0}.bookmark-topic-link{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.35;transition:color var(--transition-fast)}.bookmark-topic-link:hover{color:var(--accent-primary)}.bookmark-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.notes-empty-card{background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:600px;margin:0 auto}.empty-icon{color:var(--text-subtle);margin-bottom:6px}.notes-empty-card h3{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.notes-empty-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5;max-width:480px}.inline-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);font-weight:600;font-size:.8rem;color:var(--text-primary)}.resources-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.resources-header-text{flex:1;min-width:280px}.resources-search-wrapper{min-width:320px}.resource-category-tabs-wrapper{margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.tab-count-pill{font-size:.68rem;font-weight:700;padding:1px 5px;border-radius:var(--radius-full);background:var(--bg-surface-muted);color:var(--text-muted);margin-left:4px}.filter-tab.active .tab-count-pill{background:var(--tint-emerald-bg);color:var(--accent-primary)}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:all var(--transition-fast)}.resource-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.resource-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-provider-pill{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:var(--tint-emerald-bg);padding:3px 8px;border-radius:var(--radius-xs)}.resource-type-badge{font-size:.7rem;font-weight:600;color:var(--text-muted)}.resource-card-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.35;margin:0}.resource-card-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.5;flex:1}.resource-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.resource-cat-tag{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-muted)}.resource-phase-link{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--accent-primary)}.resource-phase-link:hover{text-decoration:underline}.resource-card-footer{margin-top:4px}.resource-open-btn{width:100%;font-size:.82rem;padding:9px 14px;justify-content:center}.resources-notice-footer{margin-top:36px;background-color:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-secondary)}@media(max-width:1200px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.notes-grid,.bookmarks-grid,.resources-grid{grid-template-columns:1fr}.notes-search-wrapper,.resources-search-wrapper{min-width:100%;width:100%}.subsection-actions-group{flex-wrap:wrap}}h1,h2,h3,.brand-title,.hero-title,.section-heading,.roadmap-main-title,.page-title,.cert-main-title,.progress-main-title,.stage-card-title,.project-card-title,.modal-sketch-title{font-family:var(--font-heading);letter-spacing:-.01em}.marker-highlight-yellow,.marker-yellow{background:linear-gradient(104deg,#fde68a00 .5%,#fde68aeb 2.2%,#fde68abf 94%,#fde68a1a 98%);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.05em .32em;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline}[data-theme=dark] .marker-highlight-yellow,[data-theme=dark] .marker-yellow{background:linear-gradient(104deg,#fcd34d00 .5%,#fcd34d59 2.2%,#fcd34d47 94%,#fcd34d0d 98%);color:#fef08a}.marker-highlight-blue,.marker-blue{background:linear-gradient(104deg,#bae6fd00 .5%,#bae6fde6 2.2%,#bae6fdb3 94%,#bae6fd1a 98%);border-radius:245px 18px 230px 12px/12px 230px 18px 245px;padding:.05em .32em;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline}[data-theme=dark] .marker-highlight-blue,[data-theme=dark] .marker-blue{background:linear-gradient(104deg,#38bdf800 .5%,#38bdf859 2.2%,#38bdf847 94%,#38bdf80d 98%);color:#bae6fd}.marker-highlight-orange,.marker-orange{background:linear-gradient(104deg,#fed7aa00 .5%,#fed7aae6 2.2%,#fed7aab3 94%,#fed7aa1a 98%);border-radius:250px 14px 235px 16px/16px 235px 14px 250px;padding:.05em .32em;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline}[data-theme=dark] .marker-highlight-orange,[data-theme=dark] .marker-orange{background:linear-gradient(104deg,#fb923c00 .5%,#fb923c59 2.2%,#fb923c47 94%,#fb923c0d 98%);color:#fed7aa}.marker-highlight-green,.marker-green{background:linear-gradient(104deg,#bbf7d000 .5%,#bbf7d0e6 2.2%,#bbf7d0b3 94%,#bbf7d01a 98%);border-radius:245px 16px 230px 14px/14px 230px 16px 245px;padding:.05em .32em;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline}.hero-subtitle,.roadmap-subtitle,.progress-subtitle,.stat-label,.stat-label-title,.quick-nav-label,.quick-nav-chip,.stage-badge,.phase-card-number,.btn-primary,.btn-secondary,.section-subheading,.quick-study-title,.quote-tag,.notification-title,.search-results-header,.filter-tab,.cert-name-label{font-family:var(--font-sans)}.app-sidebar .nav-link.active{background-color:#e0eeff!important;color:#14213d!important;font-weight:600!important;border-radius:10px!important}.app-sidebar .nav-link.active:before{display:none!important;content:none!important}.app-sidebar .nav-link.active .nav-link-content svg,.app-sidebar .nav-link.active svg{color:#14213d!important;stroke:#14213d!important}.sidebar-skyline-wrap{width:100%;padding:8px 0 2px;color:var(--text-muted);opacity:.75}.sidebar-skyline-svg{width:100%;height:38px;display:block}.sidebar-motto{font-family:var(--font-sans);font-size:.76rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-align:center;margin:4px 0 6px}.notification-bell-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:var(--accent-orange);color:#fff;font-size:.65rem;font-weight:700;min-width:16px;height:16px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:dropdownFade .15s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:12px 16px;background:var(--bg-surface-muted);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.notification-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.notification-tag{font-size:.72rem;padding:2px 8px;border-radius:9999px;background:var(--accent-soft);color:var(--accent-orange);font-weight:600}.notification-body{padding:16px}.notification-item{display:flex;gap:12px;align-items:flex-start}.notification-item-icon{font-size:1.4rem}.notification-item-msg,.notification-item-empty{font-size:.84rem;color:var(--text-secondary);line-height:1.4}.notification-link{display:inline-block;margin-top:6px;font-size:.82rem;color:var(--nav-blue);font-weight:600}.notification-link:hover{text-decoration:underline}.notification-action-row{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border-subtle, rgba(20, 33, 61, .12));display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-unread-status{font-family:var(--font-sans);font-size:.76rem;font-weight:700;color:var(--accent-orange, #EA580C)}.btn-clear-notifs{background:transparent;border:1px solid rgba(20,33,61,.18);border-radius:6px;padding:3px 10px;font-family:var(--font-sans);font-size:.74rem;font-weight:600;color:var(--text-secondary, #475569);cursor:pointer;transition:all .15s ease}.btn-clear-notifs:hover{background:#f9731614;border-color:#f97316;color:#f97316}[data-theme=dark] .btn-clear-notifs{border-color:#ffffff2e;color:#cbd5e1}[data-theme=dark] .btn-clear-notifs:hover{background:#f9731626;border-color:#fb923c;color:#fb923c}.notification-cleared-text{font-family:var(--font-sans);font-size:.76rem;font-weight:600;color:#10b981}.notification-quote{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border-subtle);font-size:.76rem;color:var(--text-muted);font-style:italic}.user-badge{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-badge:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.hero-notebook-badge{display:inline-block;margin-bottom:12px}.hero-badge-marker{font-family:var(--font-sans);font-size:.85rem;font-weight:700;background-color:var(--marker-yellow);color:#14213d;padding:3px 10px;border-radius:4px;letter-spacing:.05em;box-shadow:1px 1px #14213d26}.hero-title-accent{color:var(--accent-orange)}.hero-cta-btn{background-color:var(--accent-orange)!important;color:#fff!important;box-shadow:0 4px 14px #f9731659!important}.hero-cta-btn:hover{background-color:var(--accent-orange-hover)!important}.hero-equipment-container{position:relative;display:inline-block;width:100%}.callout-tag{position:absolute;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:4px;padding:3px 8px;font-family:var(--font-sans);font-size:.8rem;font-weight:700;color:var(--text-primary);box-shadow:2px 2px 0 var(--border-strong);white-space:nowrap;pointer-events:none}.callout-plc{top:10%;left:6%}.callout-hmi{top:16%;right:8%}.callout-vfd{bottom:22%;left:10%}.callout-motor{bottom:12%;right:10%}.dashboard-connected-roadmap{margin-top:36px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm)}.section-subheading{font-size:.82rem;color:var(--text-muted);display:block;margin-top:2px}.connected-phases-track{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:16px 4px 10px;scroll-snap-type:x mandatory}.connected-phase-node{flex:0 0 210px;display:flex;align-items:center;gap:12px;scroll-snap-align:start}.connected-card-link{flex:1;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;transition:all var(--transition-fast)}.connected-card-link:hover{transform:translateY(-2px);border-color:var(--accent-orange);background:var(--bg-surface);box-shadow:var(--shadow-md)}.connected-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.connected-phase-badge{font-family:var(--font-sans);font-weight:700;font-size:.82rem;color:var(--accent-orange)}.connected-status-indicator{font-size:.74rem;font-weight:700;color:var(--indicator-green)}.connected-card-body{margin-bottom:10px}.connected-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.connected-card-title{font-size:.86rem;font-weight:600;color:var(--text-primary);line-height:1.3;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.connected-card-meta{font-size:.72rem;color:var(--text-muted);display:block;margin-top:4px}.connected-card-progress{height:4px;background:var(--border-subtle);border-radius:9999px;overflow:hidden}.connected-progress-bar{height:100%;background:var(--indicator-green);transition:width .3s ease}.connected-step-arrow{color:var(--border-strong);flex-shrink:0}.notebook-quote-card{background:var(--bg-reward-card);border:1px solid var(--border-reward);border-radius:var(--radius-lg);padding:20px}.quote-tag{font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.05em;color:var(--text-disclaimer)}.quote-body{font-size:.95rem;line-height:1.5;color:var(--text-primary);font-style:italic;margin:10px 0}.quote-footer{font-size:.74rem;color:var(--text-muted)}.quick-study-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.quick-study-title{font-size:.95rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.quick-study-desc{font-size:.82rem;color:var(--text-secondary);margin:6px 0 14px}.quick-study-links{display:flex;flex-direction:column;gap:8px}.quick-study-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.84rem;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast)}.quick-study-btn:hover{background:var(--bg-surface-hover);border-color:var(--nav-blue);color:var(--nav-blue)}.roadmap-approved-page{max-width:1360px;margin:0 auto;padding:16px 24px 60px;width:100%;box-sizing:border-box;overflow-x:clip}.roadmap-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);margin-bottom:12px}.roadmap-breadcrumb a{color:var(--text-secondary);text-decoration:none}.roadmap-breadcrumb a:hover{color:var(--nav-blue)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.roadmap-top-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap}.roadmap-handwritten-title{font-family:var(--font-sans);font-size:2.75rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin:0 0 8px;display:flex;align-items:center;gap:12px;letter-spacing:-.01em}.title-highlight-yellow{background:#fef08ae6;padding:2px 14px 4px;border-radius:12px 16px 14px 18px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#1e293b}[data-theme=dark] .title-highlight-yellow{background:#eab30859;color:#fef08a}.title-highlight-blue{background:#bae6fde6;padding:2px 14px 4px;border-radius:16px 12px 18px 14px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#0c4a6e}[data-theme=dark] .title-highlight-blue{background:#38bdf859;color:#bae6fd}.roadmap-handwritten-subtitle{font-size:1.05rem;color:#1e3a8a;line-height:1.45;margin:0;max-width:680px;font-weight:500}[data-theme=dark] .roadmap-handwritten-subtitle{color:#94a3b8}.roadmap-header-right{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}.roadmap-stat-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:14px;padding:10px 18px;box-shadow:var(--shadow-xs);display:flex;align-items:center}.total-phases-card{flex-direction:column;justify-content:center;min-width:100px;text-align:center}.total-phases-number{font-size:1.9rem;font-weight:800;line-height:1;color:var(--text-primary);font-family:var(--font-sans)}.total-phases-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.skip-ahead-card{gap:14px}.skip-ahead-text-col{display:flex;flex-direction:column}.skip-ahead-title{font-size:.86rem;font-weight:700;color:var(--text-primary);line-height:1.2}.skip-ahead-desc{font-size:.74rem;color:var(--text-secondary);margin-top:2px}.roadmap-switch-toggle{width:44px;height:24px;background:#cbd5e1;border-radius:9999px;position:relative;transition:background-color var(--transition-fast);flex-shrink:0;border:none;cursor:pointer;padding:0}.roadmap-switch-toggle.active{background:#10b981}.switch-knob{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform var(--transition-fast);box-shadow:0 1px 3px #00000040}.roadmap-switch-toggle.active .switch-knob{transform:translate(20px)}.roadmap-canvas-wrapper{position:relative;margin:10px 0 32px;background:var(--bg-surface-cream, #FAF8EC);border:1.5px solid var(--border-color);border-radius:20px;padding:16px 20px 24px;overflow:hidden;box-shadow:var(--shadow-sm)}[data-theme=dark] .roadmap-canvas-wrapper{background:#0f172a;border-color:#334155}.s-road-desktop-view{position:relative;width:100%;min-height:540px;display:block}.s-road-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}:root{--road-curb: #cbd5e1;--road-surface: #64748b}[data-theme=dark]{--road-curb: #334155;--road-surface: #1e293b}.s-road-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.s-road-row-top{padding-bottom:20px;margin-bottom:24px}.s-road-row-bottom{padding-top:8px}.stage-station-node{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.station-header-box{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;padding:8px 12px;width:100%;max-width:235px;box-shadow:var(--shadow-xs);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.station-header-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--nav-blue)}.station-badge-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.95rem;flex-shrink:0;box-shadow:0 2px 6px #0000002e}.station-meta-col{flex:1;min-width:0;text-align:left}.station-title{font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-phase-range{font-size:.72rem;font-weight:600;color:var(--text-secondary);margin-top:1px}.station-progress-row{display:flex;align-items:center;gap:6px;margin-top:3px}.station-progress-bar{flex:1;height:5px;background:var(--border-color);border-radius:9999px;overflow:hidden}.station-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.station-progress-num{font-size:.68rem;font-weight:700;color:var(--text-secondary);min-width:24px}.station-pointer-arrow{display:flex;align-items:center;justify-content:center;height:26px;margin:2px 0}.station-illustration-wrap{position:relative;width:100%;max-width:220px;height:135px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast)}.station-illustration-wrap:hover{transform:scale(1.04)}.station-road-img{max-width:100%;max-height:130px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.16));transition:filter var(--transition-fast)}.station-illustration-wrap:hover .station-road-img{filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}.station-hover-chip{position:absolute;bottom:4px;background:#0f172ad9;color:#fff;font-size:.68rem;font-weight:600;padding:3px 8px;border-radius:9999px;opacity:0;transform:translateY(4px);transition:all var(--transition-fast);display:flex;align-items:center;gap:4px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.station-illustration-wrap:hover .station-hover-chip{opacity:1;transform:translateY(0)}.stage-phase-drawer{background:var(--bg-surface);border:2px solid var(--nav-blue);border-radius:16px;padding:16px 20px;margin-bottom:24px;box-shadow:var(--shadow-md);animation:slideDownDrawer .25s ease-out}@keyframes slideDownDrawer{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1.5px dashed var(--border-color);margin-bottom:14px}.drawer-title-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drawer-stage-badge{font-family:var(--font-sans);font-size:.88rem;font-weight:700;background:var(--nav-blue);color:#fff;padding:2px 10px;border-radius:6px}.drawer-stage-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.drawer-phase-range{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.drawer-close-btn{background:var(--bg-surface-muted);border:1px solid var(--border-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.drawer-close-btn:hover{background:var(--border-color);color:var(--danger-red, #dc2626)}.drawer-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.drawer-phase-card{background:var(--bg-surface-muted);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;transition:all var(--transition-fast)}.drawer-phase-card:hover{background:var(--bg-surface);border-color:var(--nav-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.drawer-phase-card.phase-complete{border-color:#10b981}.drawer-card-top{display:flex;justify-content:space-between;align-items:center}.drawer-card-num{font-size:.74rem;font-weight:700;color:var(--text-secondary)}.drawer-card-stat{font-size:.72rem;font-weight:700;color:var(--nav-blue)}.drawer-card-stat.stat-done{color:#10b981}.drawer-card-title{font-size:.88rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin:0}.drawer-card-actions{display:flex;justify-content:flex-end;margin-top:4px}.drawer-jump-link{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--nav-blue);text-decoration:none;padding:4px 8px;border-radius:6px;background:#2563eb14;transition:all var(--transition-fast)}.drawer-jump-link:hover{background:var(--nav-blue);color:#fff}.continue-roadmap-wrapper{margin:28px 0}.btn-continue-roadmap{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface);border:2px dashed var(--nav-blue);border-radius:16px;padding:16px 24px;cursor:pointer;transition:all var(--transition-normal);text-align:left;box-shadow:var(--shadow-xs)}.btn-continue-roadmap:hover{background:var(--bg-surface-hover);border-style:solid;border-color:var(--nav-blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-continue-roadmap.expanded{border-style:solid;border-color:var(--nav-blue);background:#2563eb0a}.continue-btn-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.continue-badge{font-family:var(--font-sans);font-size:.78rem;font-weight:700;background:#fef08a;color:#854d0e;padding:2px 10px;border-radius:9999px;letter-spacing:.04em}[data-theme=dark] .continue-badge{background:#eab3084d;color:#fef08a}.continue-title{font-family:var(--font-sans);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.continue-subtitle{font-size:.84rem;color:var(--text-secondary)}.continue-arrow-icon{font-size:1.4rem;font-weight:800;color:var(--nav-blue);transition:transform var(--transition-fast)}.extended-stages-drawer{margin-top:16px;animation:slideDownDrawer .3s ease-out}.extended-stages-header{margin-bottom:18px;padding:0 4px}.extended-title{font-family:var(--font-sans);font-size:1.45rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.extended-desc{font-size:.88rem;color:var(--text-secondary);margin:0;max-width:800px}.extended-stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.extended-stage-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:16px;padding:18px;box-shadow:var(--shadow-xs);transition:all var(--transition-fast);display:flex;flex-direction:column}.extended-stage-card:hover{border-color:var(--nav-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.extended-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.extended-stage-badge{color:#fff;font-size:.74rem;font-weight:700;padding:2px 8px;border-radius:6px;font-family:var(--font-sans)}.extended-range{font-size:.74rem;font-weight:600;color:var(--text-secondary)}.extended-percent-badge{font-size:.74rem;font-weight:700;color:var(--text-secondary);margin-left:auto}.extended-percent-badge.badge-done{color:#10b981}.extended-card-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.extended-progress-bar{height:5px;background:var(--border-color);border-radius:9999px;overflow:hidden;margin-bottom:14px}.extended-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.extended-phases-list{display:flex;flex-direction:column;gap:8px}.extended-phase-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-surface-muted);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;transition:all var(--transition-fast)}.extended-phase-item:hover{background:var(--bg-surface);border-color:var(--nav-blue);transform:translate(2px)}.ext-phase-left{display:flex;flex-direction:column;min-width:0}.ext-phase-tag{font-size:.68rem;font-weight:700;color:var(--text-secondary)}.ext-phase-title{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.ext-phase-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.ext-topic-count{font-size:.68rem;color:var(--text-secondary)}.ext-status-tag{font-size:.68rem;font-weight:700;color:var(--nav-blue)}.ext-status-tag.tag-done{color:#10b981}.roadmap-bottom-bar{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:32px;align-items:stretch;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.your-journey-panel{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.journey-header{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.journey-title{font-family:var(--font-sans);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0}.journey-caption{font-size:.76rem;color:var(--text-secondary)}.journey-waypoints-track{display:flex;align-items:center;gap:6px;overflow-x:auto;max-width:100%;width:100%;box-sizing:border-box;padding-bottom:6px;-webkit-overflow-scrolling:touch}.journey-waypoint-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:all var(--transition-fast);flex-shrink:0}.journey-waypoint-item:hover{background:var(--bg-surface-muted);transform:translateY(-2px)}.journey-circle{width:28px;height:28px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;background:var(--bg-surface);transition:all var(--transition-fast)}.journey-more-circle{border-color:var(--nav-blue)!important;color:var(--nav-blue)!important;background:#2563eb14}.journey-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);max-width:88px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.journey-arrow{color:var(--text-secondary);font-size:.85rem;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.milestone-reward-panel{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow-xs);display:flex;align-items:center;gap:16px}.reward-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.reward-trophy-svg{filter:drop-shadow(0 2px 6px rgba(234,179,8,.3))}.reward-content{flex:1;min-width:0}.reward-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.reward-desc{font-size:.76rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.25}.reward-progress-row{display:flex;align-items:center;gap:10px}.reward-progress-bar{flex:1;height:6px;background:var(--border-color);border-radius:9999px;overflow:hidden}.reward-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:9999px;transition:width .3s ease}.reward-percent-text{font-size:.78rem;font-weight:800;color:var(--text-primary)}.reward-link-btn{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;color:var(--nav-blue);background:#2563eb14;border:1px solid rgba(37,99,235,.2);padding:6px 12px;border-radius:8px;text-decoration:none;flex-shrink:0;transition:all var(--transition-fast)}.reward-link-btn:hover{background:var(--nav-blue);color:#fff}@media(min-width:768px)and (max-width:1023px){.s-road-desktop-view{min-height:480px}.station-header-box{padding:6px 8px;max-width:175px}.station-badge-circle{width:26px;height:26px;font-size:.82rem}.station-title{font-size:.82rem}.station-phase-range{font-size:.68rem}.station-illustration-wrap{height:100px}.station-road-img{max-height:95px}.roadmap-bottom-bar{grid-template-columns:1fr}}.s-road-mobile-view{display:none;position:relative;width:100%}@media(max-width:767px){.s-road-desktop-view{display:none}.s-road-mobile-view{display:block}.mobile-road-line{position:absolute;top:20px;bottom:20px;left:24px;width:4px;background:repeating-linear-gradient(to bottom,var(--road-surface, #64748b) 0,var(--road-surface, #64748b) 12px,transparent 12px,transparent 20px);z-index:1}.mobile-stages-list{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}.mobile-stage-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:16px;padding:16px;margin-left:12px;box-shadow:var(--shadow-xs)}.mobile-stage-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mobile-badge{width:30px;height:30px;border-radius:50%;color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-stage-title-wrap{flex:1;min-width:0}.mobile-stage-name{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.mobile-stage-range{font-size:.72rem;color:var(--text-secondary)}.mobile-stage-percent{font-size:.82rem;font-weight:800;color:var(--text-primary)}.mobile-stage-progress-bar{height:5px;background:var(--border-color);border-radius:9999px;overflow:hidden;margin-bottom:12px}.mobile-progress-fill{height:100%;border-radius:9999px}.mobile-stage-illustration{display:flex;justify-content:center;margin:8px 0 12px}.mobile-road-img{max-width:170px;max-height:110px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.mobile-phase-chips{display:flex;flex-direction:column;gap:6px}.mobile-phase-link{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-surface-muted);border:1px solid var(--border-color);border-radius:8px;text-decoration:none;font-size:.76rem}.m-phase-num{font-weight:700;color:var(--text-secondary)}.m-phase-name{flex:1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-phase-stat{font-weight:700;color:var(--nav-blue)}.roadmap-approved-page{padding:12px 14px 48px}.roadmap-canvas-wrapper{padding:14px 12px}.roadmap-bottom-bar{grid-template-columns:1fr;min-width:0;max-width:100%;width:100%}.milestone-reward-panel{flex-direction:column;text-align:center;gap:12px}.reward-icon-wrap{margin:0 auto}.reward-progress-row{width:100%}.mobile-stages-list{min-width:0;max-width:100%;width:100%}.mobile-stage-card{margin-left:0;min-width:0;max-width:100%;box-sizing:border-box}.mobile-road-line{display:none}.continue-btn-left{flex-direction:column;align-items:flex-start;gap:6px}.continue-title{font-size:1.1rem;line-height:1.25}.continue-subtitle{font-size:.78rem}.drawer-content{grid-template-columns:1fr}.roadmap-handwritten-title{font-size:2.1rem;flex-wrap:wrap}.roadmap-top-header{flex-direction:column}.roadmap-header-right{width:100%;justify-content:space-between}}.phase-checklist-3col-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.95fr) minmax(300px,.95fr);gap:24px;align-items:start}.phase-prompt-action-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid var(--accent-orange);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:24px}[data-theme=dark] .phase-prompt-action-card{background:linear-gradient(135deg,#1c2333,#23222b);border-color:var(--accent-orange)}.prompt-card-badge{font-family:var(--font-sans);font-size:.82rem;font-weight:700;color:var(--accent-orange);letter-spacing:.05em;margin-bottom:6px}.prompt-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.prompt-card-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.4;margin-bottom:16px}.copy-phase-prompt-btn{width:100%;background:var(--accent-orange)!important;color:#fff!important;font-weight:700;padding:12px 18px;font-size:.92rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #f9731659;transition:all var(--transition-fast)}.copy-prompt-feedback{margin-top:10px;padding:8px 12px;background:#dcfce7;color:#15803d;border-radius:6px;font-size:.78rem;font-weight:600;text-align:center}.prompt-steps-guide{margin-top:18px;display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px dashed rgba(249,115,22,.3)}.step-guide-item{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--text-secondary)}.step-num{width:20px;height:20px;border-radius:50%;background:var(--accent-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.phase-donut-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:22px;text-align:center;box-shadow:var(--shadow-sm);margin-bottom:24px}.phase-donut-heading{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:14px}.phase-donut-status{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-top:12px}.phase-donut-subtext{font-size:.75rem;color:var(--text-muted);margin-top:4px}.phase-quote-box{background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;font-size:.82rem;color:var(--text-secondary);font-style:italic}.study-note-editor-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:24px}.note-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.note-editor-title{font-size:.98rem;font-weight:700;color:var(--text-primary)}.note-saved-badge{font-size:.74rem;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:9999px;font-weight:600}.note-topic-select-wrap{margin-bottom:12px}.note-label{display:block;font-size:.76rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.note-topic-select{width:100%;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-muted);color:var(--text-primary);font-size:.8rem}.phase-note-textarea{width:100%;min-height:180px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-muted);color:var(--text-primary);font-family:inherit;font-size:.86rem;line-height:1.45;resize:vertical}.note-char-counter{text-align:right;font-size:.7rem;color:var(--text-muted);margin-top:4px}.note-actions-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.projects-header-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stat-pill-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:10px 18px;box-shadow:var(--shadow-xs)}.pill-number{font-size:1.3rem;font-weight:800;color:var(--accent-orange);margin-right:6px}.pill-label{font-size:.8rem;color:var(--text-secondary)}.pill-progress-bar{height:4px;background:var(--border-subtle);border-radius:9999px;margin-top:6px;overflow:hidden}.pill-progress-fill{height:100%;background:var(--accent-orange);transition:width .3s ease}.projects-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.projects-subfilters{display:flex;gap:10px;align-items:center}.project-filter-select{padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.82rem}.project-search-box{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 12px}.project-search-input{border:none;background:none;color:var(--text-primary);font-size:.82rem;outline:none;width:160px}.projects-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.project-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all var(--transition-fast)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.project-card.completed{border-color:#86efac;background:var(--bg-surface)}.project-num-badge{font-family:var(--font-sans);font-size:.82rem;font-weight:700;color:var(--accent-orange)}.project-status-toggle{width:28px;height:28px;border-radius:6px;border:2px solid var(--border-strong);background:var(--bg-surface-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.project-status-toggle.checked{background:var(--indicator-green);border-color:var(--indicator-green);color:#fff}.project-card-tag-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-scope-tag{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:9999px;background:var(--bg-surface-muted);color:var(--text-secondary)}.project-scope-tag.qatar-tag{background:var(--tint-emerald-bg);color:var(--tint-emerald-fg)}.project-topic-id{font-family:var(--font-mono);font-size:.68rem;color:var(--text-subtle)}.project-card-title{font-size:.98rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:8px;min-height:2.7em}.project-card-section{font-size:.78rem;color:var(--text-muted);line-height:1.3}.project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px dashed var(--border-subtle)}.project-status-label{font-size:.76rem;font-weight:600}.project-status-label.done{color:var(--indicator-green)}.project-status-label.pending{color:var(--text-muted)}.project-view-phase-link{font-size:.76rem;color:var(--nav-blue);font-weight:600;display:flex;align-items:center;gap:2px}.flashcards-stats-strip{display:flex;gap:16px;flex-wrap:wrap}.retention-stat-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 16px;display:flex;align-items:baseline;gap:8px}.retention-stat-item.highlight-green .stat-big-num{color:var(--indicator-green)}.retention-stat-item.highlight-red .stat-big-num{color:#dc2626}.stat-big-num{font-size:1.35rem;font-weight:800;color:var(--text-primary)}.stat-small-label{font-size:.76rem;color:var(--text-muted)}.flashcards-deck-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:12px 18px;margin-bottom:30px;flex-wrap:wrap}.deck-select-col{display:flex;align-items:center;gap:10px}.deck-control-label{font-size:.82rem;font-weight:700;color:var(--text-primary)}.deck-dropdown{padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-muted);color:var(--text-primary);font-size:.82rem;max-width:380px}.deck-actions-col{display:flex;align-items:center;gap:12px}.btn-deck-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-deck-action:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.deck-counter-badge{font-family:var(--font-sans);font-size:.88rem;font-weight:700;color:var(--text-muted)}.flashcard-stage-container{max-width:680px;margin:0 auto}.flashcard-flipper-wrap{width:100%;min-height:340px;position:relative;perspective:1000px;cursor:pointer}.flashcard-card-face{width:100%;min-height:340px;background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s ease,box-shadow .2s ease;backface-visibility:hidden;position:absolute;top:0;left:0}.flashcard-front{transform:rotateY(0)}.flashcard-back{transform:rotateY(180deg);background:var(--bg-surface)}.flashcard-flipper-wrap.flipped .flashcard-front{transform:rotateY(-180deg)}.flashcard-flipper-wrap.flipped .flashcard-back{transform:rotateY(0)}.card-face-header{display:flex;justify-content:space-between;align-items:center}.card-phase-badge{font-family:var(--font-sans);font-size:.88rem;font-weight:700;color:var(--accent-orange)}.card-id-badge{font-family:var(--font-mono);font-size:.72rem;color:var(--text-subtle)}.card-face-body{text-align:center;padding:20px 0}.card-section-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.card-topic-title{font-size:1.45rem;font-weight:700;color:var(--text-primary);line-height:1.35;max-width:540px;margin:0 auto}.card-instruction-tip{margin-top:20px;font-size:.78rem;color:var(--text-subtle)}.card-prompt-heading{font-size:.82rem;font-weight:700;color:var(--accent-orange);margin-bottom:8px}.card-prompt-question{font-size:.95rem;color:var(--text-primary);line-height:1.45;margin-bottom:16px}.card-self-eval-box{margin-top:14px}.eval-title{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.rating-buttons-group{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating-btn{padding:8px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface-muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.78rem;font-weight:700;transition:all var(--transition-fast);cursor:pointer}.rating-btn small{font-size:.65rem;font-weight:400;color:var(--text-muted)}.rating-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-rating-again:hover{border-color:#ef4444;background:#fee2e2}.btn-rating-hard:hover{border-color:#f59e0b;background:#fef3c7}.btn-rating-good:hover{border-color:#10b981;background:#d1fae5}.btn-rating-easy:hover{border-color:#3b82f6;background:#dbeafe}.flashcard-nav-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.btn-deck-nav{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-deck-nav:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-deck-nav:disabled{opacity:.4;cursor:not-allowed}.flip-trigger-btn{padding:10px 24px;font-weight:700;background:var(--nav-blue)!important}.settings-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.settings-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm)}.settings-card.danger-card{border-color:#fecdd3}.settings-card-header{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.settings-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.settings-card-subtitle{font-size:.78rem;color:var(--text-muted);margin-top:2px}.settings-field-group{margin-bottom:16px}.settings-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.settings-label-hint{font-size:.72rem;color:var(--text-muted);font-weight:400}.settings-input,.settings-select{width:100%;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-muted);color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color var(--transition-fast)}.settings-input:focus,.settings-select:focus{border-color:var(--nav-blue);background:var(--bg-surface)}.settings-field-feedback{font-size:.72rem;color:var(--indicator-green);font-weight:600;display:block;margin-top:4px}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.toggle-main-label{font-size:.9rem;font-weight:700;color:var(--text-primary);display:block}.toggle-sub-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin-top:4px}.theme-picker-group{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.theme-option-card{border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:10px}.theme-option-card.selected{border-color:var(--nav-blue);background:var(--bg-surface-muted)}.theme-preview-box{height:60px;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle);display:flex;flex-direction:column}.light-preview{background:#faf6ec}.light-preview .preview-header{height:16px;background:#f4eedd;border-bottom:1px solid #E2D9C5}.dark-preview{background:#0b132b}.dark-preview .preview-header{height:16px;background:#0f1a36;border-bottom:1px solid #1E3466}.theme-option-info strong{display:block;font-size:.84rem;color:var(--text-primary)}.theme-option-info span{font-size:.72rem;color:var(--text-muted)}.settings-desc-text{font-size:.84rem;color:var(--text-secondary);line-height:1.45;margin-bottom:16px}.settings-btn-row{display:flex;gap:10px;flex-wrap:wrap}.backup-meta-info{margin-top:12px;font-size:.74rem;color:var(--text-muted)}.privacy-bullet-list{display:flex;flex-direction:column;gap:12px}.privacy-item{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--text-secondary);line-height:1.4}.privacy-check{color:var(--indicator-green);font-weight:800;flex-shrink:0}.btn-danger-outline{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #F43F5E;color:#e11d48;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-danger-outline:hover{background:#ffe4e6}@media(min-width:1920px){.page-container{max-width:1600px}.phase-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1440px){.page-container{max-width:1280px}.phase-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.phase-checklist-3col-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.phase-checklist-3col-layout .col-checklist-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.settings-cards-grid{grid-template-columns:1fr}}@media(max-width:1024px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;width:280px;max-width:85vw;z-index:1000;transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:none}.app-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000047}.app-main{margin-left:0!important;width:100%;min-width:0}.mobile-toggle-btn{display:flex!important;min-width:44px;min-height:44px;align-items:center;justify-content:center}.sidebar-close-btn{display:flex!important}.phase-checklist-3col-layout{display:flex;flex-direction:column;gap:24px}.phase-checklist-3col-layout .col-checklist-main{order:1;width:100%}.phase-checklist-3col-layout .col-checklist-right{order:2;width:100%;display:flex;flex-direction:column;gap:20px}.phase-checklist-3col-layout .col-checklist-center{order:3;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.winding-road-svg-wrap,.station-waypoint-pin{display:none}.stage-station-wrapper.station-align-left,.stage-station-wrapper.station-align-right{padding-left:0;padding-right:0;width:100%;margin-bottom:24px}.stage-station-card{width:100%;max-width:100%;border-left:4px solid var(--accent-orange)}.stage-phases-chips{display:flex;flex-wrap:wrap;gap:8px;width:100%}.phase-chip{flex:1 1 calc(50% - 8px);min-width:140px;min-height:44px}.hero-card.hero-notebook{flex-direction:column;padding:24px 20px;gap:24px}.hero-content{max-width:100%}.hero-visual.hero-sketch-wrap{width:100%;max-width:520px;margin:0 auto}.phase-cards-grid,.projects-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-container{padding:16px 14px 40px}.app-topbar{padding:0 12px;height:56px;gap:8px}.topbar-left{flex:1;min-width:0}.search-box{padding:6px 10px;width:100%;min-width:0}.search-input{font-size:16px}.kbd-shortcut,.storage-status-pill{display:none!important}.topbar-right{gap:6px}.notification-bell-btn,#themeToggleBtn{min-width:40px;min-height:40px}.search-results-dropdown{position:fixed;left:10px;right:10px;top:60px;width:auto;max-width:calc(100vw - 20px);max-height:75vh}.notification-dropdown{position:fixed;left:10px;right:10px;top:60px;width:auto;max-width:calc(100vw - 20px)}.hero-title{font-size:clamp(1.8rem,6vw,2.4rem)}.hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-cta-btn{width:100%;justify-content:center;min-height:48px}.hero-secondary-btn{width:100%;justify-content:center;min-height:44px}.callout-tag{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px}.connected-phases-track{padding:12px 2px;-webkit-overflow-scrolling:touch}.dashboard-columns{grid-template-columns:1fr;gap:18px}.roadmap-page-header{flex-direction:column;align-items:stretch;gap:16px}.roadmap-header-controls{flex-direction:column;width:100%;gap:12px}.skip-ahead-panel,.roadmap-quick-stats{width:100%;justify-content:space-between}.stages-quick-nav{flex-direction:column;align-items:flex-start;gap:8px}.stages-quick-nav .quick-nav-pills{width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px}.all-phases-header{flex-direction:column;align-items:stretch;gap:16px}.all-phases-toolbar{flex-direction:column;width:100%;gap:12px;align-items:stretch}.skip-ahead-panel-compact{width:100%;justify-content:space-between}.bulk-global-actions{display:flex;width:100%;gap:8px}.bulk-global-actions .btn-toolbar-secondary{flex:1;justify-content:center;min-height:44px}.all-phases-filter-row{flex-direction:column;gap:12px}.filter-tabs-scroll{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:6px}.catalog-quick-search{width:100%}.catalog-search-input{font-size:16px;width:100%}.phase-cards-grid{grid-template-columns:1fr;gap:14px}.phase-checklist-3col-layout .col-checklist-center{grid-template-columns:1fr}.copy-phase-prompt-btn{width:100%;min-height:48px;justify-content:center;font-size:.95rem}.phase-controls-bar{flex-direction:column;align-items:stretch;gap:10px}.phase-controls-bar>div{display:flex;justify-content:space-between;width:100%}.btn-phase-nav{min-height:44px;flex:1;justify-content:center}.section-accordion-header{padding:14px 12px;min-height:52px}.section-bulk-toolbar{padding:8px 12px;flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn-bulk-action{min-height:38px;padding:6px 12px;font-size:.78rem}.topic-checklist-row{padding:12px 10px 12px 12px;gap:10px}.topic-action-btn{min-width:40px;min-height:40px;opacity:1!important}.note-editor-textarea{font-size:16px;min-height:140px}.save-note-btn{min-height:44px;width:100%;justify-content:center}.projects-cards-grid{grid-template-columns:1fr;gap:14px}.projects-page-header{flex-direction:column;gap:14px}.projects-header-stats{flex-direction:column;width:100%;gap:10px}.stat-pill-card{width:100%}.jump-phase-btn{width:100%;justify-content:center;min-height:44px}.projects-filter-bar{flex-direction:column;gap:12px}.project-toggle-btn{width:100%;min-height:44px;justify-content:center}.rating-buttons-group{grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.btn-rating{min-height:44px;font-size:.84rem;justify-content:center}.cert-grid{grid-template-columns:1fr;gap:16px}.cert-name-input-card{padding:16px}.cert-name-input-row{flex-direction:column;width:100%;gap:10px}.cert-name-input{font-size:16px;width:100%;min-height:44px}.btn-save-name{width:100%;min-height:44px;justify-content:center}.cert-view-btn{min-height:44px}.printable-certificate-outer{padding:12px}.notes-tabs{display:flex;width:100%}.notes-tab-btn{flex:1;min-height:44px;justify-content:center}.notes-filter-bar{flex-direction:column;gap:10px}.notes-filter-select,.notes-search-input{width:100%;font-size:16px;min-height:44px}.notes-grid{grid-template-columns:1fr}.settings-cards-grid{grid-template-columns:1fr;gap:16px}.backup-actions-row{display:flex;flex-direction:column;gap:10px}.backup-actions-row button,.backup-actions-row label{width:100%;min-height:44px;justify-content:center}}@media(max-width:480px){.user-name,.user-badge svg{display:none}.user-badge{padding:2px;border:none}.user-avatar{width:32px;height:32px}.stage-phases-chips .phase-chip{flex:1 1 100%;min-width:100%}.bulk-global-actions{flex-direction:column}.bulk-global-actions .btn-toolbar-secondary{width:100%}}@media(max-width:360px){.page-container{padding:12px 10px 36px}.stats-grid{grid-template-columns:1fr}.hero-title{font-size:1.6rem}.phase-hero-title{font-size:1.25rem}.flashcard-card-face{padding:14px 10px;min-height:280px}}@media(max-height:520px)and (orientation:landscape){.app-topbar{height:48px}.hero-card.hero-notebook{padding:16px;gap:16px}.training-rig-img{max-height:140px}.modal-dialog-sketch{max-height:85vh;overflow-y:auto}.flashcard-card-face{min-height:220px}}.phase-card-sketch-wrap{width:100%;height:64px;display:flex;align-items:center;justify-content:center;margin:6px 0 10px;background:var(--bg-surface-muted);border-radius:var(--radius-sm);padding:4px 6px;border:1px dashed var(--border-subtle);overflow:hidden}.phase-card-sketch-wrap svg{max-width:100%;max-height:56px;height:auto;transition:transform var(--transition-fast)}.phase-card:hover .phase-card-sketch-wrap svg{transform:scale(1.05)}[data-theme=dark] .phase-card-sketch-wrap{background:#ffffff08;border-color:#ffffff1a}.stage-equipment-callout{display:flex;align-items:center;gap:14px;margin-top:14px;padding:10px 14px;background:var(--bg-surface-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.stage-sketch-thumb{flex-shrink:0;width:80px;height:48px;display:flex;align-items:center;justify-content:center}.stage-sketch-thumb svg{max-width:100%;max-height:100%}.stage-sketch-info{display:flex;flex-direction:column;gap:2px}.equip-focus-tag{font-family:var(--font-sans);font-size:.72rem;font-weight:700;color:var(--accent-orange);letter-spacing:.05em}.settings-card-sketch-wrap{flex-shrink:0;width:90px;height:62px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);padding:4px}.settings-card-sketch-wrap svg{max-width:100%;max-height:100%}.project-sketch-preview{width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);margin-top:10px;padding:2px;overflow:hidden}.project-sketch-preview svg{max-width:100%;max-height:46px}.difficulty-tag{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.difficulty-tag.beginner{background:var(--tint-emerald-bg);color:#15803d;border:1px solid rgba(22,163,74,.3)}.difficulty-tag.intermediate{background:var(--tint-blue-bg);color:#0369a1;border:1px solid rgba(2,132,199,.3)}.difficulty-tag.advanced{background:var(--tint-amber-bg);color:#c2410c;border:1px solid rgba(234,88,12,.3)}.cert-grid-card-medal{flex-shrink:0;width:48px;height:56px;display:flex;align-items:center;justify-content:center}.cert-grid-card-medal svg{max-width:100%;max-height:100%}.cert-card-mini-disclaimer{font-size:.65rem;color:var(--text-muted);margin-top:8px;font-style:italic;line-height:1.3}.sketch-hero-artwork-wrap{width:100%;max-width:680px;display:flex;align-items:center;justify-content:center}.sketch-hero-svg{width:100%;height:auto;max-height:380px;filter:drop-shadow(0 4px 12px rgba(20,33,61,.08))}[data-theme=dark] .sketch-hero-svg{filter:drop-shadow(0 4px 14px rgba(0,0,0,.4))}.dashboard-page-approved{padding:24px 28px 48px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.dashboard-hero-approved{background-color:#faf8ec;border:1.5px solid rgba(20,33,61,.12);border-radius:18px;padding:34px 40px;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;box-shadow:0 2px 10px #14213d08}.hero-left-content{display:flex;flex-direction:column}.hero-approved-title{font-family:var(--font-sans);font-size:3.6rem;font-weight:700;line-height:1.08;color:var(--text-primary, #0F172A);margin:0 0 18px;letter-spacing:-.01em}.marker-highlight-yellow{background:linear-gradient(180deg,transparent 20%,rgba(254,240,138,.85) 20%,rgba(254,240,138,.85) 90%,transparent 90%);display:inline;padding:0 6px;border-radius:4px}.marker-highlight-blue{background:linear-gradient(180deg,transparent 20%,rgba(186,230,253,.85) 20%,rgba(186,230,253,.85) 90%,transparent 90%);display:inline;padding:0 6px;border-radius:4px}.hero-approved-subtitle{font-family:var(--font-sans);font-size:1.25rem;line-height:1.45;color:var(--text-secondary, #334155);margin:0 0 24px;max-width:520px}.hero-approved-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-hero-start{background:#f97316;color:#fff!important;font-family:var(--font-sans);font-size:1.05rem;font-weight:600;min-height:46px;padding:0 24px;border-radius:12px;border:1.5px solid #EA580C;box-shadow:0 2px 8px #f9731638;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.btn-hero-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f9731652;background:#ea580c;border-color:#c2410c}.btn-hero-start:active{transform:translateY(0);box-shadow:0 1px 4px #f9731633}.btn-hero-roadmap{background:#fff;color:#0f172a!important;font-family:var(--font-sans);font-size:1.05rem;font-weight:600;min-height:46px;padding:0 22px;border-radius:12px;border:1.5px solid rgba(20,33,61,.2);box-shadow:0 1px 3px #14213d0d;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.btn-hero-roadmap:hover{background:#faf6ec;border-color:#14213d59;transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.btn-hero-roadmap:active{transform:translateY(0);box-shadow:0 1px 2px #14213d0d}.hero-right-visual{display:flex;justify-content:center;align-items:center;width:100%}.hero-equipment-wrapper{width:100%;display:flex;justify-content:center;align-items:center}.hero-equipment-photo{width:100%;max-width:640px;height:auto;max-height:420px;object-fit:contain;display:block;filter:drop-shadow(0 6px 18px rgba(13,27,42,.08));transition:transform var(--transition-normal),filter var(--transition-normal)}.hero-equipment-photo:hover{transform:translateY(-2px);filter:drop-shadow(0 10px 24px rgba(13,27,42,.12))}.dark-only{display:none!important}.light-only{display:block!important}[data-theme=dark] .light-only{display:none!important}[data-theme=dark] .dark-only{display:block!important}.dashboard-stats-approved{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card-approved{background:var(--bg-surface, #FFFFFF);border:1.5px solid rgba(20,33,61,.12);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 6px #14213d08;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:106px;height:106px;max-height:106px;box-sizing:border-box}.stat-card-approved:hover{transform:translateY(-2px);box-shadow:0 6px 14px #14213d14;border-color:#14213d38}.stat-gauge-wrap{position:relative;width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.stat-gauge-svg{width:54px;height:54px;transform:rotate(-90deg)}.stat-gauge-bg{stroke:#14213d1a}.stat-gauge-fill{stroke:#10b981;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.stat-gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.82rem;font-weight:800;color:var(--text-primary, #0F172A);font-variant-numeric:tabular-nums;line-height:1;text-align:center}.stat-icon-box{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-soft-blue{background:#e0f2fe;color:#0284c7}.icon-soft-red{background:#fee2e2;color:#dc2626}.icon-soft-gold{background:#fef3c7;color:#d97706}.stat-metric-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.stat-metric-title{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-secondary, #475569);line-height:1.2}.stat-metric-value{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary, #0F172A);line-height:1.2;margin-top:2px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.stat-metric-subtext{font-family:var(--font-sans);font-size:.8rem;color:var(--text-muted, #64748B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;line-height:1.2;height:18px;display:flex;align-items:center}.stat-bar-container{display:flex;align-items:center;gap:8px;margin-top:3px;width:100%;height:18px}.stat-bar-track{flex:1;height:7px;background:#14213d14;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;background:#38bdf8;border-radius:4px;transition:width .4s ease}.stat-bar-percent{font-family:var(--font-sans);font-size:.82rem;font-weight:700;color:#0284c7;flex-shrink:0;font-variant-numeric:tabular-nums}.dashboard-bottom-row-approved{display:grid;grid-template-columns:2.1fr 1fr;gap:18px;align-items:stretch}.dashboard-roadmap-preview-card{background:var(--bg-surface, #FFFFFF);border:1.5px solid rgba(20,33,61,.12);border-radius:16px;padding:24px 28px;box-shadow:0 2px 6px #14213d08;display:flex;flex-direction:column}.roadmap-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.roadmap-preview-title{font-family:var(--font-sans);font-size:1.65rem;font-weight:700;color:var(--text-primary, #0F172A);margin:0}.btn-preview-roadmap{border:1.5px solid #2563EB;color:#2563eb!important;background:transparent;font-family:var(--font-sans);font-size:1.05rem;font-weight:600;padding:4px 14px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-preview-roadmap:hover{background:#eff6ff;transform:translateY(-1px)}.roadmap-nodes-track{display:grid;grid-template-columns:repeat(5,1fr auto) 1fr;align-items:flex-start;width:100%;overflow-x:auto;padding-bottom:4px}.roadmap-node-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:60px}.roadmap-node-anchor{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:100%;transition:transform .15s ease}.roadmap-node-anchor:hover{transform:translateY(-2px)}.roadmap-node-circle-wrap{position:relative;width:48px;height:48px;margin-bottom:10px}.roadmap-node-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:1.3rem;font-weight:700;transition:all .15s ease}.circle-complete{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98159}.circle-pending{background:#fff;color:#0284c7;border:2px solid #93C5FD}.is-in-progress .circle-pending{border-color:#2563eb;color:#2563eb;background:#eff6ff}.roadmap-check-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:#059669;border:1.5px solid #FFFFFF;display:flex;align-items:center;justify-content:center}.roadmap-node-title{font-family:var(--font-sans);font-size:.88rem;font-weight:600;color:var(--text-secondary, #334155);text-align:center;line-height:1.25;max-width:96px;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.roadmap-node-arrow{display:flex;align-items:center;justify-content:center;color:#94a3b8;height:48px;padding:0 4px;flex-shrink:0}.dashboard-milestone-reward-card{background:var(--bg-surface, #FFFFFF);border:1.5px solid rgba(20,33,61,.12);border-radius:16px;padding:20px 22px;box-shadow:0 2px 6px #14213d08;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,box-shadow .15s ease}.dashboard-milestone-reward-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #14213d14;border-color:#14213d38}.milestone-reward-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.milestone-medal-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0}.milestone-reward-title{font-family:var(--font-sans);font-size:1.55rem;font-weight:700;color:var(--text-primary, #0F172A);margin:0}.milestone-reward-content{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1}.milestone-reward-text{flex:1;min-width:0}.milestone-reward-prompt{font-family:var(--font-sans);font-size:1.12rem;line-height:1.35;color:var(--text-secondary, #334155);margin:0}.milestone-reward-mockup{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mini-cert-svg{filter:drop-shadow(0 3px 6px rgba(20,33,61,.08));transform:rotate(-1.5deg);transition:transform .2s ease}.dashboard-milestone-reward-card:hover .mini-cert-svg{transform:rotate(0) scale(1.04)}[data-theme=dark] .dashboard-hero-approved,[data-theme=dark] .stat-card-approved,[data-theme=dark] .dashboard-roadmap-preview-card,[data-theme=dark] .dashboard-milestone-reward-card{background-color:#111d33;border-color:#ffffff1f}[data-theme=dark] .app-sidebar{background-color:#0b132b;border-right-color:#ffffff14}[data-theme=dark] .hero-equipment-photo{filter:drop-shadow(0 8px 24px rgba(0,0,0,.55))}[data-theme=dark] .hero-approved-title,[data-theme=dark] .stat-metric-value,[data-theme=dark] .roadmap-preview-title,[data-theme=dark] .milestone-reward-title{color:#f8fafc}[data-theme=dark] .stat-gauge-bg{stroke:#ffffff38}[data-theme=dark] .stat-bar-track{background:#ffffff38}[data-theme=dark] .stat-gauge-text{color:#f8fafc}[data-theme=dark] .hero-approved-subtitle,[data-theme=dark] .stat-metric-title,[data-theme=dark] .milestone-reward-prompt,[data-theme=dark] .roadmap-node-title{color:#cbd5e1}[data-theme=dark] .circle-pending{background:#0b132b;border-color:#38bdf8;color:#38bdf8}[data-theme=dark] .btn-hero-roadmap{background:#1e293b;color:#f8fafc!important;border-color:#ffffff38;box-shadow:0 1px 3px #00000040}[data-theme=dark] .btn-hero-roadmap:hover{background:#334155;border-color:#ffffff59}@media(max-width:1320px){.dashboard-stats-approved{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.dashboard-bottom-row-approved{grid-template-columns:1fr}}@media(max-width:900px){.dashboard-hero-approved{grid-template-columns:1fr;padding:24px 20px;gap:20px}.hero-approved-title{font-size:2.8rem}.hero-right-visual{order:2}.hero-equipment-photo{max-width:100%;max-height:320px}}@media(max-width:640px){.dashboard-page-approved{padding:16px 14px 40px;gap:16px}.dashboard-hero-approved{padding:20px 16px}.hero-approved-title{font-size:2.2rem}.hero-approved-subtitle{font-size:1.1rem}.hero-approved-actions{flex-direction:column;align-items:stretch;width:100%}.btn-hero-start,.btn-hero-roadmap{width:100%}.dashboard-stats-approved{grid-template-columns:1fr;gap:12px}.dashboard-roadmap-preview-card,.dashboard-milestone-reward-card{padding:16px}.milestone-reward-content{flex-direction:column;align-items:flex-start}.milestone-reward-mockup{align-self:center;margin-top:10px}}.all-phases-approved-page{max-width:1380px;margin:0 auto;padding:12px 20px 48px;width:100%;box-sizing:border-box;overflow-x:clip}.all-phases-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.all-phases-title{font-family:var(--font-sans);font-size:2.15rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin:0 0 2px;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.all-phases-title-highlight{background:#fef08ae6;padding:1px 12px 3px;border-radius:10px 14px 12px 16px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#1e293b}[data-theme=dark] .all-phases-title-highlight{background:#eab30859;color:#fef08a}.all-phases-count{font-size:1.55rem;font-weight:600;color:var(--text-secondary)}.all-phases-subtitle{font-size:.9rem;color:#1e3a8a;line-height:1.35;margin:0;max-width:600px;font-weight:500}[data-theme=dark] .all-phases-subtitle{color:#94a3b8}.all-phases-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.all-phases-bulk-actions{display:flex;gap:6px}.btn-bulk-action{padding:6px 14px;font-size:.78rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);border:1.5px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #0000000a}.btn-bulk-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-select-all:hover{background:var(--nav-blue);color:#fff;border-color:var(--nav-blue)}.btn-deselect-all:hover{background:#ef4444;color:#fff;border-color:#ef4444}.all-phases-skip-ahead-card{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:10px;padding:5px 12px;box-shadow:0 1px 2px #0000000a}.skip-ahead-label{display:flex;flex-direction:column}.skip-ahead-title{font-size:.78rem;font-weight:700;color:var(--text-primary);line-height:1.1}.skip-ahead-sub{font-size:.68rem;color:var(--text-secondary)}.all-phases-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;padding:8px 12px;box-shadow:0 1px 3px #0000000a;flex-wrap:wrap}.status-filters-group{display:flex;gap:6px;flex-wrap:wrap}.status-filter-pill{background:var(--bg-surface-muted);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:9999px;cursor:pointer;transition:all var(--transition-fast)}.status-filter-pill:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--nav-blue)}.status-filter-pill.active{background:var(--nav-blue);color:#fff;border-color:var(--nav-blue);box-shadow:0 2px 5px #2563eb33}.filter-controls-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end}.category-select-wrapper{position:relative}.category-dropdown{background:var(--bg-surface-muted);border:1px solid var(--border-color);color:var(--text-primary);font-size:.76rem;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer;outline:none;transition:all var(--transition-fast);max-width:200px}.category-dropdown:hover,.category-dropdown:focus{border-color:var(--nav-blue);background:var(--bg-surface)}.phases-search-wrap{position:relative;display:flex;align-items:center;min-width:180px}.search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.phases-search-input{width:100%;padding:5px 28px 5px 30px;background:var(--bg-surface-muted);border:1px solid var(--border-color);border-radius:8px;font-size:.78rem;color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.phases-search-input:hover,.phases-search-input:focus{background:var(--bg-surface);border-color:var(--nav-blue);box-shadow:0 0 0 2px #2563eb1f}.search-clear-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:2px 4px}.search-clear-btn:hover{color:var(--text-primary)}.active-filter-status{display:flex;align-items:center;justify-content:space-between;background:#2563eb14;border:1px solid rgba(37,99,235,.2);border-radius:8px;padding:6px 12px;margin-bottom:12px;font-size:.78rem;font-weight:600;color:var(--nav-blue)}.btn-reset-filters{background:none;border:none;color:var(--nav-blue);font-weight:700;text-decoration:underline;cursor:pointer}.all-phases-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px;width:100%}@media(max-width:1340px){.all-phases-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}@media(max-width:980px){.all-phases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:768px){.all-phases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(max-width:520px){.all-phases-grid{grid-template-columns:1fr;gap:10px}}.all-phases-grid .phase-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:0 1px 3px #0000000a;text-align:left;box-sizing:border-box;position:relative;min-height:270px;height:auto;overflow:hidden}.all-phases-grid .phase-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:var(--nav-blue)}.all-phases-grid .phase-card:focus-visible{outline:2px solid var(--nav-blue);outline-offset:2px}.phase-card-header{min-height:64px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;flex-shrink:0}.phase-card-top-line{display:flex;justify-content:space-between;align-items:center;line-height:1;margin:0;flex-shrink:0}.phase-card-num-badge{font-family:var(--font-sans);font-size:.82rem;font-weight:700;color:var(--nav-blue, #0284c7)}.phase-card-status-pill.done{font-size:.62rem;font-weight:700;padding:1px 5px;border-radius:4px;background:#16a34a1f;color:#16a34a;line-height:1.2}.phase-card-title{font-family:var(--font-sans);font-size:.88rem;font-weight:700;color:var(--text-primary);line-height:1.24;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;flex-shrink:0}.phase-card-rec-pill{font-size:.62rem;font-weight:700;color:#15803d;background:#16a34a1f;border:1px solid rgba(22,163,74,.35);border-radius:9999px;padding:2px 7px;line-height:1.2;margin-top:3px;display:inline-flex;align-items:center;gap:3px;width:fit-content;white-space:nowrap;flex-shrink:0}[data-theme=dark] .phase-card-rec-pill{background:#22c55e2e;border-color:#22c55e73;color:#4ade80}.all-phases-grid .phase-card-artwork{height:auto;min-height:95px;max-height:120px;display:flex;align-items:center;justify-content:center;margin:4px 0;overflow:hidden;flex:1}.all-phases-grid .phase-art-img{max-width:100%;max-height:115px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));transition:transform var(--transition-fast)}[data-theme=dark] .all-phases-grid .phase-art-img{filter:drop-shadow(0 3px 10px rgba(0,0,0,.5))}.all-phases-grid .phase-card:hover .phase-art-img{transform:scale(1.05)}.all-phases-grid .phase-art-svg-fallback{width:100%;height:120px;display:flex;align-items:center;justify-content:center}.all-phases-grid .phase-card-bottom{margin-top:auto;padding-top:3px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.all-phases-grid .phase-card-progress-row{display:flex;align-items:center;gap:7px}.all-phases-grid .phase-progress-bar-wrap{flex:1;height:5px;background:var(--border-color, #e2e8f0);border-radius:9999px;overflow:hidden}.all-phases-grid .phase-progress-bar-fill{height:100%;background:#0284c7;border-radius:9999px;transition:width .3s ease}.all-phases-grid .phase-progress-bar-fill.fill-complete{background:#16a34a}.all-phases-grid .phase-progress-percent{font-size:.74rem;font-weight:800;color:var(--text-primary);min-width:26px;text-align:right;line-height:1}.all-phases-grid .phase-card-meta-row{display:flex;align-items:center;justify-content:flex-start}.all-phases-grid .phase-topics-discreet{font-size:.67rem;color:var(--text-secondary);font-weight:500;line-height:1}.roadmap-preview-footer{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:14px;padding:12px 18px;box-shadow:0 1px 3px #0000000a;margin-top:14px}.roadmap-preview-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;flex-wrap:wrap}.roadmap-preview-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.roadmap-preview-subtitle{font-size:.74rem;color:var(--text-secondary);margin-left:8px}.btn-roadmap-preview-link{display:flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:var(--nav-blue);background:#2563eb14;border:1px solid rgba(37,99,235,.2);padding:5px 10px;border-radius:8px;text-decoration:none;transition:all var(--transition-fast)}.btn-roadmap-preview-link:hover{background:var(--nav-blue);color:#fff}.roadmap-preview-track-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;max-width:100%}.roadmap-preview-track{display:flex;align-items:center;gap:5px;white-space:nowrap}.preview-waypoint-node{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;padding:3px;border-radius:8px;transition:all var(--transition-fast);flex-shrink:0}.preview-waypoint-node:hover{background:var(--bg-surface-muted);transform:translateY(-2px)}.waypoint-circle{width:26px;height:26px;border-radius:50%;border:2px solid var(--nav-blue);color:var(--nav-blue);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;background:var(--bg-surface);transition:all var(--transition-fast)}.waypoint-circle.circle-done{border-color:#16a34a;background:#16a34a;color:#fff}.waypoint-circle.circle-more{border-color:var(--text-secondary);color:var(--text-secondary);background:var(--bg-surface-muted)}.waypoint-name{font-size:.66rem;font-weight:600;color:var(--text-secondary);max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.waypoint-arrow{color:var(--text-secondary);font-size:.8rem;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.empty-phases-notice{grid-column:1 / -1;text-align:center;padding:36px 20px;background:var(--bg-surface);border:1.5px dashed var(--border-color);border-radius:14px}.empty-icon{font-size:2rem;margin-bottom:6px;display:inline-block}.empty-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.empty-desc{font-size:.82rem;color:var(--text-secondary);margin:0 0 14px}@media(max-width:768px){.all-phases-approved-page{padding:12px 14px 40px}.all-phases-header{flex-direction:column;align-items:stretch;gap:12px}.all-phases-header-right{width:100%;justify-content:space-between}.all-phases-title{font-size:2rem;flex-wrap:wrap}.all-phases-filter-bar{flex-direction:column;align-items:stretch;gap:10px}.filter-controls-right{flex-direction:column;align-items:stretch;width:100%}.category-dropdown,.phases-search-wrap{max-width:100%;width:100%}.all-phases-grid .phase-card{height:auto;min-height:200px}.phase-card-header{height:auto;min-height:52px;overflow:visible}}.phase-workspace-page{padding:16px 24px 48px}.phase-workspace-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.top-bar-left{display:flex;align-items:center;gap:14px}.phase-top-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);flex-shrink:0}.phase-top-tag{font-family:var(--font-sans);font-size:.82rem;font-weight:700;color:var(--accent-orange);margin-bottom:4px}.phase-top-heading{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.25}.phase-header-progress-box{min-width:180px}.progress-labels{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;margin-bottom:6px}.progress-percent-label{color:var(--accent-primary)}.progress-counts-label{color:var(--text-secondary)}.phase-header-progress-track{height:8px;background:var(--border-color);border-radius:999px;overflow:hidden}.phase-header-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-orange));border-radius:999px;transition:width .3s ease}.phase-workspace-layout{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(440px,1.45fr);gap:22px;align-items:start}.phase-checklist-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.checklist-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);gap:8px}.accordion-toggle-btns,.phase-nav-arrow-btns{display:flex;align-items:center;gap:6px}.btn-ctrl-compact{display:inline-flex;align-items:center;gap:5px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-ctrl-compact:hover:not(:disabled){border-color:var(--accent-orange);color:var(--accent-orange)}.btn-ctrl-compact:disabled{opacity:.45;cursor:not-allowed}.phase-sections-scroll-box{max-height:calc(100vh - 220px);overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.phase-sections-scroll-box::-webkit-scrollbar{width:6px}.phase-sections-scroll-box::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.topic-checklist-row.selected-topic{background:#f9731614!important;border-left:3px solid var(--accent-orange)!important}.phase-study-workspace-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.workspace-tabs-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);gap:10px}.workspace-tabs-group{display:flex;align-items:center;gap:4px;overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(max-width:680px){.workspace-tabs-bar{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.workspace-tabs-group{display:flex;flex-wrap:wrap;gap:6px;width:100%;overflow-x:visible}.workspace-tab-btn{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:.8rem}.workspace-add-note-btn{width:100%;justify-content:center;padding:8px 12px}}.workspace-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;font-size:.81rem;font-weight:700;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap}.workspace-tab-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.workspace-tab-btn.active{color:var(--accent-orange);background:var(--bg-surface);border-color:var(--border-color);box-shadow:var(--shadow-xs)}.tab-pass-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--accent-emerald);color:#fff;font-size:.65rem;font-weight:800}.tab-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:999px;background:var(--accent-orange);color:#fff;font-size:.7rem;font-weight:700}.workspace-add-note-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent-orange);color:#fff;border:none;font-size:.82rem;font-weight:700;padding:7px 14px;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 2px 8px #f9731647;transition:all .15s ease;flex-shrink:0}.workspace-add-note-btn:hover{background:var(--accent-orange-hover);transform:translateY(-1px)}.workspace-content-pane{padding:20px}.study-engine-banner{background:linear-gradient(135deg,#f9731614,#f9731608);border:1px solid rgba(249,115,22,.25);border-radius:var(--radius-md);padding:18px;margin-bottom:20px}.engine-badge{font-family:var(--font-sans);font-size:.78rem;font-weight:700;color:var(--accent-orange);letter-spacing:.04em;margin-bottom:4px}.engine-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 6px}.engine-intro{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin:0 0 16px}.four-step-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.guide-step-card{display:flex;align-items:flex-start;gap:10px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px}.step-badge{width:22px;height:22px;border-radius:50%;background:var(--accent-orange);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content strong{display:block;font-size:.8rem;color:var(--text-primary);margin-bottom:2px}.step-content p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3}.prompt-cta-wrapper{margin-top:14px}.copy-phase-prompt-btn{width:100%;background:var(--accent-orange)!important;color:#fff!important;font-weight:700;padding:12px 18px;font-size:.92rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 12px #f973164d;transition:all .15s ease;cursor:pointer;border:none}.copy-phase-prompt-btn:hover{background:var(--accent-orange-hover)!important;transform:translateY(-1px)}.copy-prompt-success-alert{margin-top:10px;background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0;padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-align:center}[data-theme=dark] .copy-prompt-success-alert{background:#064e3b;color:#a7f3d0;border-color:#059669}.prompt-preview-container{margin-bottom:20px}.prompt-preview-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.prompt-preview-box{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--text-secondary);max-height:200px;overflow-y:auto;white-space:pre-wrap;line-height:1.4}.phase-gate-status-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;gap:12px}.gate-status-col{display:flex;flex-direction:column;gap:2px}.gate-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.gate-value{font-size:.85rem;font-weight:700;color:var(--text-primary)}.gate-value.val-done{color:var(--accent-emerald)}.gate-value.val-pending{color:var(--accent-orange)}.gate-divider{width:1px;height:28px;background:var(--border-color)}.badge-gate-passed{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#ecfdf5;color:#065f46;font-size:.75rem;font-weight:800;border:1px solid #A7F3D0}[data-theme=dark] .badge-gate-passed{background:#064e3b;color:#a7f3d0;border-color:#059669}.btn-jump-quiz{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer}.flashcards-top-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.flashcard-step-num{font-size:.85rem;font-weight:800;color:var(--text-primary)}.card-current-rating{margin-left:8px;font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px}.card-current-rating.rating-again{background:#fee2e2;color:#dc2626}.card-current-rating.rating-hard{background:#ffedd5;color:#ea580c}.card-current-rating.rating-good{background:#e0e7ff;color:#4f46e5}.card-current-rating.rating-easy{background:#ecfdf5;color:#059669}.flashcard-actions-right{display:flex;align-items:center;gap:8px}.flashcard-section-select{padding:5px 10px;font-size:.78rem;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.flashcard-card-box{background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;min-height:260px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-sm);margin-bottom:16px;transition:all .2s ease}.card-face{flex-direction:column;width:100%}.card-meta-tag{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:14px}.card-topic-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.3}.card-topic-title-small{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0 0 12px}.card-prompt-hint{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-bottom:24px}.btn-reveal-card{align-self:center;padding:10px 20px;font-size:.85rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer}.card-answer-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.self-recall-badge{font-family:var(--font-sans);font-size:.72rem;font-weight:700;color:var(--accent-orange);margin-bottom:6px}.self-recall-instruction{font-size:.82rem;color:var(--text-primary);line-height:1.45;margin:0 0 10px}.self-recall-criteria{font-size:.78rem;color:var(--text-secondary)}.self-recall-criteria ul{margin:4px 0 0 18px;padding:0}.flashcards-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px;flex-wrap:wrap}.flashcards-page-header-main{display:flex;flex-direction:column;gap:4px}.flashcards-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-secondary, #2563EB)}.flashcards-title{font-size:2.1rem;font-weight:800;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em;margin:0}.flashcards-desc{font-size:.95rem;color:var(--text-muted);margin-top:4px;max-width:580px}.flashcards-phase-select-wrap{display:flex;align-items:center}.phase-select-pill{position:relative;display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.phase-select-pill:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.phase-select-dropdown{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;font-family:inherit;font-size:.88rem;font-weight:600;color:var(--text-primary);padding:10px 38px 10px 16px;cursor:pointer;border-radius:var(--radius-md)}.phase-select-pill .select-chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-muted);display:flex;align-items:center}.flashcard-area{max-width:850px;margin:15px auto 30px;width:100%}.flashcard-area.is-workspace{margin:10px auto 20px;max-width:100%}.flashcard-topline{display:flex;justify-content:space-between;align-items:center;padding:0 54px 14px;font-size:.72rem;font-weight:800;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.flashcard-counter-wrap{display:inline-flex;align-items:center;gap:8px}.badge-shuffled{display:inline-flex;align-items:center;gap:4px;background:#dbeafe;color:#1d4ed8;border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:700;text-transform:none;letter-spacing:normal}[data-theme=dark] .badge-shuffled{background:#3b82f640;color:#93c5fd}.card-shuffle-pulse{animation:cardPulse .5s ease-out}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(1.018);box-shadow:0 0 0 3px #2563eb40}to{transform:scale(1)}}.goal-ring-tick{color:#10b981;font-weight:800;display:inline-block;margin-right:2px}.flashcard-stage{display:flex;align-items:center;gap:18px;width:100%}.round-control{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all var(--transition-fast)}.round-control:hover{background:#eef4ff;border-color:#bfdbfe;color:#2563eb;transform:scale(1.05)}.round-control:active{transform:scale(.96)}.flashcard{position:relative;min-height:340px;flex:1;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-surface);box-shadow:0 4px 20px -2px #14213d0d,0 2px 6px -1px #14213d08;padding:48px 40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.flashcard:hover{border-color:#2563eb59;box-shadow:0 8px 30px -4px #14213d14,0 4px 12px -2px #14213d0a}.flashcard:focus-visible{outline:2px solid var(--accent-secondary, #2563EB);outline-offset:3px}.flashcard-decor{position:absolute;top:22px;right:24px;color:#d97706;display:flex;align-items:center;justify-content:center;pointer-events:none}.flashcard-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--text-muted);margin-bottom:14px;text-transform:uppercase;pointer-events:none}.flashcard-question{font-size:clamp(1.2rem,2.2vw,1.45rem);font-weight:700;max-width:500px;line-height:1.42;margin:0;color:var(--text-primary);pointer-events:none}.flashcard-rule{width:78%;height:1px;background:var(--border-color);margin:24px 0 20px;pointer-events:none}.flashcard-face-content{display:flex;flex-direction:column;align-items:center;width:100%}.flashcard-hint{font-size:.88rem;color:var(--text-muted);margin:0 0 20px;pointer-events:none}.reveal-button{display:inline-flex;align-items:center;gap:7px;padding:10px 24px;font-size:.88rem;font-weight:600;border-radius:9999px;background:#eef4ff;color:#2563eb;border:1px solid rgba(37,99,235,.2);cursor:pointer;transition:all var(--transition-fast)}.reveal-button:hover{background:#dbeafe;color:#1d4ed8}.reveal-button--hide{background:var(--bg-surface-muted, #F1F5F9);color:var(--text-secondary);border-color:var(--border-color)}.reveal-button--hide:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.flashcard-answer-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--accent-secondary, #2563EB);margin-bottom:10px;text-transform:uppercase;pointer-events:none}.flashcard-answer{font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.6;color:var(--text-primary);max-width:500px;margin:0 0 22px;font-weight:500;pointer-events:none}.flashcard-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0 20px}.flashcard-dots .dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;transition:all var(--transition-fast);cursor:pointer}.flashcard-dots .dot:hover{background:#94a3b8}.flashcard-dots .dot.active{background:var(--accent-secondary, #2563EB);width:18px;border-radius:4px}.flashcard-progress-bar{width:140px;height:6px;border-radius:3px;background:#e2e8f0;overflow:hidden}.flashcard-progress-fill{height:100%;background:var(--accent-secondary, #2563EB);border-radius:3px;transition:width .2s ease}.flashcard-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:0 4px}.btn-shuffle{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:.86rem;font-weight:600;cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:all var(--transition-fast)}.btn-shuffle:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.rating-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rating-prompt-label{font-size:.82rem;color:var(--text-muted);font-weight:500;margin-right:4px}.rating{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);padding:8px 14px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.rating:hover{filter:brightness(.96)}.rating.selected{box-shadow:0 0 0 2px currentColor;font-weight:800}.rating--again{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.rating--hard{background:#fef9c3;color:#b45309;border-color:#fde047}.rating--good{background:#dcfce7;color:#15803d;border-color:#86efac}.rating--easy{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.flashcard-empty{min-height:320px;max-width:680px;margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--border-color);border-radius:18px;padding:36px 20px}.flashcard-empty h2{font-size:1.25rem;color:var(--text-primary);margin:12px 0 6px}.flashcard-empty p{font-size:.9rem;color:var(--text-muted)}[data-theme=dark] .flashcard{background:#111d33;border-color:#ffffff1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .round-control{background:#111d33;border-color:#ffffff1f;color:#f8f9fa}[data-theme=dark] .round-control:hover{background:#1e2d4a;border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .flashcard-rule{background:#ffffff1a}[data-theme=dark] .reveal-button{background:#2563eb33;color:#93c5fd;border-color:#93c5fd4d}[data-theme=dark] .reveal-button:hover{background:#2563eb59;color:#bfdbfe}[data-theme=dark] .reveal-button--hide{background:#ffffff14;color:#e2e8f0;border-color:#ffffff26}[data-theme=dark] .btn-shuffle{background:#111d33;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .btn-shuffle:hover{background:#1e2d4a;color:#fff}[data-theme=dark] .rating--again{background:#ef44442e;color:#fca5a5;border-color:#ef444459}[data-theme=dark] .rating--hard{background:#f59e0b2e;color:#fcd34d;border-color:#f59e0b59}[data-theme=dark] .rating--good{background:#10b9812e;color:#86efac;border-color:#10b98159}[data-theme=dark] .rating--easy{background:#3b82f62e;color:#93c5fd;border-color:#3b82f659}@media(max-width:640px){.flashcard-topline{padding:0 4px 10px;font-size:.68rem}.flashcard-stage{gap:8px}.round-control{width:36px;height:36px}.flashcard{padding:38px 20px 24px;min-height:300px}.flashcard-question{font-size:1.15rem}.flashcard-footer{flex-direction:column;align-items:stretch;gap:14px}.btn-shuffle{width:100%;justify-content:center}.rating-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.rating-prompt-label{grid-column:span 4;text-align:center;margin-bottom:2px}.rating{padding:8px 4px;text-align:center;font-size:.78rem}}.quiz-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quiz-q-counter{font-size:.88rem;font-weight:800;color:var(--text-primary)}.quiz-threshold-tag{margin-left:10px;font-size:.72rem;font-weight:700;padding:2px 6px;background:#f973161f;color:var(--accent-orange);border-radius:4px}.quiz-best-score{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.quiz-best-score.passed{color:var(--accent-emerald)}.quiz-progress-track{height:6px;background:var(--border-color);border-radius:999px;margin-bottom:18px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--accent-orange);border-radius:999px;transition:width .25s ease}.quiz-question-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.quiz-question-stem{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.4;margin:0 0 16px}.quiz-options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.quiz-option-item{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.quiz-option-item:hover:not(.option-correct):not(.option-incorrect){border-color:var(--accent-orange)}.quiz-option-item.option-selected{border-color:var(--accent-orange);background:#f973160f}.quiz-option-item.option-correct{border-color:#059669;background:#ecfdf5;color:#065f46}.quiz-option-item.option-incorrect{border-color:#dc2626;background:#fef2f2;color:#991b1b}[data-theme=dark] .quiz-option-item.option-correct{background:#064e3b;color:#a7f3d0}[data-theme=dark] .quiz-option-item.option-incorrect{background:#7f1d1d;color:#fecaca}.option-letter-badge{width:26px;height:26px;border-radius:50%;background:var(--border-color);color:var(--text-primary);font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-option-item.option-selected .option-letter-badge{background:var(--accent-orange);color:#fff}.quiz-option-item.option-correct .option-letter-badge{background:#059669;color:#fff}.quiz-option-item.option-incorrect .option-letter-badge{background:#dc2626;color:#fff}.option-text{font-size:.88rem;font-weight:500;flex:1}.option-icon-check{color:#059669;font-weight:800;font-size:1.1rem}.option-icon-cross{color:#dc2626;font-weight:800;font-size:1.1rem}.quiz-explanation-box{border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.quiz-explanation-box.exp-correct{background:#ecfdf5;border:1px solid #A7F3D0;color:#065f46}.quiz-explanation-box.exp-incorrect{background:#fef2f2;border:1px solid #FECACA;color:#991b1b}[data-theme=dark] .quiz-explanation-box.exp-correct{background:#064e3b;border-color:#059669;color:#a7f3d0}[data-theme=dark] .quiz-explanation-box.exp-incorrect{background:#7f1d1d;border-color:#dc2626;color:#fecaca}.explanation-title{font-weight:800;font-size:.88rem;margin-bottom:4px}.explanation-text{font-size:.82rem;line-height:1.45;margin:0}.quiz-footer-actions{display:flex;justify-content:flex-end}.quiz-results-container{text-align:center;padding:32px 16px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.quiz-results-badge{display:inline-block;font-size:.82rem;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:12px}.quiz-results-badge.passed{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.quiz-results-badge.failed{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.quiz-results-score{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 10px}.quiz-results-feedback{font-size:.9rem;color:var(--text-secondary);max-width:480px;margin:0 auto 24px;line-height:1.45}.quiz-results-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.notes-active-topic-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.notes-context-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.notes-context-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:2px 0}.notes-context-section{font-size:.75rem;color:var(--accent-orange)}.saved-note-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.saved-note-meta{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--text-secondary);margin-bottom:10px}.btn-delete-note-text{background:transparent;border:none;color:#dc2626;font-size:.72rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.saved-note-body p{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-primary)}.empty-note-state-box{text-align:center;padding:32px 16px;background:var(--bg-elevated);border:1.5px dashed var(--border-color);border-radius:var(--radius-md);margin-bottom:24px}.empty-note-icon{color:var(--accent-orange);margin-bottom:8px}.empty-note-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0 0 6px}.empty-note-desc{font-size:.82rem;color:var(--text-secondary);max-width:380px;margin:0 auto 16px;line-height:1.4}.phase-notes-archive-section{padding-top:14px;border-top:1px solid var(--border-color)}.archive-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.archive-title{font-size:.88rem;font-weight:800;color:var(--text-primary);margin:0}.view-all-notes-link{font-size:.75rem;font-weight:700;color:var(--accent-orange);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.phase-notes-list{display:flex;flex-direction:column;gap:8px}.phase-note-preview-item{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;transition:all .15s ease}.phase-note-preview-item:hover,.phase-note-preview-item.active{border-color:var(--accent-orange)}.preview-item-top{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);margin-bottom:3px}.preview-topic-title{font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.preview-content-snippet{font-size:.75rem;color:var(--text-secondary);margin:0}.phase-locked-page{padding:24px}.phase-lock-container{max-width:560px;margin:40px auto;text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px 24px;box-shadow:var(--shadow-md)}.lock-icon-hero{color:var(--accent-orange);margin-bottom:12px}.lock-phase-badge{display:inline-block;font-family:var(--font-sans);font-size:.78rem;font-weight:700;color:var(--accent-orange);letter-spacing:.05em;margin-bottom:6px}.lock-phase-title{font-size:1.45rem;font-weight:800;color:var(--text-primary);margin:0 0 10px}.lock-phase-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45;margin:0 0 20px}.lock-prereq-card{text-align:left;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.lock-prereq-title{font-size:.82rem;font-weight:800;color:var(--text-primary);margin:0 0 10px}.lock-prereq-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.lock-prereq-item:not(:last-child){border-bottom:1px solid var(--border-color)}.prereq-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.lock-prereq-item.passed .prereq-icon{background:#ecfdf5;color:#065f46}.lock-prereq-item.pending .prereq-icon{background:#fef2f2;color:#dc2626}.prereq-text strong{display:block;font-size:.82rem;color:var(--text-primary)}.prereq-text span{font-size:.75rem;color:var(--text-secondary)}.lock-actions-row{display:flex;flex-direction:column;gap:10px;align-items:center}.roadmap-lock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b132ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.roadmap-lock-modal-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:480px;width:100%;padding:24px;box-shadow:var(--shadow-lg);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lock-modal-header{display:flex;align-items:center;gap:10px;position:relative;margin-bottom:14px}.lock-modal-icon{color:var(--accent-orange)}.lock-modal-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0}.lock-modal-close{position:absolute;right:0;top:0;background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer}.lock-modal-reason-box{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;font-size:.84rem;color:var(--text-primary);margin:10px 0}.lock-modal-status-items{margin:12px 0}.lock-status-row{display:flex;align-items:center;gap:8px;font-size:.8rem;padding:4px 0;color:var(--text-primary)}.status-indicator-icon{font-weight:800;width:18px;text-align:center}.status-indicator-icon.icon-done{color:#059669}.status-indicator-icon.icon-incomplete{color:#dc2626}.lock-modal-hint{font-size:.75rem;color:var(--text-secondary);margin:8px 0 16px}.lock-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.lock-modal-settings-link{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--text-secondary);text-decoration:none;margin-left:auto}.projects-notebook-page{padding:16px 24px 48px}.projects-page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.projects-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.project-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-orange)}.project-card.completed{border-color:#05966966;background:linear-gradient(180deg,var(--bg-surface) 0%,rgba(236,253,245,.3) 100%)}[data-theme=dark] .project-card.completed{background:linear-gradient(180deg,var(--bg-surface) 0%,rgba(6,78,59,.25) 100%)}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-level-badge{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.project-level-badge.level-beginner{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.project-level-badge.level-intermediate{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.project-level-badge.level-advanced{background:#f5f3ff;color:#5b21b6;border:1px solid #DDD6FE}[data-theme=dark] .project-level-badge.level-beginner{background:#064e3b;color:#a7f3d0;border-color:#059669}[data-theme=dark] .project-level-badge.level-intermediate{background:#1e3a8a;color:#bfdbfe;border-color:#3b82f6}[data-theme=dark] .project-level-badge.level-advanced{background:#4c1d95;color:#ddd6fe;border-color:#7c3aed}.project-num-badge{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.project-card-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0 0 10px;line-height:1.35;min-height:42px}.project-card-artwork{height:140px;min-height:130px;display:flex;align-items:center;justify-content:center;margin:4px 0 12px;overflow:hidden;background:#00000004;border-radius:var(--radius-md)}[data-theme=dark] .project-card-artwork{background:#ffffff05}.project-art-img{max-width:100%;max-height:130px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.08));transition:transform var(--transition-fast)}[data-theme=dark] .project-art-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.project-card:hover .project-art-img{transform:scale(1.04)}.project-card-summary{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tech-tag{font-size:.72rem;font-weight:700;color:var(--accent-secondary, #2563EB);background:#2563eb14;border:1px solid rgba(37,99,235,.2);border-radius:999px;padding:2px 8px;line-height:1.2}[data-theme=dark] .project-tech-tag{background:#2563eb33;border-color:#60a5fa66;color:#93c5fd}.project-modal-artwork-wrap{height:190px;min-height:190px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#00000005;border-radius:var(--radius-lg);overflow:hidden}[data-theme=dark] .project-modal-artwork-wrap{background:#ffffff08}.project-modal-art-img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}[data-theme=dark] .project-modal-art-img{filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}.project-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.project-id-tag{font-family:var(--font-mono, monospace);font-size:.72rem;background:var(--bg-elevated);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;color:var(--text-secondary)}.project-domain-tag{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color);margin-top:auto}.project-checkbox-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:4px 0;color:var(--text-primary);font-size:.8rem;font-weight:600}.checkbox-square{width:18px;height:18px;border:1.5px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff;transition:all .15s ease}.project-checkbox-btn.is-completed .checkbox-square{background:var(--accent-emerald);border-color:var(--accent-emerald)}.project-checklist-link{font-size:.75rem;font-weight:700;color:var(--accent-orange);text-decoration:none;display:inline-flex;align-items:center;gap:3px}.project-checklist-link:hover{text-decoration:underline}@media(max-width:1024px){.phase-workspace-layout{grid-template-columns:1fr}.phase-sections-scroll-box{max-height:400px}.projects-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.phase-workspace-top-bar{flex-direction:column;align-items:flex-start}.phase-header-progress-box{width:100%}.four-step-guide-grid,.projects-cards-grid{grid-template-columns:1fr}}.skip-ahead-toggle-btn{width:48px;height:26px;background:#cbd5e1;border-radius:9999px;position:relative;transition:background-color var(--transition-fast, .2s);flex-shrink:0;border:none;cursor:pointer;padding:0;outline:none;display:inline-flex;align-items:center}[data-theme=dark] .skip-ahead-toggle-btn{background:#334155}.skip-ahead-toggle-btn.active{background:#10b981}.skip-ahead-toggle-btn:focus-visible{box-shadow:0 0 0 3px #10b98159}.skip-ahead-toggle-btn .toggle-knob{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform var(--transition-fast, .2s);box-shadow:0 1px 3px #00000040}.skip-ahead-toggle-btn.active .toggle-knob{transform:translate(22px)}.tab-interview-pane{display:flex;flex-direction:column;gap:18px}.interview-engine-banner{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.interview-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.interview-count-tag{font-size:.75rem;font-weight:700;color:var(--accent-orange);background:var(--tint-amber-bg, rgba(245, 158, 11, .12));padding:3px 10px;border-radius:9999px;border:1px solid rgba(245,158,11,.3)}.interview-questions-list{display:flex;flex-direction:column;gap:14px}.interview-qa-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 18px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.interview-qa-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md)}.interview-qa-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.qa-num-badge{font-size:.72rem;font-weight:800;background:var(--accent-orange);color:#fff;padding:3px 8px;border-radius:6px;flex-shrink:0;letter-spacing:.03em}.qa-question-text{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.interview-qa-body{display:flex;flex-direction:column;gap:10px;padding-left:4px}.qa-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.05em;margin-bottom:4px}.qa-label.answer-label{color:var(--accent-emerald, #059669)}.qa-label.tip-label{color:var(--accent-blue, #2563eb)}.qa-spoken-answer{font-size:.9rem;line-height:1.55;color:var(--text-primary);margin:0;background:var(--bg-surface);border-left:3px solid var(--accent-emerald, #059669);padding:10px 14px;border-radius:0 8px 8px 0}.qa-tip-block{background:#2563eb0f;border:1px dashed rgba(37,99,235,.35);border-radius:8px;padding:8px 12px}[data-theme=dark] .qa-tip-block{background:#2563eb24}.qa-pro-tip{font-size:.84rem;line-height:1.45;color:var(--text-secondary);margin:0}.project-card-summary{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin:6px 0 12px;flex-grow:1}.btn-view-project-details{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-size:.76rem;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-view-project-details:hover{background:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange)}.project-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b132bb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:20px}.project-detail-dialog{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 20px 40px #00000059;max-width:840px;width:94%;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:var(--radius-xl)}.project-detail-header{padding:18px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-surface);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project-detail-header-info{display:flex;flex-direction:column;gap:6px}.project-detail-modal-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3}.project-detail-id-tag{font-size:.72rem;font-family:monospace;color:var(--text-tertiary)}.project-detail-scroll-content{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.project-modal-crossref-banner{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;font-size:.8rem;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-phase42-link{font-weight:700;color:var(--accent-orange);text-decoration:none}.modal-phase42-link:hover{text-decoration:underline}.detail-section-title{font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 8px}.detail-section-body{font-size:.9rem;line-height:1.55;color:var(--text-primary);margin:0}.key-terms-container{margin-top:12px}.terms-subheading{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:8px}.key-terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.key-term-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:.82rem}.key-term-name{display:block;font-weight:700;color:var(--accent-orange);margin-bottom:4px}.key-term-def{display:block;color:var(--text-secondary);line-height:1.4}.build-type-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.badge-build-cat{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;background:#2563eb1f;color:var(--accent-blue);padding:3px 10px;border-radius:9999px;border:1px solid rgba(37,99,235,.25);margin-bottom:4px}.build-type-desc{font-size:.85rem;line-height:1.45;color:var(--text-primary);margin:0}.build-type-desc.alternative{background:#f59e0b14;border-left:3px solid #f59e0b;padding:8px 12px;border-radius:4px;color:var(--text-secondary);margin-top:4px}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);margin-top:8px}.detail-components-table,.detail-connection-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.detail-components-table th,.detail-connection-table th{background:var(--bg-primary);color:var(--text-secondary);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap}.detail-components-table td,.detail-connection-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);line-height:1.4}.detail-components-table tr:last-child td,.detail-connection-table tr:last-child td{border-bottom:none}.badge-necessity.essential{background:#10b9811f;color:#059669;font-weight:700;padding:2px 8px;border-radius:9999px;font-size:.7rem;display:inline-block}[data-theme=dark] .badge-necessity.essential{color:#34d399;background:#10b98133}.badge-necessity.optional{background:#64748b1f;color:var(--text-tertiary);font-weight:600;padding:2px 8px;border-radius:9999px;font-size:.7rem;display:inline-block}.comp-cat-tag{font-size:.74rem;color:var(--text-secondary);font-style:italic}.badge-path-type{display:inline-block;font-size:.72rem;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-color);padding:2px 8px;border-radius:4px;color:var(--text-secondary);white-space:nowrap}.conn-terminal-from code,.conn-terminal-to code{background:var(--bg-primary);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.78rem;color:var(--text-primary);white-space:nowrap}.conn-step-num{font-weight:800;color:var(--text-secondary);text-align:center}.principle-block{background:var(--bg-primary);border-left:3px solid var(--accent-blue);padding:10px 14px;border-radius:0 6px 6px 0;margin-bottom:8px}.principle-block strong{display:block;font-size:.84rem;color:var(--text-primary);margin-bottom:4px}.principle-block p{font-size:.84rem;line-height:1.45;color:var(--text-secondary);margin:0}.detail-steps-flow{display:flex;flex-direction:column;gap:10px}.build-step-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px}.build-step-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.step-card-title{font-size:.86rem;color:var(--text-primary)}.step-instruction-text{font-size:.84rem;line-height:1.45;color:var(--text-primary);margin:0 0 6px}.step-why-matters{background:#2563eb0f;border-left:2px solid var(--accent-blue);padding:6px 10px;border-radius:0 4px 4px 0;font-size:.78rem;color:var(--text-secondary)}.why-label{font-weight:700;color:var(--accent-blue);margin-right:4px}.testing-matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:12px}.test-proc-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:.82rem}.test-proc-card strong{display:block;color:var(--text-primary);margin-bottom:4px}.test-proc-card p{color:var(--text-secondary);margin:0;line-height:1.4}.acceptance-checklist-wrap{background:#10b9810f;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:12px 14px}.checklist-title{display:block;font-size:.84rem;color:var(--accent-emerald, #059669);margin-bottom:8px}[data-theme=dark] .checklist-title{color:#34d399}.acceptance-checklist-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.acceptance-checklist-items li{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--text-primary);line-height:1.4}.chk-icon{color:var(--accent-emerald, #059669);font-weight:800;font-size:.85rem;flex-shrink:0}[data-theme=dark] .chk-icon{color:#34d399}.detail-components-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.component-item{background:var(--bg-surface);border:1px solid var(--border-color);padding:6px 10px;border-radius:6px;font-size:.82rem;color:var(--text-primary);display:flex;align-items:center;gap:6px}.comp-bullet{color:var(--accent-orange);font-size:.9rem}.detail-plan-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.plan-step-item{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.45;color:var(--text-primary)}.step-badge-num{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:800;font-size:.72rem;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.success-check-card{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:12px 16px}.success-check-header{display:flex;align-items:center;gap:6px;color:var(--accent-emerald, #059669);font-size:.85rem;margin-bottom:4px}.success-check-text{font-size:.85rem;line-height:1.45;color:var(--text-primary);margin:0}.ai-study-prompt-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.ai-prompt-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.ai-prompt-title{display:flex;align-items:center;gap:6px;color:var(--accent-blue, #2563eb);font-size:.85rem}.ai-prompt-instruction{font-size:.78rem;color:var(--text-secondary);margin:0 0 8px}.ai-prompt-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-family:monospace;font-size:.76rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto;color:var(--text-secondary);margin:0}.btn-copy-prompt{background:var(--accent-blue, #2563eb);color:#fff;border:none;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.btn-copy-prompt:hover{opacity:.9}.btn-copy-prompt.copied{background:#059669!important}.project-detail-footer{padding:14px 24px;border-top:1px solid var(--border-color);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between}.modal-checkbox-btn{padding:6px 14px;font-size:.82rem}.phase-card.phase-is-locked{opacity:.82}.phase-card.phase-is-locked:hover{border-color:var(--accent-orange);opacity:1}.phase-card-lock-badge{font-size:.68rem;font-weight:700;color:#b45309;background:#f59e0b24;border:1px solid rgba(245,158,11,.3);padding:1px 6px;border-radius:9999px;display:inline-flex;align-items:center;gap:3px}[data-theme=dark] .phase-card-lock-badge{color:#fbbf24;background:#f59e0b38}.app-sidebar .nav-link[data-nav="/about"].active,.app-sidebar .nav-link[data-nav="/upcoming-features"].active,.app-sidebar .nav-link[data-nav="/contact"].active{background-color:#fde8d7!important;color:#eb5e28!important;font-weight:600!important;border-radius:10px!important}.app-sidebar .nav-link[data-nav="/about"].active .nav-link-content svg,.app-sidebar .nav-link[data-nav="/about"].active svg,.app-sidebar .nav-link[data-nav="/upcoming-features"].active .nav-link-content svg,.app-sidebar .nav-link[data-nav="/upcoming-features"].active svg,.app-sidebar .nav-link[data-nav="/contact"].active .nav-link-content svg,.app-sidebar .nav-link[data-nav="/contact"].active svg{color:#eb5e28!important;stroke:#eb5e28!important}[data-theme=dark] .app-sidebar .nav-link[data-nav="/about"].active,[data-theme=dark] .app-sidebar .nav-link[data-nav="/upcoming-features"].active,[data-theme=dark] .app-sidebar .nav-link[data-nav="/contact"].active{background-color:#eb5e2838!important;color:#ff8a50!important}[data-theme=dark] .app-sidebar .nav-link[data-nav="/about"].active .nav-link-content svg,[data-theme=dark] .app-sidebar .nav-link[data-nav="/about"].active svg,[data-theme=dark] .app-sidebar .nav-link[data-nav="/upcoming-features"].active .nav-link-content svg,[data-theme=dark] .app-sidebar .nav-link[data-nav="/upcoming-features"].active svg,[data-theme=dark] .app-sidebar .nav-link[data-nav="/contact"].active .nav-link-content svg,[data-theme=dark] .app-sidebar .nav-link[data-nav="/contact"].active svg{color:#ff8a50!important;stroke:#ff8a50!important}.about-page-wrapper,.upcoming-page-wrapper,.contact-page-wrapper{max-width:1180px;margin:0 auto;padding:4px 24px 44px;display:flex;flex-direction:column}.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted, #64748B);margin-bottom:2px}.breadcrumb-link{color:var(--text-secondary, #334155);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--accent-orange, #EA580C);text-decoration:underline}.breadcrumb-sep{color:var(--text-subtle, #94A3B8)}.breadcrumb-current{color:var(--text-primary, #14213D);font-weight:600}:root{--hero-card-gap: 24px}@media(max-width:768px){:root{--hero-card-gap: 16px}}.shared-page-hero,.about-hero-section,.contact-hero-section{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0;margin:0 0 var(--hero-card-gap) 0!important;width:100%;box-sizing:border-box;min-height:unset!important;height:auto!important}.shared-page-hero-text,.about-hero-text,.contact-hero-text{flex:1 1 540px;max-width:600px;display:flex;flex-direction:column;justify-content:center;padding:0;margin:0}.shared-page-hero-title-wrap,.about-hero-title-wrap,.contact-hero-title-wrap{display:inline-flex;align-items:center;margin-bottom:12px}.sketch-dash{font-family:var(--font-sans);color:#eb5e28;font-size:1.4rem;font-weight:700;letter-spacing:2px;-webkit-user-select:none;user-select:none}.shared-page-hero-title,.about-page-title,.contact-page-title{font-family:var(--font-sans);font-size:2.85rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary, #14213D);line-height:1.12;margin:0;display:inline-block}.watercolor-highlight{position:relative;display:inline-block;padding:4px 18px;background:#fed7aa;border-radius:12px;box-shadow:0 0 0 2px #fed7aa66}[data-theme=dark] .watercolor-highlight{background:#eb5e2847;box-shadow:0 0 0 2px #eb5e2833;color:#fff7ed}.shared-page-hero-intro,.about-hero-intro,.contact-hero-intro{font-size:1.05rem;line-height:1.6;color:var(--text-secondary, #334155);margin:0;max-width:540px}.shared-page-hero-chips,.about-hero-pills{display:flex;gap:8px;margin-top:12px!important;flex-wrap:wrap}.shared-page-hero-chip,.hero-feature-pill{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:9999px;padding:4px 12px;box-shadow:0 1px 2px #00000008}[data-theme=dark] .shared-page-hero-chip,[data-theme=dark] .hero-feature-pill{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-secondary)}.shared-page-hero-media,.about-hero-media,.contact-hero-media{flex:0 1 420px;display:flex;align-items:center;justify-content:flex-end;max-height:clamp(150px,16vw,220px)}.shared-page-hero-img,.about-hero-img,.contact-hero-img{width:auto;max-width:100%;height:auto;max-height:clamp(150px,16vw,220px);object-fit:contain;object-position:right center;filter:drop-shadow(0 4px 14px rgba(0,0,0,.06));display:block}.about-card,.contact-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:14px;padding:22px 24px;box-shadow:0 2px 6px #14213d0a;transition:all var(--transition-fast)}.about-card-header,.contact-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.about-header-icon-box,.contact-header-icon-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-card-title,.contact-card-title{font-family:var(--font-sans);font-size:1.65rem;font-weight:700;color:var(--text-primary, #14213D);margin:0;line-height:1.2}.watercolor-marker-subtle{display:inline-block;padding:2px 10px;background:#fef3c7;border-radius:8px}[data-theme=dark] .watercolor-marker-subtle{background:#fef3c71f;color:#fef3c7}.what-is-lead{font-size:.96rem;line-height:1.65;color:var(--text-primary, #14213D);margin-bottom:16px}.why-learning-box{background:var(--bg-surface-muted, #FAF8EC);border:1px solid var(--border-subtle, #EBE4D5);border-radius:12px;padding:20px 22px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px}[data-theme=dark] .why-learning-box{background:#1e293b73;border-color:#ffffff14}.why-learning-header{display:flex;flex-direction:column;gap:6px}.why-pill-badge{font-family:var(--font-sans);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ea580c;background:#ffedd5;padding:4px 10px;border-radius:999px;display:inline-flex;width:fit-content;border:1px solid rgba(234,88,12,.2)}[data-theme=dark] .why-pill-badge{background:#ea580c33;color:#fb923c;border-color:#ea580c59}.why-heading{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--text-primary, #14213D);margin:0;line-height:1.35}.why-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.why-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:10px;padding:14px 16px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 1px 3px #14213d08;transition:all var(--transition-fast)}.why-card:hover{transform:translateY(-1px);border-color:#ea580c;box-shadow:0 4px 10px #ea580c14}[data-theme=dark] .why-card{background:var(--bg-surface, #1E293B);border-color:#ffffff14}[data-theme=dark] .why-card:hover{border-color:#ea580c80;box-shadow:0 4px 10px #0003}.why-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.why-text-wrap{flex:1;display:flex;flex-direction:column;gap:4px}.why-point-title{font-family:var(--font-sans);font-size:.94rem;font-weight:700;color:var(--text-primary, #14213D);margin:0;line-height:1.3}.why-point-desc{font-size:.84rem;line-height:1.5;color:var(--text-secondary, #475569);margin:0}[data-theme=dark] .why-point-desc{color:var(--text-muted, #94A3B8)}.about-disclaimer-banner{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;padding:12px 16px;font-size:.85rem;line-height:1.5;color:#92400e}[data-theme=dark] .about-disclaimer-banner{background:#f59e0b1f;border-color:#f59e0b40;color:#fcd34d}.disclaimer-icon{color:#d97706;flex-shrink:0;margin-top:2px}.about-hero-card{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px}.about-hero-title{font-family:var(--font-sans);font-size:2.85rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary, #14213D);margin:0 0 8px;line-height:1.15}.about-hero-title .about-brand-name{color:#eb5e28}.about-hero-lead{font-size:1.12rem;font-weight:500;line-height:1.45;color:var(--text-secondary, #334155);margin:0 0 18px}.about-stats-pill-bar{display:inline-flex;align-items:center;background:#eff6ff;border:1px solid rgba(191,219,254,.7);border-radius:12px;padding:8px 20px;gap:18px;width:fit-content;box-shadow:0 1px 3px #2563eb0d}.about-stat-item{display:flex;align-items:baseline;gap:8px}.about-stat-num{font-size:1.45rem;font-weight:850;color:#ea580c;line-height:1}.about-stat-label{font-size:.92rem;font-weight:650;color:var(--text-primary, #14213D)}.about-stat-divider{width:1px;height:22px;background:#bfdbfe}.about-hero-img{max-height:225px;max-width:440px;width:auto;height:auto;object-fit:contain;object-position:right center;display:block}.about-section{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.about-section-heading{font-family:var(--font-sans);font-size:1.25rem;font-weight:800;letter-spacing:-.015em;color:var(--text-primary, #14213D);margin:0 0 4px}.about-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:16px;box-shadow:0 1px 4px #14213d08}.overview-card{padding:22px 26px}.overview-section-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:800;color:var(--text-primary, #14213D);margin:0 0 18px}.overview-triad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.overview-item{display:flex;align-items:flex-start;gap:14px}.overview-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.overview-text{display:flex;flex-direction:column;gap:4px}.overview-item-title{font-size:1.02rem;font-weight:750;color:var(--text-primary, #14213D);margin:0;line-height:1.25}.overview-item-desc{font-size:.85rem;line-height:1.48;color:var(--text-secondary, #475569);margin:0}.what-you-can-do-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.action-nav-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;transition:all var(--transition-fast);box-shadow:0 1px 3px #14213d08;min-height:78px;box-sizing:border-box}.action-nav-card:hover{transform:translateY(-2px);border-color:#ea580c;box-shadow:0 4px 10px #ea580c1f}.action-card-left{display:flex;align-items:center;gap:12px;min-width:0}.action-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.action-title{font-size:.94rem;font-weight:750;color:var(--text-primary, #14213D);margin:0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-title.text-orange{color:#ea580c}.action-desc{font-size:.76rem;line-height:1.35;color:var(--text-muted, #64748B);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.action-chevron{color:var(--text-subtle, #94A3B8);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.action-chevron.chevron-orange{color:#ea580c}.action-nav-card:hover .action-chevron{transform:translate(3px);color:#ea580c}.action-start-learning{background:var(--bg-surface, #FFFFFF);border-color:#ea580c59}.start-play-icon{width:40px;height:40px;border-radius:50%;background:#ea580c;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #ea580c40}.how-it-works-card{padding:22px 24px}.how-it-works-flow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.how-flow-step{display:flex;align-items:flex-start;gap:12px;flex:1 1 0;min-width:0}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:800;flex-shrink:0;margin-top:0}.step-circle-orange{background-color:#ea580c;color:#fff}.step-circle-blue{background-color:#eff6ff;color:#2563eb;border:1.5px solid #BFDBFE}.step-flow-body{display:flex;flex-direction:column;gap:4px;min-width:0}.step-flow-title{font-size:.94rem;font-weight:750;color:var(--text-primary, #14213D);margin:0;line-height:1.25}.step-flow-desc{font-size:.8rem;line-height:1.45;color:var(--text-secondary, #475569);margin:0}.flow-step-divider{width:1px;align-self:stretch;background-color:var(--border-subtle, #EBE4D5);margin:2px 4px;flex-shrink:0}.data-stays-card{padding:20px 24px}.data-stays-grid{display:flex;align-items:stretch;justify-content:space-between;gap:16px}.data-stay-item{display:flex;align-items:flex-start;gap:14px;flex:1 1 0;text-decoration:none;border-radius:12px;padding:8px 10px;transition:background-color var(--transition-fast),transform var(--transition-fast)}.data-stay-item:hover{background-color:var(--bg-surface-muted, #FAF8EC);transform:translateY(-1px)}.data-stay-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.data-stay-text{display:flex;flex-direction:column;gap:4px}.data-stay-title{font-size:1.02rem;font-weight:750;color:var(--text-primary, #14213D);margin:0;line-height:1.3}.data-stay-desc{font-size:.84rem;line-height:1.48;color:var(--text-secondary, #475569);margin:0}.data-stay-divider{width:1px;align-self:stretch;background-color:var(--border-subtle, #EBE4D5);margin:4px 0;flex-shrink:0}.creator-card-outer{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:16px;padding:22px 28px;box-shadow:0 1px 4px #14213d08}.creator-card-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.creator-badge-pill{display:inline-flex;align-items:center;background:#ffedd5;color:#ea580c;font-size:.82rem;font-weight:800;letter-spacing:.02em;padding:4px 14px;border-radius:999px;border:1px solid rgba(234,88,12,.2)}.creator-upcoming-link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:#2563eb;text-decoration:none;transition:all var(--transition-fast)}.creator-upcoming-link:hover{color:#1d4ed8;transform:translate(2px);text-decoration:underline}.creator-card-content{display:flex;align-items:center;gap:28px}.creator-portrait-box{width:114px;height:114px;border-radius:50%;background:#fef3c7;border:3px solid #FED7AA;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #14213d0f}.creator-portrait-img{width:100%;height:100%;object-fit:cover}.creator-bio-block{flex:1;display:flex;flex-direction:column}.creator-name-title{font-family:var(--font-sans);font-size:1.35rem;font-weight:800;color:var(--text-primary, #14213D);margin:0 0 8px}.creator-bio-text{font-size:.92rem;line-height:1.6;color:var(--text-secondary, #334155);margin:0 0 10px}.creator-slogan-line{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#ea580c;margin-bottom:12px}.creator-action-row{display:flex;align-items:center}.btn-linkedin-profile{display:inline-flex;align-items:center;gap:8px;background-color:#0a66c2;color:#fff!important;font-size:.88rem;font-weight:600;padding:8px 18px;border-radius:8px;text-decoration:none;transition:all var(--transition-fast);box-shadow:0 2px 4px #0a66c240;width:fit-content}.btn-linkedin-profile:hover{background-color:#004182;transform:translateY(-1px);box-shadow:0 4px 8px #0a66c259}.btn-linkedin-profile .btn-in-icon{display:inline-flex}.non-accredited-disclaimer-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:.78rem;color:var(--text-muted, #64748B);text-align:center;line-height:1.4}.disclaimer-info-icon{display:inline-flex;color:var(--text-subtle, #94A3B8);flex-shrink:0}.upcoming-hero-card{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:24px}.watercolor-marker-highlight{display:inline-block;background-color:#ffedd5;color:#14213d;padding:4px 18px;border-radius:8px}.upcoming-hero-title{font-family:var(--font-sans);font-size:2.85rem;font-weight:800;letter-spacing:-.025em;margin:0 0 8px;line-height:1.15}.upcoming-hero-lead{font-size:1.12rem;font-weight:500;line-height:1.45;color:var(--text-secondary, #334155);margin:0}.upcoming-hero-img{max-height:225px;max-width:440px;width:auto;height:auto;object-fit:contain;object-position:right center;display:block}.upcoming-planned-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.upcoming-feature-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:16px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 4px #14213d08;min-height:180px;box-sizing:border-box}.upcoming-card-info{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.upcoming-card-title{font-family:var(--font-sans);font-size:1.35rem;font-weight:800;color:var(--text-primary, #14213D);margin:0;line-height:1.25}.upcoming-card-desc{font-size:.9rem;line-height:1.55;color:var(--text-secondary, #334155);margin:0}.upcoming-status-pill{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;color:#2563eb;border:1px solid rgba(37,99,235,.2);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;width:fit-content}.upcoming-card-graphic{width:140px;height:155px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.upcoming-card-graphic .graphic-svg{width:100%;height:100%}.upcoming-suggestion-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:16px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 1px 4px #14213d08;margin-bottom:24px}.suggestion-left-wrap{display:flex;align-items:center;gap:20px}.suggestion-bulb-circle{width:68px;height:68px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suggestion-text-block{display:flex;flex-direction:column}.suggestion-title{font-family:var(--font-sans);font-size:1.55rem;font-weight:800;color:var(--text-primary, #14213D);margin:0 0 4px}.suggestion-subtitle{font-size:1rem;color:var(--text-secondary, #475569);margin:0}.suggestion-action-block{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.btn-suggest-feature{display:inline-flex;align-items:center;gap:10px;background-color:#ea580c;color:#fff!important;font-size:1.02rem;font-weight:700;padding:12px 28px;border-radius:10px;text-decoration:none;transition:all var(--transition-fast);box-shadow:0 2px 6px #ea580c40}.btn-suggest-feature:hover{background-color:#c2410c;transform:translateY(-1px);box-shadow:0 4px 10px #ea580c59}.suggestion-handoff-hint{font-size:.8rem;color:var(--text-muted, #64748B)}.tint-orange{background:#ffedd5;color:#ea580c}.tint-blue{background:#eff6ff;color:#2563eb}.tint-amber{background:#fef3c7;color:#d97706}[data-theme=dark] .about-stats-pill-bar{background:#1e3a8a40;border-color:#3b82f659}[data-theme=dark] .about-stat-label{color:#f8fafc}[data-theme=dark] .about-stat-divider{background:#3b82f666}[data-theme=dark] .about-card,[data-theme=dark] .creator-card-outer,[data-theme=dark] .upcoming-feature-card,[data-theme=dark] .upcoming-suggestion-card,[data-theme=dark] .action-nav-card{background:var(--bg-surface, #1E293B);border-color:#ffffff14}[data-theme=dark] .watercolor-marker-highlight{background-color:#eb5e2840;color:#f8fafc}[data-theme=dark] .step-circle-blue{background-color:#2563eb33;color:#93c5fd;border-color:#2563eb66}[data-theme=dark] .flow-step-divider,[data-theme=dark] .data-stay-divider{background-color:#ffffff14}[data-theme=dark] .creator-badge-pill{background:#ea580c33;color:#fb923c;border-color:#ea580c59}[data-theme=dark] .creator-portrait-box{background:#fef3c726;border-color:#fef3c74d}[data-theme=dark] .creator-bio-text{color:var(--text-muted, #CBD5E1)}[data-theme=dark] .creator-slogan-line{color:#fb923c}[data-theme=dark] .upcoming-status-pill{background:#2563eb33;color:#93c5fd;border-color:#2563eb59}[data-theme=dark] .suggestion-bulb-circle{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .data-stay-item:hover{background-color:#ffffff0a}[data-theme=dark] .tint-orange{background:#ea580c2e!important;color:#fb923c!important}[data-theme=dark] .tint-blue{background:#2563eb2e!important;color:#93c5fd!important}[data-theme=dark] .tint-amber{background:#d977062e!important;color:#fcd34d!important}.support-channel-info-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:112px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-subtle, #EBE4D5);border-radius:12px;padding:16px 20px;box-shadow:0 1px 4px #14213d08}.channel-info-main{display:flex;align-items:center;gap:16px;min-width:0}.channel-info-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-info-divider{align-self:center;width:1px;height:52px;flex-shrink:0;background:var(--border-subtle, #EBE4D5)}.channel-info-text{min-width:0}.channel-title{font-family:var(--font-sans);font-size:1.45rem;font-weight:800;color:var(--text-primary, #14213D);margin:0;line-height:1.25}.channel-subtitle{margin:4px 0 0;color:var(--text-muted, #64748B);font-size:.95rem;line-height:1.4}.channel-email-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:0;max-width:100%;min-height:64px;box-sizing:border-box;padding:12px 20px;border-radius:999px;border:2px solid rgba(249,115,22,.28);color:#c2410c;background:#ffedd52e;font-size:1.2rem;font-weight:800;line-height:1.25;text-decoration:none;overflow-wrap:anywhere;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.channel-email-link-icon{display:flex;flex-shrink:0}.channel-email-link:hover{background:#f973161a;border-color:#f97316;box-shadow:0 4px 12px #ea580c1f}.channel-email-link:focus-visible{outline:3px solid #F97316;outline-offset:3px}[data-theme=dark] .channel-email-link{color:#fb923c;background:#ea580c14;border-color:#fb923c6b}[data-theme=dark] .channel-email-link:hover{background:#ea580c2e;border-color:#fb923c}@media(max-width:800px){.support-channel-info-bar{align-items:stretch}.channel-email-link{width:100%}}@media(max-width:390px){.channel-info-main{gap:12px}.channel-info-icon{width:52px;height:52px}.channel-info-divider{height:44px}.channel-title{font-size:1.25rem}.channel-subtitle{font-size:.82rem}.channel-email-link{gap:8px;padding:10px 12px;font-size:.9rem}}.field-hint-text{font-size:.78rem;line-height:1.4;color:var(--text-muted, #64748B);margin-top:4px}[data-theme=dark] .field-hint-text{color:var(--text-muted, #94A3B8)}.send-message-card{padding:24px 28px}.contact-form-inner{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:7px}.form-label{font-size:.92rem;font-weight:700;color:var(--text-primary, #14213D);display:flex;align-items:center;gap:4px}.required-asterisk{color:#dc2626;font-weight:700}.optional-label{font-size:.82rem;font-weight:500;color:var(--text-muted, #64748B)}.query-type-selector{display:flex;gap:12px;flex-wrap:wrap}.query-pill-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1.5px solid var(--border-subtle, #EBE4D5);background:var(--bg-surface, #FFFFFF);color:var(--text-secondary, #334155);font-size:.92rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.query-pill-btn:hover{border-color:#ea580c;color:#ea580c}.query-pill-btn.active{background:#fff7ed;border-color:#ea580c;color:#ea580c;font-weight:700;box-shadow:0 2px 6px #ea580c24}[data-theme=dark] .query-pill-btn{background:var(--bg-surface, #132247);border-color:#ffffff1f;color:#cbd5e1}[data-theme=dark] .query-pill-btn.active{background:#eb5e2838;border-color:#ff8a50;color:#ff8a50}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-icon-wrapper{position:relative;display:flex;align-items:center}.field-icon-box{position:absolute;left:14px;color:var(--text-muted, #64748B);pointer-events:none;display:flex;align-items:center;justify-content:center}.form-input{width:100%;padding:11px 14px 11px 44px;font-family:var(--font-sans);font-size:.94rem;border-radius:9px;border:1.5px solid var(--border-subtle, #D8D2C2);background:var(--bg-surface, #FFFFFF);color:var(--text-primary, #14213D);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c2e;outline:none}.form-input.input-error{border-color:#dc2626;background-color:#fef2f2}[data-theme=dark] .form-input.input-error{background-color:#dc26261f}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.textarea-icon-wrapper{position:relative}.textarea-icon{position:absolute;top:14px;left:14px}.form-textarea{width:100%;padding:12px 14px 12px 44px;font-family:var(--font-sans);font-size:.94rem;line-height:1.5;border-radius:9px;border:1.5px solid var(--border-subtle, #D8D2C2);background:var(--bg-surface, #FFFFFF);color:var(--text-primary, #14213D);resize:vertical;min-height:120px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c2e;outline:none}.form-error-feedback{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#dc2626;font-weight:500;margin-top:3px}.contact-captcha-group{align-items:flex-start}.contact-captcha-frame{width:100%;min-height:78px;display:flex;align-items:flex-start}.contact-captcha-frame .h-captcha{max-width:100%}.contact-privacy-note{margin:0;max-width:760px;color:var(--text-muted, #64748B);font-size:.78rem;line-height:1.5}[data-theme=dark] .contact-privacy-note{color:var(--text-muted, #94A3B8)}.contact-status-banner{border-radius:10px;padding:14px 18px;font-size:.92rem;line-height:1.5}.contact-status-banner.status-success{background:#f0fdf4;border:1.5px solid #86EFAC;color:#166534}.contact-status-banner.status-error{background:#fef2f2;border:1.5px solid #FCA5A5;color:#991b1b}.contact-status-banner.status-info{background:#fffbeb;border:1.5px solid #FDE68A;color:#92400e}[data-theme=dark] .contact-status-banner.status-success{background:#16a34a2e;border-color:#16a34a66;color:#86efac}[data-theme=dark] .contact-status-banner.status-error{background:#dc26262e;border-color:#dc262666;color:#fca5a5}[data-theme=dark] .contact-status-banner.status-info{background:#f59e0b2e;border-color:#f59e0b66;color:#fcd34d}.contact-status-banner .status-link{color:inherit;text-decoration:underline;font-weight:700}.form-action-row{margin-top:6px}.btn-contact-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ea580c47;transition:all var(--transition-fast)}.btn-contact-submit:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 6px 16px #ea580c61}.btn-contact-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-label-normal,.btn-label-loading{display:inline-flex;align-items:center;gap:8px}.submit-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tint-orange{background-color:#ffedd5;color:#ea580c}.tint-purple{background-color:#f3e8ff;color:#7e22ce}.tint-emerald{background-color:#dcfce7;color:#15803d}.tint-rose{background-color:#ffe4e6;color:#be123c}.tint-amber{background-color:#fef3c7;color:#b45309}.tint-blue{background-color:#dbeafe;color:#1d4ed8}[data-theme=dark] .tint-orange{background-color:#ea580c33;color:#fb923c}[data-theme=dark] .tint-purple{background-color:#7e22ce33;color:#c084fc}[data-theme=dark] .tint-emerald{background-color:#15803d33;color:#4ade80}[data-theme=dark] .tint-rose{background-color:#be123c33;color:#fb7185}[data-theme=dark] .tint-amber{background-color:#b4530933;color:#fbbf24}[data-theme=dark] .tint-blue{background-color:#1d4ed833;color:#60a5fa}@media(max-width:1200px){.what-you-can-do-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media(max-width:1024px){.about-page-wrapper,.upcoming-page-wrapper,.contact-page-wrapper{padding:10px 18px 48px}.what-you-can-do-grid{grid-template-columns:repeat(2,1fr);gap:12px}.overview-triad-grid{grid-template-columns:1fr;gap:18px}.upcoming-planned-grid{grid-template-columns:1fr;gap:16px}.how-it-works-flow{flex-wrap:wrap;gap:16px}.how-flow-step{flex:1 1 calc(50% - 16px);min-width:220px}.flow-step-divider{display:none}.data-stays-grid{flex-direction:column;gap:12px}.data-stay-divider{display:none}.upcoming-suggestion-card{flex-direction:column;align-items:flex-start;gap:20px}.suggestion-action-block{align-items:flex-start;width:100%}.btn-suggest-feature{width:100%;justify-content:center}}@media(max-width:768px){.shared-page-hero,.about-hero-card,.upcoming-hero-card,.contact-hero-section{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:var(--hero-card-gap)!important}.shared-page-hero-media{width:100%;justify-content:center;max-height:200px;order:2;margin-top:4px}.about-hero-img,.upcoming-hero-img,.contact-hero-img{max-width:320px;max-height:180px;align-self:center;object-position:center}.about-hero-title,.upcoming-hero-title,.contact-page-title{font-size:2.15rem}.how-flow-step{flex:1 1 100%;min-width:100%}.creator-card-header-bar{flex-direction:column;align-items:flex-start;gap:10px}.creator-card-content{flex-direction:column;align-items:center;text-align:center;gap:18px}.creator-action-row{justify-content:center;width:100%}.btn-linkedin-profile{margin:0 auto}}@media(max-width:480px){.shared-page-hero-media{display:none}.what-you-can-do-grid{grid-template-columns:1fr;gap:10px}.about-hero-title,.upcoming-hero-title{font-size:1.85rem}.suggestion-left-wrap{flex-direction:column;align-items:flex-start;gap:12px}.upcoming-feature-card{flex-direction:column;align-items:flex-start;gap:16px}.upcoming-card-graphic{align-self:center;width:120px;height:135px}.form-row-grid{grid-template-columns:1fr}.query-type-selector{flex-direction:column}.query-pill-btn{width:100%;justify-content:flex-start}}@media(max-width:420px){.contact-captcha-frame{min-height:144px}.about-page-wrapper,.upcoming-page-wrapper,.contact-page-wrapper{padding:10px 12px 36px;gap:16px}.about-hero-title,.upcoming-hero-title,.contact-page-title{font-size:1.65rem}.about-hero-lead,.upcoming-hero-lead{font-size:.95rem}.about-card,.creator-card-outer,.upcoming-suggestion-card,.contact-card,.send-message-card{padding:16px 14px}.about-stats-pill-bar{width:100%;justify-content:space-around;gap:8px;padding:6px 12px;box-sizing:border-box}.about-stat-num{font-size:1.2rem}.about-stat-label{font-size:.82rem}.about-stat-divider{display:none}.creator-portrait-box{width:96px;height:96px}.creator-name-title{font-size:1.2rem}.btn-suggest-feature{padding:10px 20px;font-size:.95rem}}@media(max-width:340px){.about-page-wrapper,.upcoming-page-wrapper,.contact-page-wrapper{padding:8px 8px 32px}.about-hero-title,.upcoming-hero-title{font-size:1.45rem}.action-nav-card{padding:12px 10px}.action-title{font-size:.88rem}.action-desc{font-size:.72rem}}.phase42-workspace-wrap{display:flex;flex-direction:column;gap:16px}.phase42-workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:10px 14px}.phase42-nav-left{display:flex;align-items:center;gap:8px}.phase42-mode-toggle-group{display:inline-flex;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2px;gap:2px}.btn-mode-toggle{background:transparent;border:none;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--text-secondary);padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-mode-toggle:hover{color:var(--text-primary);background:#0000000a}[data-theme=dark] .btn-mode-toggle:hover{background:#ffffff0f}.btn-mode-toggle.active{background:var(--bg-surface);color:var(--accent-orange);font-weight:700;box-shadow:0 1px 3px #00000014}.phase42-nav-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phase42-select-label{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.phase42-project-select{font-family:inherit;font-size:.82rem;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;max-width:280px;cursor:pointer}.phase42-project-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #2563eb33}.phase42-step-btns{display:inline-flex;align-items:center;gap:4px}.phase42-project-header-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.phase42-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.phase42-badges-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phase42-project-num-badge{font-size:.72rem;font-weight:800;letter-spacing:.04em;background:#f973161f;color:var(--accent-orange);border:1px solid rgba(249,115,22,.25);border-radius:6px;padding:3px 8px}.phase42-topic-id-badge{font-size:.72rem;font-weight:700;font-family:monospace;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:3px 8px}.phase42-pid-badge{font-size:.7rem;font-family:monospace;background:#2563eb14;color:var(--accent-blue);border:1px solid rgba(37,99,235,.2);border-radius:4px;padding:2px 6px}.phase42-completion-btn{font-size:.78rem}.phase42-project-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.3}.phase42-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phase42-summary-hero{display:flex;align-items:center;gap:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.phase42-art-container{width:140px;height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#00000005;border-radius:8px;overflow:hidden}.phase42-art-img{max-width:100%;max-height:100%;object-fit:contain}.phase42-summary-text{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin:0;flex:1}.phase42-prompt-card{margin-top:4px}.copy-project-prompt-btn{font-size:.78rem;font-weight:700;padding:6px 14px}.phase42-guide-container{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.phase42-summary-hero{flex-direction:column;align-items:flex-start}.phase42-art-container{width:100%;height:120px}.phase42-workspace-nav{flex-direction:column;align-items:stretch}.phase42-nav-right{justify-content:space-between}.phase42-project-select{max-width:100%;flex:1}}.settings-final-page{max-width:1360px;margin:0 auto;padding:24px 32px 64px}.settings-v2-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.settings-breadcrumb-home{color:var(--text-secondary);display:flex;align-items:center;transition:color .2s}.settings-breadcrumb-home:hover{color:#f97316}.settings-breadcrumb-sep{color:var(--text-muted);font-size:.75rem}.settings-breadcrumb-current{color:var(--text-primary);font-weight:600}.settings-v2-header{margin-bottom:28px}.settings-v2-title{font-size:2.6rem;font-weight:800;color:var(--text-primary);margin:0 0 6px;display:inline-block;position:relative}.settings-v2-title .marker-highlight-yellow{position:relative;z-index:1}.settings-v2-title .marker-highlight-yellow:before{content:"";position:absolute;top:-2px;right:-12px;bottom:-2px;left:-12px;background:#fef08a;opacity:.75;border-radius:6px;z-index:-1;transform:rotate(-.8deg)}[data-theme=dark] .settings-v2-title .marker-highlight-yellow:before{background:#ca8a04;opacity:.45}.settings-v2-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.settings-v2-grid{display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:start}@media(max-width:1080px){.settings-v2-grid{grid-template-columns:1fr}}.settings-profile-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 16px #00000008}.profile-portrait-wrap{margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.profile-splash-wrapper,.profile-splash-paint{display:none!important}.profile-display-name{font-size:1.55rem;font-weight:800;color:var(--text-primary);margin:0 0 8px}.profile-streak-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffedd5;border-radius:999px;color:#ea580c;font-size:.85rem;font-weight:700;margin-bottom:22px}[data-theme=dark] .profile-streak-pill{background:#ea580c33;color:#fb923c}.profile-progress-box{width:100%;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:14px 16px;text-align:left;margin-bottom:24px}.progress-box-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.topics-done-count{font-size:.92rem;color:var(--text-primary)}.topics-pct-badge{display:flex;align-items:center;gap:6px}.pct-num{font-size:.82rem;font-weight:700;color:var(--text-secondary)}.topics-donut-ring{flex-shrink:0}.profile-progress-bar-track{width:100%;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:8px}[data-theme=dark] .profile-progress-bar-track{background:#334155}.profile-progress-bar-fill{height:100%;background:#10b981;border-radius:999px;transition:width .3s ease}.progress-box-bottom{font-size:.78rem;color:var(--text-muted)}.profile-field-group{width:100%;text-align:left;margin-bottom:20px}.profile-field-label{display:block;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.profile-text-input{width:100%;height:42px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:0 14px;font-size:.9rem;color:var(--text-primary);background:var(--bg-primary, #ffffff);box-sizing:border-box;transition:border-color .2s}.profile-text-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.profile-select-wrapper{position:relative;width:100%}.profile-select-dropdown{width:100%;height:42px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:0 36px 0 14px;font-size:.88rem;color:var(--text-primary);background:var(--bg-primary, #ffffff);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer}.profile-select-dropdown:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.profile-select-wrapper .select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.profile-avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.avatar-choice-btn{width:60px;height:60px;border-radius:50%;padding:0;background:var(--bg-secondary, #f1f5f9);border:3px solid transparent;cursor:pointer;transition:all .2s ease;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-choice-btn img{width:100%;height:100%;object-fit:cover}.avatar-choice-btn:hover{transform:scale(1.06)}.avatar-choice-btn.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40;transform:scale(1.08)}.settings-stacked-cards{display:flex;flex-direction:column;gap:20px}.settings-v2-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:24px 28px;box-shadow:0 4px 12px #00000005;height:auto!important;min-height:unset!important;overflow:visible!important}.card-v2-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.card-v2-icon-box{width:42px;height:42px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-v2-icon-box.icon-box--appearance{background:#eef2ff;color:#4f46e5}[data-theme=dark] .card-v2-icon-box{background:#2563eb33;color:#60a5fa}.card-v2-header-text{flex:1}.card-v2-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);margin:0}.card-v2-subtitle{font-size:.85rem;color:var(--text-secondary);margin:2px 0 0}.card-v2-saved-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#dcfce7;color:#15803d;border-radius:999px;font-size:.78rem;font-weight:700;transition:opacity .4s ease}[data-theme=dark] .card-v2-saved-badge{background:#10b98133;color:#34d399}.card-v2-saved-badge.fade-out{opacity:0}.goal-subheading{margin-bottom:14px}.goal-label{font-size:.92rem;color:var(--text-primary);display:block}.goal-hint{font-size:.82rem;color:var(--text-secondary);margin:2px 0 0}.goal-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.goal-card-option{border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff);border-radius:12px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.goal-radio-circle{width:16px;height:16px;border-radius:50%;border:1.5px solid #94a3b8;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.goal-number{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.1}.goal-unit{font-size:.8rem;color:var(--text-muted)}.goal-card-option.selected{border-color:#f97316;background:#fff7ed}[data-theme=dark] .goal-card-option.selected{background:#f973161f;border-color:#ea580c}.goal-card-option.selected .goal-radio-circle{border-color:#f97316;background:#f97316;box-shadow:inset 0 0 0 3px #fff7ed}.theme-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.theme-tile-option{border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;width:100%;box-sizing:border-box}.theme-radio-circle{width:16px;height:16px;border-radius:50%;border:1.5px solid #94a3b8;flex-shrink:0}.theme-icon{display:flex;align-items:center;color:var(--text-secondary)}.theme-label{font-size:.95rem;font-weight:700;color:var(--text-primary)}.theme-tile-option.selected{border-color:#2563eb;background:#eff6ff}.theme-tile-option.selected .theme-label{color:#1e40af}.theme-tile-option.selected .theme-icon{color:#2563eb}.theme-tile-option.selected .theme-radio-circle{border-color:#2563eb;background:#2563eb;box-shadow:inset 0 0 0 3px #eff6ff}[data-theme=dark] .theme-tile-option{background:#ffffff0a;border-color:var(--border-color, #334155)}[data-theme=dark] .theme-tile-option .theme-label{color:#e2e8f0}[data-theme=dark] .theme-tile-option .theme-icon{color:#94a3b8}[data-theme=dark] .theme-tile-option.selected{background:#2563eb38;border-color:#3b82f6}[data-theme=dark] .theme-tile-option.selected .theme-label{color:#fff!important;font-weight:800}[data-theme=dark] .theme-tile-option.selected .theme-icon{color:#60a5fa!important}[data-theme=dark] .theme-tile-option.selected .theme-radio-circle{border-color:#3b82f6;background:#3b82f6;box-shadow:inset 0 0 0 3px #0e1832}.phase-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:14px}@media(max-width:520px){.phase-access-grid{grid-template-columns:1fr}}.access-tile-option{border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #ffffff);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;text-align:left;width:100%;box-sizing:border-box}.access-tile-left{display:flex;align-items:center;gap:14px}.access-icon-box{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.access-tile-title{font-size:1rem;font-weight:700;color:var(--text-primary);display:block}.access-tile-sub{font-size:.8rem;color:var(--text-muted);display:block;margin-top:2px}.access-tile-indicator .radio-blank{display:block;width:16px;height:16px;border-radius:50%;border:1.5px solid #94a3b8}.access-tile-option.selected{border-color:#f97316;background:#fff7ed}[data-theme=dark] .access-tile-option.selected{background:#f973161f;border-color:#ea580c}[data-theme=dark] .access-tile-option:not(.selected){background:#ffffff0a;border-color:var(--border-color, #334155)}[data-theme=dark] .access-tile-option:not(.selected) .access-tile-title{color:#f1f5f9}[data-theme=dark] .access-tile-option:not(.selected) .access-tile-sub{color:#94a3b8}[data-theme=dark] .access-tile-option:not(.selected) .access-icon-box.closed-lock svg{stroke:#cbd5e1}.phase-access-hints{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-top:10px;width:100%;position:static;clear:both}.phase-access-hints p{margin:3px 0}.backup-action-row{display:flex;gap:14px;margin-bottom:12px}.btn-backup-export{height:44px;padding:0 22px;background:#ea580c;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.btn-backup-export:hover{background:#c2410c}.btn-backup-import{height:44px;padding:0 22px;background:transparent;color:var(--text-primary);border:1.5px solid var(--border-color, #cbd5e1);border-radius:10px;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.btn-backup-import:hover{border-color:#2563eb;color:#2563eb}.backup-summary-line{font-size:.84rem;color:var(--text-secondary);margin:0}.danger-zone-card{background:#fff1f2;border-color:#fecdd3;padding:20px 24px}[data-theme=dark] .danger-zone-card{background:#ef444414;border-color:#ef444440}.danger-zone-content{display:flex;align-items:center;gap:16px}.danger-icon-box{width:44px;height:44px;border-radius:12px;background:#fee2e2;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .danger-icon-box{background:#ef444433}.danger-zone-details{flex:1}.danger-zone-title{font-size:1rem;font-weight:800;color:#dc2626;margin:0}.danger-zone-main{font-size:.88rem;font-weight:600;color:var(--text-primary);margin:2px 0 0}.danger-zone-sub{font-size:.78rem;color:#dc2626;margin:2px 0 0}.btn-danger-reset-v2{height:40px;padding:0 16px;background:#fff;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-danger-reset-v2:hover{background:#fef2f2;border-color:#dc2626}[data-theme=dark] .btn-danger-reset-v2{background:#1e293b;border-color:#dc2626}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .2s ease}.modal-dialog-sketch{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 40px -8px #0000003d;padding:28px;display:flex;flex-direction:column;animation:modalPopIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalPopIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-sketch-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.modal-sketch-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9;color:#0f172a}.modal-sketch-title{font-size:1.15rem;font-weight:800;color:var(--text-primary, #0f172a);margin:0}.modal-sketch-desc{font-size:.9rem;line-height:1.5;color:var(--text-secondary, #475569);margin:0 0 10px}.modal-sketch-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-sketch-body{margin:14px 0}[data-theme=dark] .modal-dialog-sketch{background:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=dark] .modal-sketch-title{color:#f8fafc}[data-theme=dark] .modal-sketch-desc{color:#94a3b8}.flashcards-final-page{max-width:1140px;margin:0 auto;padding:24px 32px 64px}.flashcards-v2-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted);margin-bottom:14px}.flashcards-v2-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:16px}.flashcards-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.flashcards-heading-wrap{display:flex;align-items:center;gap:8px;margin-top:2px}.flashcards-main-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0;display:inline-flex;align-items:center;position:relative}.title-brush-bg{position:relative;z-index:2}.title-brush-bg:before{content:"";position:absolute;top:-4px;right:-10px;bottom:-4px;left:-10px;background:#fed7aa;opacity:.7;border-radius:6px;z-index:-1;transform:rotate(-1deg)}[data-theme=dark] .title-brush-bg:before{background:#ea580c;opacity:.35}.title-spark-lines{margin-left:6px;flex-shrink:0}.flashcards-deck-controls{display:flex;align-items:center;gap:12px}.deck-select-pill-wrap{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:0 14px;height:42px;position:relative}.deck-select-icon{color:var(--text-secondary);flex-shrink:0}.deck-select-dropdown{border:none;background:transparent;font-size:.9rem;font-weight:600;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:22px;cursor:pointer;outline:none}.deck-chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-muted)}.deck-count-pill{display:inline-flex;align-items:center;height:42px;padding:0 16px;background:var(--bg-secondary, #f1f5f9);border-radius:10px;font-size:.85rem;font-weight:700;color:var(--text-secondary)}.flashcards-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:28px}@media(max-width:900px){.flashcards-stats-row{grid-template-columns:1fr}}.flashcard-stat-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:20px 22px;box-shadow:0 4px 12px #00000005;display:flex;align-items:center}.stat-card--goal{gap:18px}.goal-ring-wrap{position:relative;width:94px;height:94px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.goal-ring-text{position:absolute;font-size:1.15rem;font-weight:800;color:var(--text-primary)}.goal-main-heading{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0}.goal-sub-heading{font-size:.85rem;color:var(--text-muted);margin:4px 0 0}.stat-card--streak{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.streak-header-row{display:flex;align-items:center;gap:8px}.streak-big-flame{font-size:1.6rem}.streak-bold-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0}.streak-week-dots-row{display:flex;align-items:center;gap:10px;width:100%;justify-content:space-between}.streak-day-item{display:flex;flex-direction:column;align-items:center;gap:4px}.streak-dot{width:12px;height:12px;border-radius:50%}.streak-dot.dot-done{background:#f97316}.streak-dot.dot-in-progress{border:2.5px solid #f97316;background:transparent}.streak-dot.dot-missed{background:#cbd5e1}.streak-dot.dot-future{border:1.5px solid #cbd5e1;background:transparent}.streak-day-label{font-size:.72rem;color:var(--text-muted);font-weight:600}.stat-card--review-tiles{gap:12px;padding:14px}.stat-interactive-tile{flex:1;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;text-align:left}.stat-interactive-tile:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000a}.tile-circle-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tile-circle-icon.icon-green{background:#10b981}.tile-circle-icon.icon-red{background:#ef4444}.tile-info{display:flex;flex-direction:column}.tile-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.tile-number{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1.1}.flashcard-stage-container{width:100%;margin-bottom:24px}.flashcard-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:20px}.round-control{width:48px;height:48px;border-radius:50%;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000000a;transition:all .2s ease;flex-shrink:0}.round-control:hover{background:var(--bg-secondary, #f8fafc);transform:scale(1.05)}.flashcard{width:100%;max-width:820px;min-height:380px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:24px;padding:32px 36px;box-shadow:0 6px 20px #00000008;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.flashcard-card-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;width:100%}.flashcard-star-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;transition:transform .2s}.flashcard-star-btn:hover{transform:scale(1.15)}.flashcard-close-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .2s}.flashcard-close-btn:hover{background:#e2e8f0}.flashcard-question{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.35}.flashcard-illustration-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:12px 0 20px}.reveal-button{margin:28px auto 0;padding:12px 36px;background:#fff;border:1.5px solid var(--border-color, #cbd5e1);border-radius:999px;font-size:.95rem;font-weight:700;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 6px #00000008;transition:all .2s ease}.reveal-button:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-1px)}.revealed-answer-panel{width:100%;background:#f0f7ff;border-radius:16px;padding:22px 24px;margin-top:14px;box-sizing:border-box}[data-theme=dark] .revealed-answer-panel{background:#2563eb1f}.revealed-answer-text{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 14px}.why-it-matters-block{border-top:1px solid rgba(37,99,235,.15);padding-top:14px}.why-it-matters-header{display:flex;align-items:center;gap:8px;color:#2563eb;font-size:.9rem;margin-bottom:4px}.why-it-matters-text{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.flashcard-footer{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:820px;margin:0 auto 28px;flex-wrap:wrap;gap:16px}.btn-shuffle{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;font-size:.88rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-shuffle:hover{background:var(--bg-secondary, #f8fafc)}.rating-controls{display:flex;align-items:center;gap:10px}.rating-controls.is-disabled{opacity:.45;pointer-events:none}.rating-prompt-label{font-size:.88rem;color:var(--text-muted);margin-right:4px;font-weight:600}.rating{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;background:var(--bg-card, #ffffff)}.rating--again{border:1.5px solid #fecaca;color:#dc2626}.rating--again.selected,.rating--again:hover{background:#fef2f2;border-color:#dc2626}.rating--hard{border:1.5px solid #fed7aa;color:#ea580c}.rating--hard.selected,.rating--hard:hover{background:#fff7ed;border-color:#ea580c}.rating--good{border:1.5px solid #bfdbfe;color:#2563eb}.rating--good.selected,.rating--good:hover{background:#eff6ff;border-color:#2563eb}.rating--easy{border:1.5px solid #bbf7d0;color:#16a34a}.rating--easy.selected,.rating--easy:hover{background:#f0fdf4;border-color:#16a34a}.flashcards-bottom-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:820px;margin:0 auto;flex-wrap:wrap;gap:16px}.toast-area-wrapper{min-width:260px}.celebration-toast-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#dcfce7;border:1px solid #86efac;border-radius:999px;font-weight:700;font-size:.9rem;color:#15803d;position:relative;box-shadow:0 4px 14px #16a34a26;animation:toastPopIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastPopIn{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast-confetti-layer{position:absolute;top:-10px;right:-20px;bottom:-10px;left:-20px;pointer-events:none;overflow:visible}.css-confetti-particle{position:absolute;width:6px;height:10px;background:var(--c);border-radius:2px;top:50%;animation:confettiBurst 1.8s ease-out forwards}@keyframes confettiBurst{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}to{opacity:0;transform:translateY(-38px) scale(.7) rotate(360deg)}}.flashcard-badges-row{display:flex;align-items:center;gap:12px}.flashcard-badge-card{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;font-size:.85rem;font-weight:700;color:var(--text-primary);transition:all .2s ease}.flashcard-badge-card.locked{opacity:.65;color:var(--text-muted)}.flashcard-badge-card.unlocked{border-color:#fbbf24;box-shadow:0 2px 8px #f59e0b1f}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;justify-content:flex-end;animation:drawerFadeIn .25s ease-out}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.drawer-panel{width:440px;max-width:90vw;height:100%;background:var(--bg-card, #ffffff);display:flex;flex-direction:column;box-shadow:-6px 0 24px #0000001f;animation:drawerSlideIn .25s ease-out}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:space-between;align-items:center}.drawer-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0}.drawer-subtitle{font-size:.82rem;color:var(--text-muted);margin:2px 0 0}.drawer-close-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.drawer-close-btn:hover{background:#e2e8f0;color:var(--text-primary)}.drawer-action-bar{padding:12px 24px;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc)}.btn-retry-all,.btn-practise-again{height:36px;padding:0 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.btn-retry-all:hover,.btn-practise-again:hover{background:#1d4ed8}.btn-retry-all:disabled,.btn-practise-again:disabled{opacity:.45;cursor:not-allowed}.drawer-body{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.drawer-card-row{border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:14px 16px;background:var(--bg-primary, #ffffff);display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-card-main{flex:1}.drawer-card-phase{font-size:.72rem;font-weight:700;color:#2563eb;text-transform:uppercase}.drawer-card-question{font-size:.92rem;font-weight:700;color:var(--text-primary);margin:4px 0 6px;line-height:1.35}.drawer-rating-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700}.drawer-rating-tag.rating--again{background:#fee2e2;color:#dc2626}.drawer-rating-tag.rating--hard{background:#ffedd5;color:#ea580c}.drawer-rating-tag.rating--good{background:#dbeafe;color:#2563eb}.drawer-rating-tag.rating--easy{background:#dcfce7;color:#16a34a}.btn-drawer-retry{height:32px;padding:0 14px;border-radius:6px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-drawer-retry:hover{background:#2563eb;color:#fff}.drawer-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}[data-theme=dark] .settings-profile-card,[data-theme=dark] .settings-v2-card,[data-theme=dark] .flashcard-stat-card,[data-theme=dark] .flashcard,[data-theme=dark] .drawer-panel{background:var(--bg-surface);border-color:var(--border-subtle)}[data-theme=dark] .profile-text-input,[data-theme=dark] .profile-select-input{background:var(--bg-surface-muted);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .profile-progress-box{background:var(--bg-surface-muted);border-color:var(--border-subtle)}[data-theme=dark] .goal-card-option:not(.selected),[data-theme=dark] .theme-tile-option:not(.selected),[data-theme=dark] .access-tile-option:not(.selected){background:var(--bg-surface-muted);border-color:var(--border-subtle)}[data-theme=dark] .btn-backup-import{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .btn-backup-import:hover{background:var(--bg-surface-hover)}[data-theme=dark] .deck-select-pill-wrap,[data-theme=dark] .round-control,[data-theme=dark] .reveal-button,[data-theme=dark] .btn-shuffle,[data-theme=dark] .badge-card-pill{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .deck-count-pill{background:var(--bg-surface-muted);color:var(--text-secondary)}[data-theme=dark] .stat-interactive-tile{background:var(--bg-surface-muted);border-color:var(--border-subtle)}[data-theme=dark] .flashcard-close-btn{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-secondary)}[data-theme=dark] .drawer-header,[data-theme=dark] .drawer-footer{border-color:var(--border-subtle)}[data-theme=dark] .drawer-card-item{background:var(--bg-surface-muted);border-color:var(--border-subtle)}[data-theme=dark] .btn-drawer-retry{background:#2563eb33;border-color:#2563eb66;color:#60a5fa}[data-theme=dark] .btn-drawer-retry:hover{background:#2563eb;color:#fff}[data-theme=dark] .modal-content{background:var(--bg-surface);border-color:var(--border-subtle)}.phasemap-page-container{max-width:1360px;margin:0 auto;padding:20px 28px 120px}.phasemap-slim-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.header-left-col{display:flex;flex-direction:column;gap:4px}.phasemap-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-muted);margin-bottom:2px}.phasemap-breadcrumb .breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:color .15s}.phasemap-breadcrumb .breadcrumb-link:hover{color:var(--accent-orange, #f97316)}.phasemap-breadcrumb .breadcrumb-sep{color:var(--border-color, #cbd5e1)}.phasemap-breadcrumb .breadcrumb-current{color:var(--text-primary);font-weight:600}.header-title-meta{display:flex;flex-direction:column;gap:2px}.header-phase-tag{font-size:.78rem;font-weight:800;color:#f97316;letter-spacing:.04em;text-transform:uppercase}.header-phase-title{font-size:1.6rem;font-weight:850;color:var(--text-primary);margin:0;line-height:1.25}.header-right-col{display:flex;align-items:center;flex-shrink:0}.header-metrics-box{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.header-metrics-percent{font-size:1.2rem;font-weight:850;color:#2563eb}.header-metrics-topics{font-size:.85rem;font-weight:600;color:var(--text-muted)}.phasemap-strip-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:10px 16px;margin-bottom:20px;box-shadow:0 2px 8px #00000008;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.phasemap-strip-card::-webkit-scrollbar{height:4px}.phasemap-strip-card::-webkit-scrollbar-track{background:transparent}.phasemap-strip-card::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.phasemap-strip-track{display:flex;align-items:center;gap:6px;min-width:max-content}.phasemap-strip-step{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.phasemap-strip-step:hover{background:var(--bg-elevated, #f8fafc)}.step-indicator-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800;flex-shrink:0;transition:all .2s ease}.step-done .step-indicator-circle{background:#10b981;border:2px solid #10b981;color:#fff}.step-current .step-indicator-circle{background:#fff;border:2px solid #2563eb;color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.step-pending .step-indicator-circle{background:#f8fafc;border:1.5px solid #cbd5e1;color:#94a3b8}.step-meta{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.step-label{font-size:.86rem;font-weight:750;color:var(--text-primary)}.step-counter{font-size:.78rem;font-weight:600;color:var(--text-muted)}.step-connector-dotted{width:24px;border-top:2.5px dotted #cbd5e1;flex-shrink:0;margin:0 2px}.phasemap-strip-flag{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px;transition:all .2s}.flag-pending{color:#94a3b8;background:#f1f5f9}.flag-complete{color:#10b981;background:#ecfdf5;border:1.5px solid #10b981}.phasemap-columns-layout{display:grid;grid-template-columns:38% calc(62% - 22px);gap:22px;align-items:start}.mobile-panel-header-bar{display:none}.phasemap-checklist-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;margin-bottom:12px;box-shadow:0 1px 3px #00000005}.phasemap-accordion-toggle-btns{display:flex;align-items:center;gap:6px}.btn-text-ctrl{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;font-size:.8rem;font-weight:650;color:var(--text-secondary);cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s}.btn-text-ctrl:hover{background:var(--bg-elevated, #f1f5f9);color:var(--text-primary)}.ctrl-sep{color:var(--border-color, #cbd5e1);font-size:.8rem}.phasemap-phase-nav-links{display:flex;align-items:center;gap:6px}.phasemap-nav-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--bg-elevated, #f8fafc);border:1px solid var(--border-color, #e2e8f0);font-size:.78rem;font-weight:750;color:var(--text-primary);text-decoration:none;transition:all .15s}.phasemap-nav-link:hover{background:#f1f5f9;border-color:#cbd5e1}.phasemap-sections-list{display:flex;flex-direction:column;gap:12px}.phasemap-section-card{background:var(--bg-card, #ffffff);border-radius:12px;border:1.5px solid var(--border-color, #e2e8f0);box-shadow:0 1px 4px #00000005;transition:border-color .2s,box-shadow .2s;overflow:hidden}.phasemap-section-card.is-expanded{border-color:#f97316;box-shadow:0 4px 14px #f9731617}.phasemap-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;transition:background .15s}.phasemap-section-header:hover{background:var(--bg-elevated, #fafafa)}.section-header-left{display:flex;align-items:center;gap:10px;min-width:0}.section-chevron-icon{display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.section-card-title{font-size:.94rem;font-weight:800;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.section-counter-chip{padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:750;background:var(--bg-elevated, #f1f5f9);color:#475569;border:1px solid var(--border-color, #e2e8f0)}.section-counter-chip.chip-complete{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.section-side-indicator{color:#cbd5e1;display:flex;align-items:center}.section-bulk-bar{display:flex;align-items:center;gap:8px;padding:7px 16px;background:var(--bg-elevated, #f8fafc);border-top:1px solid var(--border-color, #e2e8f0);border-bottom:1px solid var(--border-color, #e2e8f0)}.btn-bulk-mini{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;font-size:.76rem;font-weight:750;color:#475569;cursor:pointer;padding:3px 6px;border-radius:4px;transition:all .15s}.btn-bulk-mini:hover:not(:disabled){background:#0000000d;color:var(--text-primary)}.btn-bulk-mini:disabled{opacity:.45;cursor:not-allowed}.phasemap-topics-table{display:flex;flex-direction:column}.phasemap-topic-row{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid var(--border-color, #f1f5f9);gap:12px;transition:background .12s}.phasemap-topic-row:last-child{border-bottom:none}.phasemap-topic-row:hover{background:var(--bg-elevated, #fafafa)}.topic-row-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.phasemap-checkbox{width:19px;height:19px;border-radius:5px;border:1.5px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:all .15s ease}.phasemap-checkbox.is-checked{background:#f97316;border-color:#f97316;color:#fff}.phasemap-topic-title{font-size:.88rem;font-weight:500;color:var(--text-primary);line-height:1.35;-webkit-user-select:text;user-select:text}.phasemap-topic-row.topic-done .phasemap-topic-title{color:var(--text-secondary)}.topic-row-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-topic-icon{width:28px;height:28px;border-radius:6px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;position:relative;transition:all .15s}.btn-topic-icon:hover{background:var(--bg-elevated, #f1f5f9);color:var(--text-primary)}.btn-topic-bookmark.is-bookmarked{color:#f59e0b}.btn-topic-note.has-note{color:#f97316}.note-accent-dot{width:6px;height:6px;border-radius:50%;background:#f97316;position:absolute;top:4px;right:4px}.phasemap-tool-panel{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:24px;box-shadow:0 2px 10px #00000008;min-height:540px;display:flex;flex-direction:column}.phasemap-panel-header{margin-bottom:18px}.phasemap-panel-title{font-size:1.25rem;font-weight:850;color:var(--text-primary);margin:0;line-height:1.25}.phasemap-panel-subtitle{font-size:.85rem;color:var(--text-muted);margin:4px 0 0}.prompt-steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.prompt-step-card{display:flex;gap:12px;padding:12px 14px;border-radius:10px;background:var(--bg-elevated, #f8fafc);border:1px solid var(--border-color, #e2e8f0)}.step-badge-num{width:24px;height:24px;border-radius:50%;background:#f97316;color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-body{display:flex;flex-direction:column;gap:2px}.step-title{font-size:.86rem;font-weight:800;color:var(--text-primary);margin:0}.step-text{font-size:.78rem;color:var(--text-secondary);margin:0;line-height:1.35}.prompt-copy-action-row{margin-bottom:20px}.btn-copy-phase-prompt{width:100%;height:48px;border-radius:10px;background:#f97316;color:#fff;font-size:.95rem;font-weight:800;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #f9731640;transition:all .2s ease}.btn-copy-phase-prompt:hover{background:#ea580c;transform:translateY(-1px)}.btn-copy-phase-prompt.copied{background:#10b981;box-shadow:0 4px 12px #10b98140}.prompt-preview-container{border-radius:10px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-elevated, #f8fafc);overflow:hidden}.prompt-preview-header{padding:8px 14px;border-bottom:1px solid var(--border-color, #e2e8f0);font-size:.78rem;font-weight:750;color:var(--text-muted);background:var(--bg-surface-muted, #f1f5f9)}.prompt-preview-pre{padding:14px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.55;color:var(--text-primary);max-height:280px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.flashcards-header-split{display:flex;align-items:center;justify-content:space-between}.panel-sub-link{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:#2563eb;text-decoration:none}.panel-sub-link:hover{text-decoration:underline}.flashcards-strip-row{display:flex;gap:12px;margin-bottom:20px}.strip-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:650}.strip-pill-streak{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.strip-pill-goal{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.phasemap-card-stage{display:flex;flex-direction:column}.card-meta-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-step-text{font-size:.82rem;font-weight:750;color:var(--text-muted)}.card-dots-row{display:flex;align-items:center;gap:6px}.card-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.card-dot.dot-active{background:#2563eb;transform:scale(1.2)}.phasemap-study-card{position:relative;border-radius:16px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);padding:24px 54px;min-height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 2px 6px #00000005}.pm-round-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:all .15s;z-index:2}.pm-round-nav:hover:not(:disabled){background:#f8fafc;transform:translateY(-50%) scale(1.05)}.pm-round-nav:disabled{opacity:.35;cursor:not-allowed}.pm-round-nav.round-prev{left:10px}.pm-round-nav.round-next{right:10px}.card-inner-box{width:100%;display:flex;flex-direction:column;position:relative}.card-top-actions{display:flex;align-items:center;justify-content:space-between;position:absolute;top:-12px;left:0;right:0}.pm-star-btn{background:transparent;border:none;cursor:pointer;padding:2px;display:flex;align-items:center}.pm-close-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;font-size:.78rem;font-weight:700;color:var(--text-muted);cursor:pointer}.card-front-content,.card-back-content{flex-direction:column;align-items:center;text-align:center;padding-top:14px}.pm-card-question{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0 0 16px;max-width:480px;line-height:1.35}.pm-card-illustration{margin:8px 0 18px}.btn-reveal-answer{padding:9px 24px;border-radius:999px;border:1.5px solid #2563eb;background:var(--bg-card, #ffffff);color:#2563eb;font-size:.88rem;font-weight:750;cursor:pointer;transition:all .15s}.btn-reveal-answer:hover{background:#eff6ff}.pm-card-question-summary{font-size:.95rem;font-weight:750;color:var(--text-muted);margin:0 0 14px}.pm-answer-callout{background:#eff6ff;border-radius:12px;padding:18px;width:100%;border:1px solid #bfdbfe}.pm-answer-text{font-size:1.35rem;font-weight:850;color:#1e3a8a;margin-bottom:12px}.pm-why-matters-box{display:flex;gap:10px;background:#fff;border-radius:8px;padding:10px 14px;border:1px solid #dbeafe;font-size:.82rem;color:#1e293b;text-align:left}.why-icon{font-size:1.1rem}.why-body strong{display:block;font-weight:800;margin-bottom:2px}.why-body p{margin:0;line-height:1.4}.phasemap-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.btn-ctrl-shuffle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--bg-elevated, #f8fafc);border:1px solid var(--border-color, #e2e8f0);font-size:.82rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .15s}.btn-ctrl-shuffle:hover{background:#f1f5f9}.pm-rating-bar{display:flex;align-items:center;gap:10px}.pm-rating-bar.is-disabled{opacity:.45;pointer-events:none}.rating-label{font-size:.82rem;font-weight:700;color:var(--text-muted)}.rating-btn-group{display:flex;align-items:center;gap:6px}.btn-rate{padding:6px 12px;border-radius:8px;font-size:.82rem;font-weight:750;cursor:pointer;border:1.5px solid;transition:all .15s}.rate-again{border-color:#fca5a5;background:#fef2f2;color:#dc2626}.rate-hard{border-color:#fde68a;background:#fffbeb;color:#d97706}.rate-good{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.rate-easy{border-color:#bbf7d0;background:#f0fdf4;color:#16a34a}.quiz-header-split{display:flex;align-items:center;justify-content:space-between}.quiz-pass-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-size:.78rem;font-weight:750}.quiz-pass-chip.chip-passed{background:#dcfce7;color:#15803d;border-color:#86efac}.quiz-pass-chip.chip-failed{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.quiz-progress-section{margin-bottom:20px}.quiz-progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:750;color:var(--text-muted);margin-bottom:6px}.quiz-progress-track{height:7px;border-radius:999px;background:var(--bg-elevated, #f1f5f9);overflow:hidden}.quiz-progress-fill{height:100%;background:#f97316;border-radius:999px;transition:width .25s ease}.quiz-question-box{margin-bottom:24px}.quiz-question-text{font-size:1.15rem;font-weight:850;color:var(--text-primary);margin:0 0 16px;line-height:1.35}.quiz-options-list{display:flex;flex-direction:column;gap:10px}.quiz-option-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.quiz-option-row:hover{background:var(--bg-elevated, #f8fafc);border-color:#cbd5e1}.quiz-option-row.is-selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb}.option-badge-circle{width:24px;height:24px;border-radius:50%;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#64748b;flex-shrink:0;transition:all .15s}.quiz-option-row.is-selected .option-badge-circle{background:#2563eb;border-color:#2563eb;color:#fff}.option-text{font-size:.9rem;font-weight:550;color:var(--text-primary)}.quiz-action-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--border-color, #e2e8f0)}.quiz-nav-btns{display:flex;align-items:center;gap:10px}.quiz-attempts-meta{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.passed-badge{font-weight:750;color:#10b981}.quiz-results-card{padding:24px;border-radius:12px;text-align:center;margin:20px 0}.quiz-results-card.card-success{background:#f0fdf4;border:1.5px solid #bbf7d0}.quiz-results-card.card-retry{background:#fef2f2;border:1.5px solid #fca5a5}.score-big{font-size:2.8rem;font-weight:900;color:#15803d;display:block}.card-retry .score-big{color:#dc2626}.score-fraction{font-size:.9rem;font-weight:650;color:var(--text-muted)}.results-msg{font-size:.92rem;color:var(--text-primary);margin:12px 0 20px}.results-actions-row{display:flex;justify-content:center;gap:12px}.phasemap-blank-panel{min-height:540px;background:transparent;border:none;border-radius:16px}.results-missed-topics-card{margin:16px 0 20px;background:var(--bg-card, #ffffff);border:1.5px solid #fed7aa;border-radius:10px;padding:14px 16px;text-align:left}[data-theme=dark] .results-missed-topics-card{background:#1e1b13;border-color:#78350f}.missed-topics-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;color:#c2410c}[data-theme=dark] .missed-topics-header{color:#fb923c}.missed-topics-pills{display:flex;flex-wrap:wrap;gap:8px}.missed-topic-pill{display:inline-flex;align-items:center;padding:4px 10px;background:#fff7ed;border:1px solid #ffedd5;border-radius:6px;font-size:.82rem;font-weight:700;color:#9a3412}[data-theme=dark] .missed-topic-pill{background:#f9731626;border-color:#7c2d12;color:#fdba74}.quiz-review-header-actions{display:flex;align-items:center;gap:8px}.btn-review-back-results{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);color:var(--text-secondary);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-review-back-results:hover{background:var(--bg-elevated, #f8fafc);color:var(--text-primary)}.btn-review-retake{padding:6px 14px;border-radius:8px;border:1px solid #fed7aa;background:#fff7ed;color:#c2410c;font-size:.84rem;font-weight:750;cursor:pointer;transition:all .15s ease}.btn-review-retake:hover{background:#ffedd5}.review-status-pill-wrap{display:inline-flex;align-items:center}.review-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:.78rem;font-weight:800}.review-status-pill.pill-correct{background:#d1fae5;color:#047857;border:1px solid #a7f3d0}.review-status-pill.pill-wrong{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.quiz-options-list.review-mode-options .quiz-option-row{cursor:default;justify-content:space-between}.quiz-option-content-left{display:flex;align-items:center;gap:12px;flex:1}.quiz-option-row.is-review-correct{border:2px solid #10b981!important;background:#ecfdf5!important;box-shadow:0 0 0 1px #10b98140}.quiz-option-row.is-review-correct .option-badge-circle.badge-green{background:#10b981!important;border-color:#10b981!important;color:#fff!important;font-weight:850}.quiz-option-row.is-review-correct .option-text{color:#064e3b!important;font-weight:700}.quiz-option-row.is-review-wrong{border:2px solid #ef4444!important;background:#fef2f2!important;box-shadow:0 0 0 1px #ef444440}.quiz-option-row.is-review-wrong .option-badge-circle.badge-red{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;font-weight:850}.quiz-option-row.is-review-wrong .option-text{color:#991b1b!important;font-weight:650}.quiz-option-row.is-review-neutral{border-color:var(--border-color, #e2e8f0);opacity:.65}.review-option-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:.76rem;font-weight:800;white-space:nowrap;flex-shrink:0}.review-option-pill.pill-green{background:#10b981;color:#fff}.review-option-pill.pill-red{background:#ef4444;color:#fff}.quiz-recommendation-card{margin-top:20px;border-radius:12px;padding:16px 18px;border:1.5px solid}.quiz-recommendation-card.alert-needs-focus{background:#fffbeb;border-color:#fcd34d}.quiz-recommendation-card.alert-mastered{background:#f0fdf4;border-color:#86efac}.rec-card-top{display:flex;align-items:flex-start;gap:12px}.rec-icon-badge{width:36px;height:36px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rec-icon-badge.badge-success{background:#dcfce7}.rec-card-headings{flex:1}.rec-card-title{font-size:.98rem;font-weight:850;color:var(--text-primary);margin:0}.rec-focus-line{font-size:.88rem;color:var(--text-secondary);margin:4px 0 0;line-height:1.45}.rec-topic-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:#f97316;border:none;color:#fff;font-weight:750;font-size:.82rem;cursor:pointer;transition:opacity .15s,transform .15s}.rec-topic-badge:hover{opacity:.9;transform:translateY(-1px)}.rec-card-content{margin-top:12px}.rec-quote-container{background:#ffffffb3;border-left:3px solid #f97316;border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:10px}.rec-quote-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ea580c;display:block}.rec-quote-text{font-size:.88rem;font-style:italic;line-height:1.5;color:var(--text-primary);margin:4px 0 0}.rec-tip-footer{font-size:.84rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:6px;line-height:1.45}.rec-tip-bulb{font-size:1rem;flex-shrink:0}@keyframes topicFocusPulse{0%{background-color:#f9731659;transform:scale(1.02)}50%{background-color:#f973162e;transform:scale(1)}to{background-color:transparent;transform:scale(1)}}.topic-focus-highlight{animation:topicFocusPulse 1.8s ease-out;border-radius:6px}[data-theme=dark] .quiz-option-row.is-review-correct{background:#10b98126!important;border-color:#10b981!important}[data-theme=dark] .quiz-option-row.is-review-correct .option-text{color:#a7f3d0!important}[data-theme=dark] .quiz-option-row.is-review-wrong{background:#ef444426!important;border-color:#ef4444!important}[data-theme=dark] .quiz-option-row.is-review-wrong .option-text{color:#fca5a5!important}[data-theme=dark] .quiz-recommendation-card.alert-needs-focus{background:#1c1917;border-color:#78350f}[data-theme=dark] .quiz-recommendation-card.alert-mastered{background:#0f1f17;border-color:#065f46}[data-theme=dark] .rec-quote-container{background:#ffffff0a}[data-theme=dark] .btn-review-back-results{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .btn-review-retake{background:#f9731626;border-color:#f97316;color:#fdba74}[data-theme=dark] .review-status-pill.pill-correct{background:#10b98133;color:#6ee7b7;border-color:#059669}[data-theme=dark] .review-status-pill.pill-wrong{background:#ef444433;color:#fca5a5;border-color:#b91c1c}.interview-header-split{display:flex;align-items:center;justify-content:space-between}.interview-count-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.78rem;font-weight:750}.interview-mobile-select-wrap{display:none;margin-bottom:14px}.interview-question-dropdown{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);color:var(--text-primary);font-size:.88rem;font-weight:650}.interview-split-layout{display:grid;grid-template-columns:190px 1fr;gap:20px;margin-top:6px}.interview-sidebar-list{display:flex;flex-direction:column;gap:6px}.interview-q-tab{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);text-align:left;cursor:pointer;transition:all .15s}.interview-q-tab:hover{background:var(--bg-elevated, #f8fafc)}.interview-q-tab.is-active{background:#eff6ff;border-color:#bfdbfe}.q-tab-badge{font-size:.75rem;font-weight:850;color:#2563eb;flex-shrink:0}.q-tab-label{font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interview-detail-view{display:flex;flex-direction:column}.interview-question-heading{font-size:1.15rem;font-weight:850;color:var(--text-primary);margin:0 0 16px;line-height:1.35}.interview-answer-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:16px;margin-bottom:14px}.answer-badge-row{margin-bottom:8px}.badge-spoken{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.72rem;font-weight:850;letter-spacing:.04em}.answer-text{font-size:.9rem;line-height:1.55;color:#14532d;margin:0}.interview-tip-box{border:1.5px dashed #3b82f6;border-radius:10px;background:#f8fafc;padding:14px 16px;margin-bottom:20px}.tip-badge-row{margin-bottom:6px}.badge-tip{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:850;color:#1d4ed8;letter-spacing:.04em}.tip-text{font-size:.86rem;line-height:1.5;color:#1e3a8a;margin:0}.interview-nav-actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px}.notes-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.notes-search-box{display:flex;align-items:center;gap:8px;flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);color:#64748b}.notes-search-input{border:none;background:transparent;outline:none;font-size:.86rem;color:var(--text-primary);width:100%}.notes-cards-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding-right:4px;margin-bottom:20px}.notes-empty-card{padding:24px;border-radius:10px;border:1px dashed var(--border-color, #cbd5e1);text-align:center;font-size:.85rem;color:var(--text-muted)}.note-card-item{border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:12px 14px;background:var(--bg-elevated, #f8fafc);display:flex;flex-direction:column;gap:6px}.note-card-header{display:flex;align-items:center;justify-content:space-between}.note-card-topic{font-size:.82rem;font-weight:800;color:#f97316}.note-card-actions{display:flex;align-items:center;gap:8px}.note-card-date{font-size:.72rem;color:var(--text-muted)}.btn-note-action{border:none;background:transparent;cursor:pointer;color:#94a3b8;padding:2px;display:flex;align-items:center;transition:color .15s}.btn-note-action:hover{color:var(--text-primary)}.btn-delete-note:hover{color:#dc2626}.note-card-body{font-size:.86rem;line-height:1.45;color:var(--text-primary);margin:0;white-space:pre-wrap}.note-editor-card{border:1.5px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;background:var(--bg-elevated, #f8fafc);margin-top:auto}.note-editor-header{margin-bottom:10px}.note-editor-title{font-size:.95rem;font-weight:800;color:var(--text-primary);margin:0}.note-topic-select-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.note-field-label{font-size:.78rem;font-weight:750;color:var(--text-secondary);white-space:nowrap}.note-topic-dropdown{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);color:var(--text-primary);font-size:.82rem;font-weight:600}.note-textarea-wrap{margin-bottom:10px}.note-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, #ffffff);color:var(--text-primary);font-size:.85rem;line-height:1.45;resize:vertical;outline:none;font-family:inherit}.note-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.note-editor-footer{display:flex;align-items:center;justify-content:space-between}.note-char-counter{font-size:.75rem;color:var(--text-muted)}.note-editor-buttons{display:flex;align-items:center;gap:8px}.phasemap-dock-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:999;width:max-content;max-width:calc(100vw - 32px);padding-bottom:env(safe-area-inset-bottom,0)}.phasemap-dock-bar{display:flex;align-items:center;gap:6px;background:var(--bg-card, #ffffff);border:1.5px solid var(--border-color, #e2e8f0);border-radius:999px;padding:6px 10px;box-shadow:0 10px 30px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dock-item-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 16px;border-radius:999px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;position:relative}.dock-item-btn:hover{color:var(--text-primary);background:var(--bg-elevated, #f8fafc)}.dock-item-btn.is-active{background:#eff6ff;color:#2563eb;font-weight:750}.dock-active-underline{display:none}.dock-item-btn.is-active .dock-active-underline{display:block;position:absolute;bottom:3px;width:22px;height:2.5px;background:#2563eb;border-radius:999px}.dock-item-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.dock-item-label{font-size:.72rem;letter-spacing:-.01em;white-space:nowrap}.dock-badge-orange{position:absolute;top:-4px;right:-10px;min-width:15px;height:15px;border-radius:999px;background:#f97316;color:#fff;font-size:.65rem;font-weight:850;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid var(--bg-card, #ffffff)}.panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px;margin:auto}.empty-icon-wrap{width:64px;height:64px;border-radius:16px;background:var(--bg-elevated, #f1f5f9);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0 0 6px}.empty-desc{font-size:.88rem;color:var(--text-muted);max-width:400px;margin:0 0 20px}.phasemap-locked-page{max-width:800px;margin:0 auto;padding:40px 24px}.lock-actions-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}@media(max-width:1199px)and (min-width:768px){.phasemap-columns-layout{display:flex;flex-direction:column;gap:24px}.phasemap-checklist-col,.phasemap-panel-col{width:100%}.interview-split-layout{grid-template-columns:160px 1fr}}@media(max-width:767px){.phasemap-page-container{padding:16px 14px 100px}.phasemap-slim-header{flex-direction:column;align-items:flex-start;gap:8px}.header-right-col{width:100%}.header-metrics-box{align-items:flex-start;flex-direction:row;gap:10px}.phasemap-columns-layout{display:flex;flex-direction:column;gap:20px}.prompt-steps-grid{grid-template-columns:1fr}.interview-split-layout{display:flex;flex-direction:column}.interview-sidebar-list{display:none}.interview-mobile-select-wrap{display:block}.phasemap-dock-bar{padding:4px 6px;gap:2px}.dock-item-btn{padding:6px 10px}.dock-item-label{font-size:.65rem}.phasemap-study-card{padding:20px 36px}.pm-round-nav.round-prev{left:4px}.pm-round-nav.round-next{right:4px}.mobile-panel-header-bar{display:none;margin-bottom:12px}.phasemap-panel-col.mobile-open .mobile-panel-header-bar{display:flex}.btn-mobile-close-panel{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:#f1f5f9;border:1px solid #cbd5e1;font-size:.8rem;font-weight:750;color:var(--text-primary);cursor:pointer}}[data-theme=dark] .phasemap-strip-card,[data-theme=dark] .phasemap-checklist-topbar,[data-theme=dark] .phasemap-section-card,[data-theme=dark] .phasemap-tool-panel,[data-theme=dark] .phasemap-study-card,[data-theme=dark] .quiz-option-row,[data-theme=dark] .interview-q-tab,[data-theme=dark] .note-textarea,[data-theme=dark] .notes-search-box{background:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=dark] .phasemap-dock-bar{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px #0006}[data-theme=dark] .dock-item-btn.is-active{background:#0f172a;color:#60a5fa}[data-theme=dark] .dock-item-btn.is-active .dock-active-underline{background:#60a5fa}[data-theme=dark] .step-pending .step-indicator-circle{background:#0f172a;border-color:#475569;color:#64748b}[data-theme=dark] .step-current .step-indicator-circle{background:#1e293b;border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .section-bulk-bar,[data-theme=dark] .prompt-step-card,[data-theme=dark] .prompt-preview-container,[data-theme=dark] .prompt-preview-header,[data-theme=dark] .note-editor-card,[data-theme=dark] .note-card-item,[data-theme=dark] .interview-tip-box,[data-theme=dark] .phasemap-nav-link,[data-theme=dark] .btn-text-ctrl,[data-theme=dark] .pm-round-nav,[data-theme=dark] .note-topic-dropdown,[data-theme=dark] .btn-bulk-mini,[data-theme=dark] .btn-topic-icon{background:#0f172a;border-color:#334155;color:#f8fafc}[data-theme=dark] .phasemap-nav-link:hover,[data-theme=dark] .btn-bulk-mini:hover:not(:disabled),[data-theme=dark] .pm-round-nav:hover:not(:disabled){background:#1e293b;border-color:#475569}[data-theme=dark] .btn-bulk-mini:disabled{opacity:.4;background:#0f172a;color:#64748b}[data-theme=dark] .phasemap-topic-row{border-color:#334155}[data-theme=dark] .phasemap-checkbox{background:#0f172a;border-color:#475569}[data-theme=dark] .phasemap-checkbox.is-checked{background:#f97316;border-color:#f97316}[data-theme=dark] .pm-answer-callout{background:#0f172a;border-color:#1e3a8a}[data-theme=dark] .pm-answer-text{color:#93c5fd}[data-theme=dark] .pm-why-matters-box{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .quiz-option-row.is-selected{background:#0f172a;border-color:#60a5fa}[data-theme=dark] .interview-answer-box{background:#064e3b;border-color:#047857}[data-theme=dark] .answer-text{color:#d1fae5}[data-theme=dark] .tip-text{color:#93c5fd}body.accessible-dialog-open{overflow:hidden}.contact-captcha-status{margin:0;max-width:48em;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.contact-captcha-status[hidden]{display:none}.flashcards-title-block,.flashcards-main-title,.settings-v2-title{min-width:0;max-width:100%;overflow-wrap:anywhere}.flashcards-main-title .title-brush-bg{min-width:0;overflow-wrap:anywhere}.brand-tagline{white-space:normal;overflow-wrap:anywhere}.stat-interactive-tile{flex-wrap:wrap}.stat-interactive-tile .tile-info{flex:1 1 4.5em}.streak-week-dots-row{flex-wrap:wrap;row-gap:12px}.goal-options-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.5em),1fr));gap:clamp(8px,1.2vw,16px)}.card-v2-header-text{min-width:0;overflow-wrap:anywhere}.quiz-action-footer{flex-wrap:wrap;gap:12px}.quiz-nav-btns,.quiz-attempts-meta{min-width:0;flex-wrap:wrap}.rating-controls.is-disabled{opacity:1}.rating-controls .rating:disabled{opacity:1;color:var(--text-muted);background:var(--bg-surface-muted);border-color:var(--border-color);cursor:not-allowed}.dashboard-stats-approved{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-bottom-row-approved{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.stat-card-approved,.dashboard-roadmap-preview-card,.dashboard-milestone-reward-card{min-width:0}.stat-metric-subtext{white-space:normal;height:auto;min-height:18px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.roadmap-preview-header{gap:12px;flex-wrap:wrap}.roadmap-preview-title{font-size:clamp(1.05rem,1.6vw,1.4rem)}.roadmap-nodes-track{min-width:0;grid-template-columns:repeat(5,minmax(60px,1fr) 24px) minmax(60px,1fr)}.roadmap-node-arrow{min-width:0;width:24px}.stats-grid,.projects-cards-grid,.what-you-can-do-grid{grid-auto-rows:1fr;align-items:stretch}.stats-grid>.stat-card,.stats-grid .stat-info,.action-nav-card,.action-card-text,.data-stay-item,.data-stay-text,.upcoming-feature-card{min-width:0}.stats-grid>.stat-card{box-sizing:border-box;min-height:112px}.stats-grid .stat-info{overflow-wrap:anywhere}.stat-value,.stat-metric-value{font-variant-numeric:tabular-nums}.project-card-title{min-height:2.7em}.project-card-summary{min-height:2.9em}.project-tags-row{min-height:40px;align-content:flex-start}.action-title{min-height:2.6em}.contact-page-wrapper{max-width:960px;margin-inline:auto}.contact-page-wrapper .send-message-card{width:100%;max-width:880px;box-sizing:border-box;margin:20px auto 0}.contact-page-wrapper .support-channel-info-bar{width:100%;max-width:880px;box-sizing:border-box;margin-inline:auto}.contact-page-wrapper .shared-page-hero{gap:20px}.contact-page-wrapper .shared-page-hero-text{flex-basis:56%}.contact-page-wrapper .shared-page-hero-media{flex-basis:38%}.contact-page-wrapper .shared-page-hero-img{max-height:180px;width:100%}.contact-page-wrapper .contact-card-title{font-size:clamp(1.25rem,2vw,1.65rem)}.contact-page-wrapper .contact-form-inner{gap:20px}.contact-page-wrapper textarea{min-height:130px}.contact-page-wrapper .field-hint-text{line-height:1.5}.flashcards-stats-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.flashcard-stat-card{min-width:0;box-sizing:border-box}.stat-card--review-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.stat-interactive-tile{min-width:0;min-height:90px;height:100%;box-sizing:border-box;padding:12px}.tile-info{min-width:0;gap:4px}.tile-label{line-height:1.35;min-height:2.7em;display:flex;align-items:center}.tile-number{font-variant-numeric:tabular-nums}.flashcard-badges-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%}.flashcard-badge-card{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;gap:8px;min-width:0;min-height:54px;box-sizing:border-box;padding:12px;line-height:1.35}.flashcard-badge-card .badge-icon,.flashcard-badge-card .badge-status-icon{display:flex;align-items:center;justify-content:center}.flashcard-badge-card .badge-name{min-width:0;overflow-wrap:break-word}.flashcard-badge-card.locked{opacity:1}.toast-area-wrapper{min-width:0;max-width:100%}.celebration-toast-pill{white-space:normal}.contact-page-wrapper .shared-page-hero-title{font-size:clamp(1.8rem,3vw,2.5rem)}.contact-page-wrapper .shared-page-hero-media{max-height:180px}.contact-page-wrapper .support-channel-info-bar,.contact-page-wrapper .send-message-card{max-width:none}.contact-page-wrapper .support-channel-info-bar{padding:12px 18px;gap:12px}.contact-page-wrapper .send-message-card{margin-top:16px;padding:24px}.contact-page-wrapper .form-group{min-width:0;gap:8px}.contact-page-wrapper .query-type-group>legend{margin-bottom:10px;padding:0}.contact-page-wrapper .query-type-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.contact-page-wrapper .query-pill-btn{min-width:0;width:100%;min-height:56px;justify-content:center;padding:10px 12px;box-sizing:border-box;line-height:1.35}.contact-page-wrapper .pill-icon{flex-shrink:0;display:flex}.contact-page-wrapper .pill-label{min-width:0;white-space:normal}.contact-page-wrapper .form-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.contact-page-wrapper .form-input{box-sizing:border-box;min-width:0;min-height:48px;font-size:1rem}.contact-page-wrapper .form-select{height:48px}.contact-page-wrapper .field-hint-text{margin-top:0}.query-pill-btn:focus-visible,.stat-interactive-tile:focus-visible{outline:3px solid var(--accent-primary, #2563eb);outline-offset:3px}.flashcards-v2-header,.flashcards-deck-controls,.deck-select-pill-wrap{min-width:0;max-width:100%}.flashcards-deck-controls{flex:0 1 620px}.deck-select-pill-wrap{flex:1 1 0}.deck-select-dropdown{width:100%;min-width:0;text-overflow:ellipsis}.deck-count-pill{flex-shrink:0}.flashcard-stage,.flashcard{min-width:0}.flashcards-stats-disclosure>summary{display:none}#projectDetailModal{padding:24px;overflow:hidden}#projectDetailModal .project-detail-dialog{width:min(100%,960px);max-width:960px;max-height:calc(100dvh - 48px);padding:0;margin:0;min-width:0;box-sizing:border-box}#projectDetailModal .project-detail-header{padding:18px 24px;flex-shrink:0}#projectDetailModal .project-detail-header-info{min-width:0}#projectDetailModal .project-detail-scroll-content{padding:20px 24px;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}#projectDetailModal .project-detail-footer{padding:14px 24px;flex-shrink:0;gap:12px}#projectDetailModal .detail-section,#projectDetailModal .project-modal-crossref-banner,#projectDetailModal .build-type-card{min-width:0;overflow-wrap:anywhere}#projectDetailModal .key-terms-grid,#projectDetailModal .testing-matrix-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}#projectDetailModal .table-responsive-wrapper{max-width:100%;min-width:0;overflow-x:auto}#projectDetailModal table{min-width:580px}#projectDetailModal .ai-prompt-header-row{flex-wrap:wrap;gap:12px}#projectDetailModal .ai-prompt-box{white-space:pre-wrap;overflow-wrap:anywhere}#projectDetailModal .project-modal-artwork-wrap{height:200px;flex-shrink:0}.project-id-tag,.project-detail-id-tag{display:none}.project-card{min-width:0}.project-meta-row{flex-wrap:wrap}.projects-filter-bar,.filter-tabs-scroll,.projects-subfilters,.project-search-box{min-width:0;max-width:100%}.filter-tabs-scroll{overflow-x:auto}.project-search-input{min-width:0}.settings-profile-card,.settings-stacked-cards,.profile-field-group,.profile-select-wrapper{min-width:0;max-width:100%;box-sizing:border-box}.profile-select-dropdown{min-width:0}.phase-art-svg-fallback{width:100%;height:100%;display:grid;place-items:center}.phase-art-svg-fallback svg{width:100%;height:100%;max-height:140px}.audit-report-card>div{min-width:0}.audit-report-card code{overflow-wrap:anywhere}.audit-table-scroll{max-width:100%;overflow-x:auto}.audit-table-scroll .audit-check-table{min-width:620px}.audit-roster-scroll{max-height:440px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.audit-table-hint{display:none;color:var(--text-secondary);font-size:.82rem;margin:-4px 0 10px}.cert-catalog-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.cert-catalog-controls input{flex:1 1 240px;min-width:0}.cert-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:24px 0}.cert-catalog-empty{text-align:center;color:var(--text-secondary);padding:24px}.cert-pagination button{min-height:44px}.cert-grid-card[hidden],.cert-catalog-empty[hidden]{display:none!important}[data-theme=dark] .hero-equipment-photo{background:#f8f6ec;border-radius:18px;padding:14px;box-sizing:border-box}[data-theme=dark] .flashcard-illustration-wrap,[data-theme=dark] .pm-card-illustration{background:#f8f6ec;border-radius:12px;padding:12px;box-sizing:border-box}[data-theme=dark] .header-metrics-percent{color:#93c5fd}[data-theme=dark] .btn-preview-roadmap{color:#93c5fd!important;border-color:#60a5fa}[data-theme=dark] .creator-bio-text,[data-theme=dark] .stat-metric-subtext,[data-theme=dark] .goal-sub-heading,[data-theme=dark] .progress-stat-subtext,[data-theme=dark] .stat-subtext{color:#cbd5e1}[data-theme=dark] .creator-header-upcoming-link,[data-theme=dark] #aboutUpcomingLink{color:#93c5fd}@media(max-width:1300px){.dashboard-stats-approved{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.dashboard-bottom-row-approved,.settings-v2-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.flashcards-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card--review-tiles{grid-column:1 / -1}.flashcard-stat-card{padding:16px}.goal-ring-wrap,.goal-ring-svg{width:64px;height:64px}.goal-ring-numbers{font-size:1rem}}@media(max-width:768px){.shared-page-hero-text,.shared-page-hero-content,.contact-page-wrapper .shared-page-hero-text,.shared-page-hero-media,.contact-page-wrapper .shared-page-hero-media{flex:0 0 auto;width:100%;max-width:100%}.shared-page-hero-text{justify-content:flex-start}.shared-page-hero-media{justify-content:center;max-height:none;margin-top:0}.shared-page-hero-img,.contact-page-wrapper .shared-page-hero-img{width:min(100%,380px);height:auto;max-height:200px;object-position:center}.about-hero-img,.upcoming-hero-img{width:min(100%,420px);max-width:100%;max-height:210px}.contact-page-wrapper .shared-page-hero{gap:16px}.contact-page-wrapper .shared-page-hero-media,.contact-page-wrapper .shared-page-hero-img{max-height:150px}.flashcards-deck-controls{flex:0 1 auto;width:100%}.flashcards-final-page{padding:20px 16px}.phasemap-panel-col{scroll-margin-top:72px;min-width:0}.phasemap-checklist-col,.phasemap-panel-col,.phasemap-panel-mount{width:100%;min-width:0;max-width:100%}.phasemap-checklist-topbar{flex-wrap:wrap;gap:8px}.notes-toolbar-row,.note-topic-select-row{flex-wrap:wrap}.notes-search-box{flex:1 1 180px;min-width:0}.notes-search-input,.note-topic-dropdown{width:100%;min-width:0;max-width:100%}.note-topic-dropdown{flex-basis:100%}.phasemap-checklist-wrapper{max-height:440px;overflow-y:auto}.phasemap-dock-container{width:calc(100% - 16px);max-width:500px;bottom:8px}.phasemap-dock-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:5px 3px;border-radius:20px}.dock-item-btn{min-width:0;min-height:54px;padding:5px 2px;border-radius:15px}.dock-item-label{white-space:normal;font-size:.62rem;line-height:1.15;text-align:center}}@media(max-width:600px){.theme-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-tile-option{min-width:0;padding:12px}.theme-tile-option{flex-direction:column;gap:8px}.theme-tile-option .theme-label{white-space:normal}.backup-action-row,.danger-zone-content{flex-wrap:wrap;gap:12px}.danger-zone-content>*{min-width:0}.btn-danger-reset-v2{width:100%;justify-content:center;white-space:normal}.projects-subfilters{width:100%;flex-wrap:wrap}.project-filter-select{flex:1 1 130px;min-width:0}.project-search-box{flex:1 1 180px}.project-search-input,.filter-tabs-scroll{width:100%}.about-stats-pill-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.about-stat-item{flex-direction:column;align-items:center;gap:4px}.about-stat-divider{display:none}.about-stat-label{font-size:.78rem}.flashcards-stats-disclosure{margin-bottom:20px}.flashcards-stats-disclosure>summary{display:list-item;cursor:pointer;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;font-weight:700}.flashcards-stats-disclosure>summary span{display:block;margin-top:4px;font-size:.75rem;font-weight:400;color:var(--text-secondary)}.flashcards-stats-disclosure[open]>summary{margin-bottom:12px}.flashcards-v2-header{margin-bottom:20px}.dashboard-stats-approved{grid-template-columns:minmax(0,1fr)}.dashboard-roadmap-preview-card{padding:18px 16px}.roadmap-preview-header{align-items:flex-start;flex-direction:column;margin-bottom:16px}.roadmap-nodes-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;overflow:visible}.roadmap-node-arrow{display:none}.roadmap-node-item{min-width:0}.roadmap-node-title{overflow-wrap:normal;word-break:normal;max-width:100%}.btn-preview-roadmap{min-height:42px;font-size:.9rem}.contact-page-wrapper .shared-page-hero-img{width:min(100%,280px);max-height:130px}.contact-page-wrapper .shared-page-hero-media{display:flex}.contact-page-wrapper .shared-page-hero-title{font-size:clamp(1.8rem,8vw,2.35rem)}.contact-page-wrapper .contact-card{padding:18px 16px}.contact-page-wrapper .query-type-selector{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.contact-page-wrapper .query-pill-btn{min-height:48px;justify-content:flex-start}.contact-page-wrapper .form-row-grid{grid-template-columns:minmax(0,1fr)}.flashcards-stats-row{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:20px}.flashcard-stat-card{padding:12px 14px}.stat-card--goal{gap:12px}.goal-main-heading,.streak-bold-title{font-size:.95rem}.goal-sub-heading{margin-bottom:0}.flashcard-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flashcard-stage .flashcard{grid-column:1 / -1;grid-row:1;width:100%;min-height:300px;padding:20px 18px}.flashcard-stage .round-control{position:static;transform:none;width:44px;height:44px}.flashcard-stage .round-control-prev{grid-column:1;grid-row:2;justify-self:start}.flashcard-stage .round-control-next{grid-column:2;grid-row:2;justify-self:end}.flashcard-question{font-size:1.2rem}.flashcard-illustration-wrap svg,.flashcard-illustration-wrap img{max-width:100%}.flashcards-deck-controls{flex-wrap:wrap;gap:8px;padding:12px}.deck-select-pill-wrap{flex-basis:100%}.flashcard-topline{padding-inline:0;gap:10px}.rating-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.rating-prompt-label{grid-column:1 / -1;text-align:left;margin:0 0 2px}.rating-controls .rating{min-width:0;min-height:44px;width:100%;justify-content:center}.flashcard-badges-row{flex-wrap:wrap}.audit-table-hint{display:block}#projectDetailModal{padding:10px}#projectDetailModal .project-detail-dialog{width:100%;max-height:calc(100dvh - 20px);border-radius:16px}#projectDetailModal .project-detail-header,#projectDetailModal .project-detail-scroll-content,#projectDetailModal .project-detail-footer{padding:16px}#projectDetailModal .project-detail-modal-title{font-size:1.1rem}#projectDetailModal .project-modal-artwork-wrap{height:150px}#projectDetailModal .project-modal-crossref-banner{flex-direction:column;align-items:flex-start}#projectDetailModal .project-detail-footer{flex-wrap:wrap}#projectDetailModal .project-detail-footer .project-checkbox-btn{flex:1 1 160px}}@media(max-width:420px){.flashcard-badges-row{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px}.flashcard-badge-card{min-height:54px}.stat-interactive-tile{gap:8px;padding:10px}}#flashcardsPageContainer .goal-main-heading,#flashcardsPageContainer .streak-bold-title,#flashcardsPageContainer .tile-label{font-family:var(--font-sans);font-size:1rem;font-weight:800;line-height:1.35;color:var(--text-primary)}#flashcardsPageContainer .flashcard-stat-card{min-height:174px}#flashcardsPageContainer .stat-card--review-tiles{padding:12px;gap:10px}#flashcardsPageContainer .stat-interactive-tile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(2.7em,auto) auto 32px;align-content:center;justify-items:center;gap:3px;padding:10px 8px;text-align:center;min-height:148px}#flashcardsPageContainer .tile-info{display:contents}#flashcardsPageContainer .tile-label{grid-row:1;justify-content:center;align-self:stretch;min-height:2.7em}#flashcardsPageContainer .tile-number{grid-row:2;font-size:2rem;line-height:1.1;color:var(--text-primary)}#flashcardsPageContainer .tile-circle-icon{grid-row:3;width:32px;height:32px;margin:0}#flashcardsPageContainer .tile-circle-icon svg{width:17px;height:17px;stroke:currentColor}#flashcardsPageContainer .tile-correct{background:#f0fdf6;border-color:#d1fae5}#flashcardsPageContainer .tile-needs-review{background:#fff4f4;border-color:#ffe0e0}#flashcardsPageContainer .icon-green{background:#d1fae5;color:#16a34a}#flashcardsPageContainer .icon-red{background:#fee2e2;color:#ef4444}[data-theme=dark] #flashcardsPageContainer .tile-correct{background:#102d2b;border-color:#235b48}[data-theme=dark] #flashcardsPageContainer .tile-needs-review{background:#332333;border-color:#663746}[data-theme=dark] #flashcardsPageContainer .icon-green{background:#164b38;color:#6ee7b7}[data-theme=dark] #flashcardsPageContainer .icon-red{background:#63303a;color:#fca5a5}@media(max-width:900px){#flashcardsPageContainer .stat-card--goal,#flashcardsPageContainer .stat-card--streak{min-height:132px}}@media(max-width:600px){#flashcardsPageContainer .stat-card--goal,#flashcardsPageContainer .stat-card--streak{min-height:112px}}@media screen{#printableCertificateModal #btnCloseCertModal{min-width:44px;min-height:44px}#printableCertificateModal .cert-modal-box{max-height:calc(100dvh - 32px)}#printableCertificateModal .cert-modal-top-bar{flex-shrink:0;flex-wrap:wrap;gap:12px;padding:14px 16px}#printableCertificateModal .cert-modal-top-bar>div{min-width:0;flex-wrap:wrap}#printableCertificateModal .printable-certificate-outer{min-height:0;overflow-y:auto;overscroll-behavior:contain}#printableCertificateModal .printable-certificate-inner{overflow-wrap:anywhere}@media(max-width:600px){#printableCertificateModal .cert-modal-top-bar>div:last-child{width:100%;justify-content:space-between}#printableCertificateModal #btnExecutePrint{min-width:0;padding:10px;font-size:.85rem}#printableCertificateModal .printable-certificate-inner{padding:20px 14px}}}@media print{body:has(#printableCertificateModal) #app>:not(.app-main),body:has(#printableCertificateModal) .app-topbar,#certificatesPageContainer>:not(#printableCertificateModal){display:none!important}body:has(#printableCertificateModal),body:has(#printableCertificateModal) #app,body:has(#printableCertificateModal) .app-main,body:has(#printableCertificateModal) #pageContent,#certificatesPageContainer{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;width:100%!important;overflow:visible!important}#printableCertificateModal{position:static!important;height:auto!important}#printableCertificateModal .cert-modal-box{width:100%!important;max-width:none!important}#printableCertificateModal .printable-certificate-inner{padding:12mm 14mm!important;break-inside:avoid}#printableCertificateModal .print-cert-meta-row{flex-direction:row!important}#printableCertificateModal .print-cert-award-title,#printableCertificateModal .print-cert-col .meta-val{color:#17233c!important}#printableCertificateModal .print-cert-statement,#printableCertificateModal .print-cert-disclaimer,#printableCertificateModal .meta-label{color:#475569!important}}