:root{--app-bg:#f7f8fa;--card-bg:#fff;--sidebar-bg:#0b1220;--border:#e5e7eb;--text:#1f2937;--text-muted:#6b7280;--sidebar-text:#e2e8f0;--sidebar-text-muted:#94a3b8;--sidebar-hover-bg:#ffffff0d;--brand:#0d9488;--brand-soft:#5eead4;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--status-studying-bg:#ccfbf1;--status-studying-text:#0f766e;--status-booked-bg:#dbeafe;--status-booked-text:#1d4ed8;--status-passed-bg:#d1fae5;--status-passed-text:#065f46;--status-planned-bg:#f3f4f6;--status-planned-text:#374151;--load-high-bg:#fee2e2;--load-high-text:#991b1b;--load-medium-bg:#fffbeb;--load-medium-text:#92400e;--load-light-bg:#f0fdf4;--load-light-text:#166534;--transition-fast:.15s ease;--transition-normal:.25s ease;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--week-header-bg:#fafbfe;--code-bg:#1e293b;--code-text:#f8fafc;--countdown-bg:#fff1f2;--countdown-border:#ffe4e6;--countdown-text-days:#e11d48;--countdown-text-label:#9f1239;--pub-btn-public-bg:#e6f4ea;--pub-btn-public-text:#137333;--pub-btn-public-border:#ceead6;--pub-btn-public-hover:#d2e3fc;--pub-btn-private-bg:#f1f3f4;--pub-btn-private-text:#3c4043;--pub-btn-private-border:#dadce0;--pub-btn-private-hover:#e8eaed}:root[data-theme=dark]{--app-bg:#020617;--card-bg:#0f172a;--border:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8;--status-studying-bg:#14b8a626;--status-studying-text:#2dd4bf;--status-booked-bg:#3b82f626;--status-booked-text:#60a5fa;--status-passed-bg:#10b98126;--status-passed-text:#34d399;--status-planned-bg:#64748b26;--status-planned-text:#94a3b8;--load-high-bg:#ef444426;--load-high-text:#fca5a5;--load-medium-bg:#f59e0b26;--load-medium-text:#fcd34d;--load-light-bg:#10b98126;--load-light-text:#34d399;--week-header-bg:#1e293b;--code-bg:#020617;--code-text:#cfcfe0;--countdown-bg:#dc26261f;--countdown-border:#7f1d1d;--countdown-text-days:#fecaca;--countdown-text-label:#fca5a5;--pub-btn-public-bg:#16a34a26;--pub-btn-public-text:#86efac;--pub-btn-public-border:#15803d;--pub-btn-public-hover:#16a34a40;--pub-btn-private-bg:#64748b26;--pub-btn-private-text:#94a3b8;--pub-btn-private-border:#334155;--pub-btn-private-hover:#64748b40}*{box-sizing:border-box}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}html,body,#root{height:100%}body{background:var(--app-bg);color:var(--text);font-family:var(--font-sans);margin:0}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{justify-content:space-between;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-top{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-bottom{padding-top:var(--space-4);gap:var(--space-2);border-top:1px solid #ffffff1a;flex-direction:column;margin-top:auto;display:flex}.theme-toggle-group{background:#00000040;border:1px solid #ffffff0d;border-radius:6px;gap:2px;width:100%;padding:2px;display:inline-flex}.theme-toggle-btn{color:var(--sidebar-text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 4px;font-size:.75rem;font-weight:500}.theme-toggle-btn:hover{color:var(--sidebar-text);background:#ffffff08}.theme-toggle-btn.active{color:var(--brand-soft);background:#ffffff1a}.wordmark-svg{margin-bottom:var(--space-4);color:var(--sidebar-text);display:block}.avatar-svg{margin-top:var(--space-2);margin-bottom:var(--space-2);display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-spin{animation:6s linear infinite spin}@media (prefers-reduced-motion:reduce){.avatar-spin{animation:none}}.name{color:var(--sidebar-text);font-weight:600}.sidebar ul{margin:var(--space-4) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.sidebar li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--sidebar-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;display:flex}.sidebar li:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar li.active{background:var(--brand);color:#fff}.nav-icon{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:16px;height:16px}.sidebar li.active:hover{background:var(--brand);color:#fff}.feed{padding:var(--space-6)}.feed p{color:var(--text-muted)}.status-badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.status-badge.status-studying{background-color:var(--status-studying-bg);color:var(--status-studying-text)}.status-badge.status-booked{background-color:var(--status-booked-bg);color:var(--status-booked-text)}.status-badge.status-passed{background-color:var(--status-passed-bg);color:var(--status-passed-text)}.status-badge.status-planned{background-color:var(--status-planned-bg);color:var(--status-planned-text)}.overview-container{max-width:1200px;padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.featured-section{width:100%}.featured-card{background:var(--card-bg);border:1px solid var(--border);padding:var(--space-6);box-shadow:var(--shadow-md);gap:var(--space-4);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.featured-card:before{content:"";background:var(--brand);width:4px;height:100%;position:absolute;top:0;left:0}.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge-studying{background-color:var(--status-studying-bg);color:var(--status-studying-text);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;width:max-content;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.featured-header{gap:var(--space-2);flex-direction:column;display:flex}.featured-header h1{color:var(--text);margin:0;font-size:1.875rem;font-weight:700;line-height:1.2}.featured-meta{color:var(--text-muted);font-size:.875rem;font-weight:500}.progress-section{gap:var(--space-2);margin:var(--space-2) 0;flex-direction:column;display:flex}.progress-bar-label{color:var(--text);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;display:flex}.progress-bar-outer{background-color:var(--border);border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-outer.mini{height:6px}.progress-bar-inner{background-color:var(--brand);border-radius:9999px;height:100%;transition:width .4s ease-out}.countdown-section{align-items:center;gap:var(--space-2);background-color:var(--countdown-bg);border:1px solid var(--countdown-border);border-radius:6px;width:max-content;padding:.5rem .75rem;display:inline-flex}.countdown-days{color:var(--countdown-text-days);font-size:1.25rem;font-weight:700}.countdown-label{color:var(--countdown-text-label);font-size:.875rem;font-weight:500}.view-plan-btn{background-color:var(--brand);color:#fff;padding:var(--space-3) var(--space-6);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;border-radius:6px;align-self:flex-start;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0d948833}.view-plan-btn:hover{background-color:#0b7a70;transform:translateY(-1px)}.view-plan-btn:active{transform:translateY(0)}.list-section{gap:var(--space-4);flex-direction:column;display:flex}.list-section h2{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.no-certs{color:var(--text-muted);font-style:italic}.certs-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.cert-card{background:var(--card-bg);border:1px solid var(--border);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-3);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:12px;flex-direction:column;display:flex}.cert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-card-header{justify-content:space-between;align-items:center;display:flex}.cert-card-code{color:var(--text-muted);background-color:var(--app-bg);border-radius:4px;padding:.125rem .375rem;font-family:monospace;font-size:.875rem;font-weight:600}.cert-card h3{color:var(--text);margin:0;font-size:1.125rem;font-weight:600;line-height:1.3}.cert-card-vendor{color:var(--text-muted);margin-top:-.5rem;font-size:.875rem}.cert-card-progress{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.progress-text{color:var(--text-muted);align-self:flex-end;font-size:.75rem;font-weight:600}.view-details-link{color:var(--brand);cursor:pointer;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;align-self:flex-start;align-items:center;padding:.25rem 0;font-size:.875rem;font-weight:600;display:inline-flex}.view-details-link:hover{color:#0b7a70;transform:translate(2px)}.detail-container{max-width:1200px;padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.back-btn{border:1px solid var(--border);background:0 0;background-color:var(--card-bg);color:var(--text);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:6px;align-self:flex-start;font-size:.875rem;font-weight:600}.back-btn:hover{background-color:var(--app-bg);border-color:var(--text-muted)}.detail-header{gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-4);flex-direction:column;display:flex}.detail-title-row{align-items:center;gap:var(--space-3);display:flex}.detail-code{color:var(--text-muted);background-color:var(--border);border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.875rem;font-weight:600}.detail-header h1{color:var(--text);margin:0;font-size:2.25rem;font-weight:800;line-height:1.2}.detail-vendor{color:var(--text-muted);margin:0;font-size:1.125rem;font-weight:500}.detail-summary{color:var(--text);margin:var(--space-2) 0 0 0;font-size:1rem;line-height:1.5}.detail-milestones{gap:var(--space-3);flex-direction:column;display:flex}.detail-milestones h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.milestones-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.milestone-item{background:var(--card-bg);border:1px solid var(--border);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;gap:.25rem;display:flex}.milestone-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.milestone-value{color:var(--text);font-size:1.125rem;font-weight:600}.detail-cert-checklist{background-color:var(--card-bg);border:1px solid var(--border);padding:var(--space-4);box-shadow:var(--shadow-sm);gap:var(--space-3);border-radius:8px;flex-direction:column;display:flex}.detail-cert-checklist h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.checklist-items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist-item{align-items:flex-start;gap:var(--space-3);display:flex}.checklist-item input[type=checkbox]{appearance:none;border:2px solid var(--border);background-color:var(--card-bg);cursor:not-allowed;width:1.125rem;height:1.125rem;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;place-content:center;margin:.15rem 0 0;padding:0;display:inline-grid}.checklist-item input[type=checkbox]:before{content:"";width:.55rem;height:.55rem;box-shadow:inset 1em 1em var(--brand);transform-origin:0 100%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.checklist-item input[type=checkbox]:checked{border-color:var(--brand);background-color:#0d948814}.checklist-item input[type=checkbox]:checked:before{transform:scale(1)}.checklist-label{color:var(--text);transition:color var(--transition-fast);font-size:.9375rem;line-height:1.4}.checklist-item.done .checklist-label{color:var(--text-muted);text-decoration:line-through}.detail-grid{gap:var(--space-6);grid-template-columns:2.25fr 1fr;align-items:flex-start;display:grid}@media (width<=868px){.detail-grid{grid-template-columns:1fr}}.detail-timeline{gap:var(--space-4);flex-direction:column;display:flex}.detail-timeline h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.no-weeks{color:var(--text-muted);font-style:italic}.timeline{gap:var(--space-4);flex-direction:column;display:flex}.timeline-week{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);border-radius:8px;overflow:hidden}.timeline-week:hover{box-shadow:var(--shadow-md)}.timeline-week.week-completed{border-left:4px solid #16a34a}.timeline-week.week-current{border-left:4px solid var(--brand)}.timeline-week.week-planned{border-left:4px solid var(--text-muted)}.week-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--week-header-bg);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.week-number{color:var(--text);font-size:1rem;font-weight:700}.week-dates{color:var(--text-muted);font-size:.8125rem;font-weight:500}.badge-load{border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge-load.load-high{background-color:var(--load-high-bg);color:var(--load-high-text)}.badge-load.load-medium{background-color:var(--load-medium-bg);color:var(--load-medium-text)}.badge-load.load-light{background-color:var(--load-light-bg);color:var(--load-light-text)}.week-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.week-focus{color:var(--text);margin:0;font-size:.9375rem;line-height:1.4}.detail-resources{gap:var(--space-4);flex-direction:column;display:flex}.detail-resources h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.no-resources{color:var(--text-muted);font-style:italic}.resources-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.resource-item{background:var(--card-bg);border:1px solid var(--border);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px}.resource-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.resource-info{flex-direction:column;gap:.375rem;display:flex}.resource-link{color:var(--brand);transition:color var(--transition-fast);font-size:.9375rem;font-weight:600;line-height:1.3;text-decoration:none}.resource-link:hover{color:#0b7a70;text-decoration:underline}.resource-type{text-transform:uppercase;letter-spacing:.05em;background-color:var(--app-bg);width:max-content;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:700}.resource-type.resource-video{color:#991b1b;background-color:#fee2e2;border-color:#fca5a5}.resource-type.resource-book{color:#0369a1;background-color:#e0f2fe;border-color:#bae6fd}.resource-type.resource-course{color:#6b21a8;background-color:#f3e8ff;border-color:#e9d5ff}.resource-type.resource-practice-exam{color:#9a3412;background-color:#ffedd5;border-color:#fed7aa}.notes-mgmt{margin-top:var(--space-6);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.notes-mgmt h3{margin-top:0;margin-bottom:var(--space-3);font-size:1.1rem}.notes-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.note-mgmt-item{padding:var(--space-2) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.note-mgmt-item:last-child{border-bottom:none}.note-title{color:var(--text);font-weight:500}.toggle-publish-btn{cursor:pointer;border:1px solid var(--border);background:var(--app-bg);color:var(--text-muted);border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;transition:all .15s ease-in-out}.toggle-publish-btn:hover:not(:disabled){background:var(--border)}.toggle-publish-btn.public{background:var(--pub-btn-public-bg);color:var(--pub-btn-public-text);border-color:var(--pub-btn-public-border)}.toggle-publish-btn.public:hover:not(:disabled){background:var(--pub-btn-public-hover)}.toggle-publish-btn.private{background:var(--pub-btn-private-bg);color:var(--pub-btn-private-text);border-color:var(--pub-btn-private-border)}.toggle-publish-btn.private:hover:not(:disabled){background:var(--pub-btn-private-hover)}.toggle-publish-btn:disabled{opacity:.5;cursor:not-allowed}.note-link-btn{color:var(--brand);cursor:pointer;text-align:left;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;padding:0;font-size:.9375rem;font-weight:600}.note-link-btn:hover{color:#0b7a70;text-decoration:underline;transform:translate(2px)}.note-reader-container{max-width:800px;padding:var(--space-6) var(--space-4);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;margin:0 auto}.note-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-6);margin-top:var(--space-4)}.note-header h1{margin:0 0 var(--space-2) 0;color:var(--text);font-size:2.25rem;font-weight:800;line-height:1.2}.note-meta{gap:var(--space-4);color:var(--text-muted);font-size:.875rem;display:flex}.note-content{color:var(--text);font-size:1.0625rem;line-height:1.6}.note-content h1,.note-content h2,.note-content h3{color:var(--text);margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:700}.note-content h1{border-bottom:1px solid var(--border);padding-bottom:.3rem;font-size:1.75rem}.note-content h2{font-size:1.4rem}.note-content h3{font-size:1.2rem}.note-content p{margin-bottom:var(--space-4)}.note-content code{background-color:var(--app-bg);border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.note-content pre{background-color:var(--code-bg);color:var(--code-text);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.note-content pre code{color:inherit;font-size:inherit;background-color:#0000;padding:0}.ask-notes-container{max-width:800px;padding:var(--space-6) var(--space-4);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.ask-notes-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-4)}.ask-notes-header h2{margin:0 0 var(--space-2) 0;color:var(--text);font-size:1.75rem;font-weight:800}.ask-notes-subtitle{color:var(--text-muted);margin:0;font-size:.9375rem}.ask-notes-auth-card{max-width:500px;margin:var(--space-6) auto;background:var(--card-bg);border:1px solid var(--border);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-md);align-items:center;gap:var(--space-4);border-radius:12px;flex-direction:column;display:flex}.ask-notes-auth-card h2{margin:0;font-size:1.5rem;font-weight:700}.ask-notes-auth-card p{color:var(--text-muted);margin:0;line-height:1.5}.chat-window{background:var(--card-bg);border:1px solid var(--border);height:480px;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.chat-empty-state{text-align:center;padding:var(--space-6);align-items:center;gap:var(--space-2);flex-direction:column;max-width:450px;margin:auto;display:flex}.chat-icon{margin-bottom:var(--space-2);font-size:3rem}.chat-empty-state p{color:var(--text);margin:0;font-size:1.0625rem;font-weight:500}.chat-hint{color:var(--text-muted);margin-top:var(--space-2);font-size:.8125rem;font-style:italic}.chat-history{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{max-width:80%;padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);border-radius:12px;font-size:.9375rem;line-height:1.5}.message-bubble.user{background:var(--brand);color:#fff;border-top-right-radius:0}.message-bubble.assistant{background:var(--app-bg);color:var(--text);border:1px solid var(--border);border-top-left-radius:0}.message-text{white-space:pre-wrap;margin:0}.message-citations{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.5rem}.citations-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.citations-list{gap:var(--space-2);flex-wrap:wrap;margin-top:.375rem;display:flex}.citation-tag{background:var(--card-bg);border:1px solid var(--border);color:var(--brand);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.citation-tag:hover{border-color:var(--brand);background-color:#0d94880d}.chat-error-message{background-color:var(--countdown-bg);border:1px solid var(--countdown-border);color:var(--countdown-text-days);padding:var(--space-3);border-radius:6px;font-size:.875rem;font-weight:500}.chat-input-form{gap:var(--space-3);align-items:center;display:flex}.chat-input{background:var(--card-bg);border:1px solid var(--border);padding:var(--space-3) var(--space-4);color:var(--text);transition:border-color var(--transition-fast);border-radius:8px;flex:1;font-size:.9375rem}.chat-input:focus{border-color:var(--brand);outline:none}.chat-input:disabled{background-color:var(--app-bg);cursor:not-allowed}.chat-submit-btn{background-color:var(--brand);color:#fff;padding:var(--space-3) var(--space-6);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;box-shadow:0 2px 4px #0d948833}.chat-submit-btn:hover:not(:disabled){background-color:#0b7a70}.chat-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-indicator span{background-color:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce;display:inline-block}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ask-notes-banner{background-color:var(--status-studying-bg);border:1px solid var(--brand-soft);color:var(--status-studying-text);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-3);border-radius:8px;font-size:.875rem;font-weight:500;display:flex}.ask-notes-banner-btn{background-color:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast);border:none;border-radius:6px;padding:.35rem .75rem;font-size:.8125rem;font-weight:600}.ask-notes-banner-btn:hover{background-color:#0f766e}.footer-container{-webkit-user-select:none;user-select:none;border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin-top:4rem;padding-top:2rem;padding-bottom:2rem;display:flex}.footer-brand-band{pointer-events:none;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.footer-portal-mark{opacity:.9}.footer-wordmark{color:var(--text);opacity:.8}.footer-tagline{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.42em;color:var(--text-faint);text-align:center;font-size:.6875rem}.footer-credits{text-align:center;font-family:var(--font-mono);color:var(--text-muted);flex-direction:column;align-items:center;gap:.25rem;width:100%;font-size:.6875rem;display:flex}.footer-sub-credits{color:var(--text-faint)}.footer-link{font-family:inherit;font-size:inherit;color:var(--brand);text-underline-offset:2px;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:0;-webkit-text-decoration:underline #0d948866;text-decoration:underline #0d948866}.footer-link:hover{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.footer-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.login-splash-container{color:#f8fafc;background:radial-gradient(circle,#0f172a 0%,#020617 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}.login-splash-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:480px;padding:3rem 2rem;display:flex;box-shadow:0 25px 50px -12px #00000080}.login-splash-card.access-denied{background:#ef444408;border-color:#ef44444d}.login-avatar-svg{margin-bottom:.5rem}.login-wordmark-svg{color:#f8fafc}.login-subtitle{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--brand-soft);margin:0;font-size:.75rem}.login-description{color:#94a3b8;margin:0;font-size:.9375rem;line-height:1.6}.login-description strong{color:#f8fafc}.error-title{color:#fca5a5;margin:0;font-size:1.5rem;font-weight:600}.login-btn{background:linear-gradient(135deg, var(--brand) 0%, #0f766e 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.85rem 1.75rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0d948833}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0d948859}.login-btn:active{transform:translateY(0)}.login-btn.secondary{color:#cbd5e1;box-shadow:none;background:0 0;border:1px solid #ffffff26}.login-btn.secondary:hover{box-shadow:none;background:#ffffff0d;border-color:#ffffff40;transform:none}.about-container{max-width:900px;padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.about-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-4)}.about-header h1{background:linear-gradient(135deg, var(--text) 30%, var(--brand) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.25rem;font-weight:700}.about-tagline{color:var(--text-muted);margin:0;font-size:1.1rem}.about-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr}}.about-main-section{gap:var(--space-6);flex-direction:column;display:flex}.about-card{background:var(--card-bg);border:1px solid var(--border);padding:var(--space-6);box-shadow:var(--shadow-sm);border-radius:12px}.about-card h2{margin:0 0 var(--space-4) 0;color:var(--text);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:600;display:flex}.about-card h3{margin:var(--space-4) 0 var(--space-2) 0;color:var(--text);font-size:1.1rem;font-weight:600}.about-card p{color:var(--text-muted);margin:0 0 var(--space-4) 0;line-height:1.6}.about-card p:last-child{margin-bottom:0}.about-card strong{color:var(--text)}.about-list{margin:0 0 var(--space-4) 0;padding-left:var(--space-6);color:var(--text-muted);line-height:1.6}.about-list li{margin-bottom:.5rem}.about-list li strong{color:var(--text)}.about-sidebar-section{gap:var(--space-6);flex-direction:column;display:flex}.tech-pill-container{margin-top:var(--space-3);flex-wrap:wrap;gap:.5rem;display:flex}.tech-pill{font-family:var(--font-sans);background:var(--status-studying-bg);color:var(--status-studying-text);border:1px solid var(--border);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.tech-pill.infra{background:var(--status-booked-bg);color:var(--status-booked-text)}.tech-pill.data{background:var(--status-passed-bg);color:var(--status-passed-text)}.about-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.about-link-item{align-items:center;gap:.5rem;display:flex}.about-link-btn{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:flex}.about-link-btn:hover{border-color:var(--brand);background:var(--status-studying-bg);color:var(--status-studying-text)}.about-link-btn.primary{background:var(--brand);color:#fff;border:none}.about-link-btn.primary:hover{color:#fff;background:#0f766e}.arch-node{font-family:var(--font-sans);border-left:3px solid var(--brand);padding:.5rem var(--space-3);background:#0d94880d;border-radius:0 6px 6px 0;margin-bottom:.75rem;font-size:.8125rem}.arch-node-title{color:var(--text);margin-bottom:.15rem;font-weight:600}.arch-node-desc{color:var(--text-muted);font-size:.75rem}