@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:DM Sans,Avenir Next,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #e36d5259}#root{min-height:100vh}.avatar{width:32px;height:32px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.avatar-johnny{background:var(--coral-light);color:var(--coral)}.avatar-jackie{color:var(--teal);background:#4cc9f026}.avatar-small{width:24px;height:24px;font-size:11px}.icon{justify-content:center;align-items:center;font-family:monospace;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:20px;width:90%;max-width:500px;padding:32px;position:relative;box-shadow:0 20px 40px #0000001a}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:24px;position:absolute;top:16px;right:16px}.skill-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-items:center;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.skill-tag.yellow{color:var(--yellow,#b28100);background:#ffb80026}.skill-tag.purple{color:var(--purple,#7a28cb);background:#9d4edd26}.skill-tag.blue{color:var(--blue,#3a0ca3);background:#4361ee26}.skill-tag.teal{color:var(--teal);background:#4cc9f026}.skill-tag.coral{background:var(--coral-light);color:var(--coral)}.skill-tag.navy{color:var(--navy);background:#14213d26}.toast{background:var(--ink);color:var(--paper);z-index:1001;border-radius:100px;padding:12px 24px;font-size:14px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 20px #0000001a}.toast-visible{transform:translate(-50%)translateY(0)}.toast-hidden{opacity:0}.sidebar{background:var(--paper);border-right:1px solid var(--line);z-index:100;flex-direction:column;flex-shrink:0;width:270px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--ink);align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;font-family:Fraunces,serif;font-size:20px;font-weight:600;display:flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--paper);border-radius:8px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;display:flex}.brand em{color:var(--muted);font-style:italic;font-weight:400}.workspace-switcher{background:var(--canvas);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin-bottom:28px;padding:12px 14px;transition:border-color .2s;display:flex}.workspace-switcher:hover{border-color:var(--line)}.workspace-icon{background:var(--paper);border:1px solid var(--line);width:32px;height:32px;color:var(--coral);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex}.workspace-info{flex-direction:column;flex:1;display:flex}.workspace-name{color:var(--ink);font-size:14px;font-weight:600}.workspace-target{color:var(--muted);font-size:12px}.main-nav{flex-direction:column;gap:6px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;padding:0 12px;font-size:14px;font-weight:700}.nav-item{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-size:18px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background:var(--canvas);color:var(--ink)}.nav-item.active{background:var(--coral-light);color:var(--coral);font-weight:600}.nav-badge{background:var(--line);color:var(--ink);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600}.sidebar-bottom{flex-direction:column;gap:16px;margin-top:auto;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 8px;display:flex}.profile span strong{font-size:15px}@media (width<=768px){.sidebar{display:none}}.topbar{border-bottom:1px solid var(--line);background:var(--paper);z-index:100;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb .current{color:var(--ink);font-weight:500}.top-actions{align-items:center;gap:16px;display:flex}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:color .2s;display:flex;position:relative}.icon-button:hover{color:var(--ink)}.notification:after{content:"";background:var(--coral);border:2px solid var(--paper);border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:-2px}.button-primary{background:var(--ink);color:var(--paper);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .2s;display:flex}.button-primary:hover{transform:translateY(-1px)}.member-stack{align-items:center;display:flex}.member-stack .avatar{border:2px solid var(--paper)}.member-stack .avatar:not(:first-child){margin-left:-8px}.mobile-only{display:none}.desktop-only{display:flex}@media (width<=768px){.topbar{padding:12px 16px}.breadcrumb-workspace,.breadcrumb>svg,.breadcrumb>span:first-child+span{display:none}.top-actions{gap:10px}.mobile-only{display:flex}.desktop-only{display:none!important}.btn-label{display:none}.button-primary{border-radius:50%;justify-content:center;width:40px;height:40px;padding:10px 12px}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{background:var(--paper);border-top:1px solid var(--line);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 4px 12px;transition:all .2s;display:flex}.bottom-nav-icon{color:var(--muted);font-size:20px;line-height:1;transition:color .2s,transform .2s}.bottom-nav-label{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:600;transition:color .2s}.bottom-nav-item.active .bottom-nav-icon,.bottom-nav-item.active .bottom-nav-label{color:var(--coral)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}}.dashboard-content{max-width:1200px;margin:0 auto;padding:32px 40px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}h1{color:var(--ink);margin:0 0 8px;font-family:Fraunces,serif;font-size:32px;font-weight:500}.subheading{color:var(--muted);margin:0;font-size:15px}.exam-countdown{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:center;gap:24px;padding:16px 24px;display:flex}.countdown-stat{flex-direction:column;display:flex}.countdown-stat .label{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:600}.countdown-stat .value{color:var(--ink);font-size:24px;font-weight:700;line-height:1.2}.countdown-stat .value em{color:var(--muted);font-size:14px;font-style:normal;font-weight:500}.countdown-stat .date{color:var(--muted);font-size:11px}.countdown-divider{background:var(--line);width:1px;height:40px}.hero-progress{background:var(--coral-light);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:40px;display:flex;position:relative;overflow:hidden}.progress-copy{z-index:2;max-width:400px;position:relative}.progress-copy h2{color:var(--coral);margin:0 0 16px;font-family:Fraunces,serif;font-size:28px;font-weight:500}.progress-meta{color:var(--coral);margin-bottom:24px;font-size:14px;font-weight:500}.progress-bar{background:#ff7e6733;border-radius:4px;height:8px;overflow:hidden}.progress-bar .fill{background:var(--coral);border-radius:4px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-orbit{z-index:2;width:160px;height:160px;position:relative}.progress-orbit .circle{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-orbit .outer{border:1px dashed #ff7e674d;width:100%;height:100%;animation:20s linear infinite rotate}.progress-orbit .inner{background:var(--paper);justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 10px 30px #ff7e6733}.metric{flex-direction:column;align-items:center;display:flex}.metric .num{color:var(--coral);font-size:32px;font-weight:700;line-height:1}.metric .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px;font-weight:600}.motif{background:var(--coral);border-radius:50%;width:24px;height:24px;position:absolute}.motif.top-right{top:10%;right:10%}.motif.bottom-left{opacity:.5;width:16px;height:16px;bottom:10%;left:10%}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.section-heading{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.task-count{background:var(--line);color:var(--muted);border-radius:12px;padding:2px 8px;font-size:12px}.member-filter{background:var(--canvas);border-radius:8px;padding:4px;display:flex}.member-filter button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.member-filter button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 4px #0000000d}.dashboard-grid{grid-template-columns:1fr 300px;gap:24px;margin-bottom:24px;display:grid}.plan-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card-header{border-bottom:1px solid var(--line);background:var(--canvas);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.date-chip{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.date-chip:before{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px}.add-task{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:500;transition:color .2s;display:flex}.add-task:hover{color:var(--ink)}.task-list{flex-direction:column;display:flex}.task-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 24px;transition:background .2s;display:flex}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--canvas)}.task-check{border:2px solid var(--line);cursor:pointer;color:#0000;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.task-check.checked,.task-row.done .task-check{background:var(--ink);border-color:var(--ink);color:var(--paper)}.task-time{width:100px;color:var(--muted);font-size:13px;font-weight:500}.task-info{flex:1}.task-title{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:500}.task-meta{align-items:center;gap:12px;display:flex}.duration{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.side-column{flex-direction:column;gap:24px;display:flex}.mini-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}.mini-card.highlight{background:var(--yellow-light,#ffb8001a);border-color:#0000}.mini-card-title{color:var(--ink);margin:0 0 8px;font-size:14px;font-weight:600}.sparkle{color:var(--yellow,#b28100);margin-bottom:8px}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{gap:12px;font-size:13px;display:flex}.activity-icon{background:var(--canvas);width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.activity-details{color:var(--ink);flex:1}.actor{font-weight:600}.time{color:var(--muted);margin-top:2px;font-size:11px}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.text-button:hover{color:var(--ink);text-decoration:underline}.bottom-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.journal-preview,.comment-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}.journal-list{flex-direction:column;gap:16px;display:flex}.journal-row{background:var(--canvas);border-radius:12px;grid-template-columns:120px 1fr 100px;align-items:center;gap:16px;padding:16px;display:grid}.journal-meta{flex-direction:column;display:flex}.journal-meta .author{color:var(--ink);font-size:13px;font-weight:600}.journal-meta .date{color:var(--muted);font-size:12px}.journal-content h4{color:var(--ink);margin:0 0 4px;font-size:14px;font-weight:600}.journal-content p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.journal-stats{justify-content:flex-end;gap:12px;display:flex}.journal-stats .stat{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.comment-card{flex-direction:column;height:300px;display:flex}.comment-count{background:var(--canvas);color:var(--muted);border-radius:12px;padding:2px 8px;font-size:12px}.comment-input{background:var(--canvas);border-radius:100px;align-items:center;gap:8px;padding:8px;display:flex}.comment-input input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}@media (width<=1024px){.dashboard-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-content{padding:16px}.welcome-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.exam-countdown{justify-content:space-around;width:100%;padding:12px 16px}.hero-progress{text-align:center;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px 20px}.progress-copy{max-width:100%}.progress-copy h2{font-size:22px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.bottom-grid{grid-template-columns:1fr;gap:16px}.task-time{display:none}.task-row{gap:12px;padding:12px 16px}.comment-card{height:auto;min-height:200px}.journal-row{grid-template-columns:1fr;gap:8px}.journal-stats{justify-content:flex-start}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-intro{margin-bottom:2rem}.view-intro h1{color:var(--ink);margin:.5rem 0;font-family:Fraunces,serif;font-size:2.5rem}.view-intro .subheading{color:var(--muted);margin-bottom:1.5rem;font-family:DM Sans,sans-serif}.planner-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.planner-date{align-items:center;gap:1rem;display:flex}.day-number{color:var(--ink);font-weight:700}.full-date{color:var(--muted)}.planner-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.planner-grid.single-day{max-width:600px;margin:0 auto}.planner-day{background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:hidden}.planner-day-header{border-bottom:1px solid var(--line);color:var(--ink);text-align:center;padding:1rem;font-weight:600}.planner-tasks{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.planner-task{background:var(--canvas);border:1px solid var(--line);border-radius:6px;align-items:center;padding:.75rem;display:flex;position:relative;overflow:hidden}.planner-task.done{opacity:.6}.planner-task.done .task-title{text-decoration:line-through}.skill-bar{width:4px;position:absolute;top:0;bottom:0;left:0}.planner-check{border:2px solid var(--muted);cursor:pointer;width:20px;height:20px;color:var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:.5rem;margin-right:1rem;padding:0;display:flex}.planner-task.done .planner-check{border-color:var(--ink);background:var(--ink);color:var(--paper)}.task-content{flex:1}.task-title{color:var(--ink);margin-bottom:.25rem;font-weight:500}.task-meta{color:var(--muted);font-size:.75rem}.day-add{border:none;border-top:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:background .2s;display:flex}.day-add:hover{background:var(--canvas);color:var(--ink)}.coverage-strip{border-top:1px solid var(--line);align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0;display:flex}.coverage-label{color:var(--ink);font-weight:600}.coverage-items{flex-wrap:wrap;gap:1.5rem;display:flex}.coverage-item{color:var(--muted);text-transform:capitalize;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.skill-dot{border-radius:50%;width:8px;height:8px}.planner-new-btn{white-space:nowrap;border-radius:100px;padding:9px 18px;font-size:13px}.member-filter button.selected{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 2px 4px #00000014}@media (width<=768px){.coverage-items{gap:1rem}.planner-toolbar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px}.planner-toolbar strong{flex:1;font-size:.85rem}.planner-new-btn{padding:8px 14px;font-size:12px}.view-intro h1{font-size:1.75rem}.member-filter{flex-wrap:wrap;gap:8px}.planner-task{flex-wrap:wrap}.coverage-strip{flex-direction:column;align-items:flex-start;gap:8px}}.journal-layout{grid-template-columns:1fr 300px;gap:3rem;margin-top:2rem;display:grid}.journal-feed{flex-direction:column;display:flex}.journal-entry{grid-template-columns:40px 1fr;gap:1rem;margin-bottom:0;display:grid}.entry-avatar-col{flex-direction:column;align-items:center;display:flex}.avatar{background-color:var(--teal);width:40px;height:40px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.entry-connector{background-color:var(--line);flex-grow:1;width:2px;min-height:40px;margin:.5rem 0}.entry-body{padding-bottom:2rem}.entry-header{align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.entry-name{color:var(--ink);font-weight:700}.entry-time{color:var(--muted);font-size:.875rem}.entry-title{color:var(--ink);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.entry-detail{color:var(--ink);margin-bottom:1rem;line-height:1.6}.entry-meta{color:var(--muted);gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.comment-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.comment-btn:hover{color:var(--ink)}.journal-aside{position:sticky;top:2rem}.stats-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:1.5rem}.stats-label{color:var(--muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.stats-total{color:var(--ink);margin-bottom:1.5rem;font-family:Fraunces,serif;font-size:2.5rem}.stats-unit{color:var(--muted);font-family:DM Sans,sans-serif;font-size:1rem}.week-chart{flex-direction:column;height:120px;display:flex}.week-bars{border-bottom:1px solid var(--line);flex-grow:1;justify-content:space-between;align-items:flex-end;padding-bottom:.5rem;display:flex}.bar-wrapper{justify-content:center;align-items:flex-end;width:20%;height:100%;display:flex}.week-bars i{background-color:var(--line);border-radius:4px 4px 0 0;width:20px;transition:height .3s;display:block}.bar-today{background-color:var(--teal)!important}.bar-labels{color:var(--muted);justify-content:space-between;padding-top:.5rem;font-size:.75rem;display:flex}.label-today{color:var(--ink);font-weight:700}@media (width<=768px){.journal-layout{grid-template-columns:1fr}.journal-aside{order:-1;position:static}}.metric-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}.metric-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:1.25rem}.metric-label{color:var(--muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.metric-value{color:var(--ink);font-family:Fraunces,serif;font-size:1.85rem}.accent-metric{background:var(--navy);border-color:var(--navy)}.accent-metric .metric-label{color:#ffffffb3}.accent-metric .metric-value{color:#fff}.analytics-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:1.5rem}.chart-heading{color:var(--ink);margin-bottom:1.5rem;font-size:1rem;font-weight:600}.empty-chart{color:var(--muted);text-align:center;padding:2.5rem 1rem;font-size:.9rem}.line-chart{width:100%;height:200px;overflow:visible}.skill-progress-container{margin-bottom:1rem}.insight-banner{background:var(--canvas);border-left:4px solid var(--teal);color:var(--ink);border-radius:8px;padding:1.5rem;font-weight:500}.tag-owner{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.tag-owner.johnny{color:#2563eb;background:#3b82f626}.tag-owner.niklus{color:#059669;background:#10b98126}@media (width<=768px){.metric-row{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}.chart-card{padding:16px 12px}.metric-card{padding:14px}.metric-value{font-size:1.5rem}.results-intro{flex-direction:column;align-items:flex-start;gap:16px}.log-result-btn{border-radius:12px;justify-content:center;width:100%;padding:14px 20px;font-size:14px}}.practice-hub{max-width:1200px;margin:0 auto;padding:24px}.practice-header{margin-bottom:40px}.practice-header h1{color:var(--ink);margin:8px 0;font-family:Fraunces,serif;font-size:2.5rem}.practice-empty{text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:16px;padding:80px 24px}.empty-icon{margin-bottom:16px;font-size:4rem}.practice-mode-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}.practice-mode-card{background:var(--paper);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:16px;padding:32px 24px;transition:all .2s;box-shadow:0 2px 8px #00000008}.practice-mode-card:hover:not(.disabled){border-color:var(--teal);transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.practice-mode-card.disabled{opacity:.6;cursor:not-allowed;background:var(--canvas)}.practice-mode-icon{margin-bottom:16px;font-size:3rem}.practice-mode-card h3{color:var(--ink);margin:0 0 8px;font-family:Fraunces,serif;font-size:1.25rem}.practice-mode-card p{color:var(--muted);margin:0;font-size:.95rem}.disabled-note{color:var(--coral);margin-top:16px;font-size:.85rem;font-weight:700;display:block}.recent-quizzes h2{margin-bottom:16px;font-family:Fraunces,serif}.recent-quiz-item{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;padding:16px;display:flex}.recent-quiz-item:first-child{border-top:1px solid var(--line)}.quiz-runner{max-width:800px;margin:0 auto;padding:24px}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cancel-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-weight:700}.cancel-btn:hover{color:var(--coral)}.question-counter,.quiz-timer{color:var(--ink);font-weight:700}.quiz-progress-bg{background:var(--line);border-radius:3px;height:6px;margin-bottom:48px;overflow:hidden}.quiz-progress-bar{background:var(--teal);height:100%;transition:width .3s}.quiz-content{text-align:center}.quiz-prompt{color:var(--ink);margin-bottom:48px;font-family:Fraunces,serif;font-size:2.5rem}.quiz-options{grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto;display:grid}.quiz-option{background:var(--paper);border:2px solid var(--line);cursor:pointer;border-radius:12px;padding:20px;font-size:1.1rem;transition:all .2s}.quiz-option:hover:not(:disabled){border-color:var(--teal);background:#2ec4b60d}.quiz-option.correct{background:var(--teal);color:#fff;border-color:var(--teal)}.quiz-option.wrong{background:var(--coral);color:#fff;border-color:var(--coral)}.quiz-option.selected{border-color:var(--ink)}.quiz-spelling-area{max-width:400px;margin:0 auto}.spelling-hint{color:var(--muted);margin-bottom:24px}.quiz-spelling-input-group{gap:12px;display:flex}.quiz-spelling-input{border:2px solid var(--line);text-align:center;border-radius:8px;flex-grow:1;padding:16px;font-size:1.2rem}.quiz-spelling-input:focus{border-color:var(--teal);outline:none}.quiz-feedback{margin-top:32px;font-size:1.25rem;font-weight:700;animation:.3s popIn}.quiz-feedback.correct{color:var(--teal)}.quiz-feedback.wrong{color:var(--coral)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.match-game{grid-template-columns:1fr 1fr;gap:48px;max-width:800px;margin:0 auto;display:grid}.match-column{flex-direction:column;gap:16px;display:flex}.match-column h3{text-align:center;color:var(--muted);margin-bottom:8px}.match-item{background:var(--paper);border:2px solid var(--line);cursor:pointer;border-radius:12px;padding:20px;font-size:1.1rem;transition:all .2s}.match-item:hover:not(:disabled){border-color:var(--teal)}.match-item.selected{border-color:var(--teal);background:#2ec4b61a;transform:scale(1.02)}.match-item.matched{background:var(--teal);color:#fff;border-color:var(--teal);opacity:.8;cursor:default}.match-item.wrong{border-color:var(--coral);background:#ef476f1a;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-result-wrapper{justify-content:center;align-items:center;min-height:60vh;display:flex}.quiz-result.card{background:var(--paper);text-align:center;border-radius:24px;width:100%;max-width:500px;padding:48px;box-shadow:0 10px 40px #0000001a}.celebration-emoji{margin-bottom:16px;font-size:4rem}.result-score{margin:24px 0;font-family:Fraunces,serif;font-size:4rem}.result-score.great{color:var(--teal)}.result-score.okay{color:var(--yellow)}.result-score.poor{color:var(--coral)}.result-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;padding:24px 0;display:grid}.stat{flex-direction:column;display:flex}.stat .label{color:var(--muted);margin-bottom:4px;font-size:.9rem}.stat .value{color:var(--ink);font-size:1.2rem;font-weight:700}.result-wrong-words{text-align:left;background:var(--canvas);border-radius:12px;margin-bottom:32px;padding:16px}.result-wrong-words h3{margin:0 0 12px;font-size:1rem}.result-wrong-words ul{margin:0;padding-left:20px}.result-wrong-words li{margin-bottom:8px}@media (width<=768px){.practice-mode-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.practice-mode-card{padding:20px 16px}.practice-mode-icon{margin-bottom:10px;font-size:2rem}.practice-mode-card h3{font-size:1rem}.practice-mode-card p{font-size:.85rem}.quiz-runner{padding:16px}.quiz-prompt{margin-bottom:28px;font-size:1.6rem}.quiz-options{grid-template-columns:1fr;gap:12px}.quiz-option{padding:16px;font-size:1rem}.match-game{grid-template-columns:1fr;gap:24px}.match-item{padding:14px 16px;font-size:1rem}.quiz-result.card{padding:28px 20px}.result-score{font-size:3rem}.recent-quiz-item{flex-wrap:wrap;gap:8px;padding:12px}.quiz-spelling-input-group{flex-direction:column}}@media (width<=480px){.practice-mode-grid{grid-template-columns:1fr}.result-details{grid-template-columns:repeat(3,1fr);gap:8px}.practice-empty{padding:48px 16px}}.vocabulary-view{max-width:1200px;margin:0 auto;padding:24px}.vocabulary-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1px;color:var(--teal);text-transform:uppercase;font-size:.85rem;font-weight:700}.vocabulary-header h1{color:var(--ink);margin:8px 0;font-family:Fraunces,serif;font-size:2.5rem}.primary-btn,.btn-primary{background-color:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.primary-btn:hover,.btn-primary:hover{background-color:var(--teal);transform:translateY(-1px)}.vocab-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.vocab-stat{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:flex-start;padding:24px;display:flex;box-shadow:0 2px 4px #00000005}.stat-number{color:var(--teal);margin-bottom:4px;font-family:Fraunces,serif;font-size:2rem}.stat-label{color:var(--muted);font-size:.9rem;font-weight:500}.vocab-filters{margin-bottom:24px}.member-filter{gap:8px;display:flex}.filter-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-weight:500;transition:all .2s}.filter-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.vocab-day-group{margin-bottom:40px}.vocab-day-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:8px;display:flex}.vocab-day-header h3{color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:1.25rem}.count-badge{background:var(--canvas);color:var(--muted);border-radius:12px;padding:2px 8px;font-size:.85rem;font-weight:600}.vocab-word-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.word-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000a}.word-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.word-card.learned{border-left:4px solid var(--teal);background:#2ec4b605}.word-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.word-owner{align-items:center;gap:8px;display:flex}.avatar{background:var(--coral-light);width:24px;height:24px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.owner-name{color:var(--muted);font-size:.85rem}.learned-badge{color:var(--teal);background:#2ec4b61a;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.word-content{flex-grow:1}.word-term{color:var(--ink);margin:0 0 8px;font-family:Fraunces,serif;font-size:1.5rem}.word-meaning{color:var(--ink);margin:0 0 12px;font-size:1rem}.word-example{color:var(--muted);margin:0 0 16px;font-size:.95rem;font-style:italic}.word-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.toggle-learned-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600}.toggle-learned-btn:hover,.toggle-learned-btn.is-learned{color:var(--teal)}.delete-word-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem}.delete-word-btn:hover{color:var(--coral)}.modal-container{background:var(--paper);border-radius:16px;width:100%;max-width:500px;padding:32px;box-shadow:0 10px 40px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:1.8rem}.close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.5rem}.adder-info{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:16px;font-size:.9rem;display:flex}.adder-info .avatar.small{width:20px;height:20px;font-size:.7rem}.form-group label{color:var(--ink);margin-bottom:8px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--line);border-radius:8px;width:100%;padding:12px;font-family:DM Sans,sans-serif;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 2px #2ec4b61a}.form-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.btn-secondary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600}.btn-secondary:hover{background:var(--canvas)}.empty-state{text-align:center;background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:64px 24px;font-size:1.1rem}@media (width<=1024px){.vocab-stats,.vocab-word-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.vocab-stats,.vocab-word-grid{grid-template-columns:1fr}.vocabulary-header{flex-direction:column;align-items:flex-start;gap:16px}}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--paper);border-radius:12px;width:90%;max-width:500px;padding:2rem;box-shadow:0 10px 30px #0000001a}.modal-header{flex-direction:column;margin-bottom:1.5rem;display:flex;position:relative}.modal-header h2{margin:.5rem 0 0;font-family:Fraunces,serif;font-size:1.75rem}.close-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.5rem;position:absolute;top:0;right:0}.form-group{margin-bottom:1rem}.form-group label{color:var(--ink);margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:block}.form-input{border:1px solid var(--line);border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.btn-secondary{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:.75rem 1.5rem;font-weight:600}.task-manager{background:var(--paper);border:1px solid var(--line);z-index:100;border-radius:12px;width:320px;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 4px 20px #00000014}.task-manager-header{background:var(--canvas);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem;display:flex}.task-manager-heading{flex-direction:column;display:flex}.task-manager-heading h3{margin:0;font-size:1rem}.add-btn{background:var(--ink);color:var(--paper);cursor:pointer;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.task-list{max-height:300px;padding:.5rem 0;overflow-y:auto}.manager-task{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.manager-task:last-child{border-bottom:none}.task-info{flex-grow:1}.manager-actions{gap:.5rem;display:flex}.manager-actions button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.manager-actions button:hover{text-decoration:underline}.task-manager-empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.875rem}@media (width<=768px){.task-manager{border-radius:12px 12px 0 0;width:100%;bottom:0;right:0}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:90vh;padding:1.5rem 1.25rem 2rem;overflow-y:auto}}.login-container{background:var(--canvas);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-brand{color:var(--ink);align-items:center;gap:12px;font-family:Fraunces,serif;font-size:20px;font-weight:600;display:flex;position:absolute;top:32px;left:40px}.login-brand .brand-mark{background:var(--ink);width:40px;height:40px;color:var(--paper);border-radius:10px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;display:flex}.login-content{text-align:center;width:100%;max-width:600px}.login-content h1{color:var(--ink);margin-bottom:12px;font-family:Fraunces,serif;font-size:clamp(1.8rem,6vw,3rem)}.login-content p{color:var(--muted);margin-bottom:36px;font-size:clamp(1rem,3vw,1.25rem)}.profiles-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.profile-card{background:var(--paper);cursor:pointer;border:2px solid #0000;border-radius:24px;flex-direction:column;flex:1;align-items:center;min-width:180px;max-width:260px;padding:36px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #0000000d}.profile-card:hover{border-color:var(--coral);transform:translateY(-8px);box-shadow:0 20px 40px #e56d5326}.profile-card:hover .profile-avatar{transform:scale(1.05)}.profile-avatar{width:100px;height:100px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:40px;font-weight:700;transition:transform .3s;display:flex}.avatar-j{background:var(--blue)}.avatar-n{background:var(--coral)}.profile-card h2{color:var(--ink);margin:0;font-size:1.4rem}.fade-in{animation:.8s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-animation-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex}.image-wrapper{perspective:1000px;border-radius:32px;width:min(360px,80vw);height:min(360px,80vw);overflow:hidden;box-shadow:0 30px 60px #0003}.welcome-image{object-fit:cover;width:100%;height:100%}.johnny-entrance{animation:1.5s cubic-bezier(.175,.885,.32,1.275) forwards swooshIn}@keyframes swooshIn{0%{opacity:0;transform:scale(.5)rotate(-15deg)translateY(100px)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}.welcome-text{color:var(--ink);margin:0;padding:0 16px;font-family:Fraunces,serif;font-size:clamp(1.6rem,5vw,3rem)}.fade-in-up{opacity:0;animation:.8s .5s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.login-brand{justify-content:center;margin-bottom:32px;font-size:18px;position:static}.login-container{justify-content:flex-start;padding-top:40px}.profiles-grid{gap:16px}.profile-card{min-width:140px;padding:28px 20px}.profile-avatar{width:80px;height:80px;margin-bottom:14px;font-size:32px}.profile-card h2{font-size:1.1rem}}:root{--ink:#24252c;--muted:#7d7e84;--line:#e8e5de;--paper:#fffefa;--canvas:#f6f5f1;--coral:#e56d53;--coral-light:#f7ded6;--teal:#3d9e93;--blue:#698bbd;--yellow:#eab653;--purple:#9e83b7;--navy:#252c3c}[data-theme=dark]{--ink:#f6f5f1;--muted:#a0a0a3;--line:#3f4045;--paper:#1c1d22;--canvas:#121214;--coral:#e56d53;--coral-light:#52271d;--teal:#49c5b6;--blue:#82a8e3;--yellow:#f8c96c;--purple:#b999d6;--navy:#43516c}.app-shell{background:var(--canvas);min-height:100vh;display:flex}.main-content{flex:1;min-width:0}.page-content{max-width:1260px;margin:0 auto;padding:43px 42px 70px}.eyebrow{color:#a0a0a3;letter-spacing:1.4px;margin:0 0 9px;font-size:9px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.8px;font-family:Fraunces,Georgia,serif;font-weight:500}h1{color:var(--ink);margin-bottom:9px;font-size:clamp(30px,3.1vw,43px);line-height:1.1}h1 span{color:var(--coral);vertical-align:5px;font-family:DM Sans,sans-serif;font-size:24px}h2{color:var(--ink);margin-bottom:6px;font-size:23px;line-height:1.1}h3{font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:500}.subheading{color:#85858a;font-size:13px}.button-primary{background:var(--coral);color:#fff;border:0;border-radius:6px;padding:12px 17px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button-primary:hover{background:#ce5d48;transform:translateY(-1px)}.button-primary span{vertical-align:-2px;margin-right:5px;font-size:18px;line-height:0}.text-button{color:var(--coral);background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.text-button span{vertical-align:-2px;margin-left:5px;font-size:17px}.empty-copy{color:#9b999c;margin:18px 0;font-size:11px;line-height:1.6}.view-section{animation:.35s both enter}.view-intro{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.view-intro h1{margin-bottom:7px}@media (width<=1050px){.page-content{padding-left:28px;padding-right:28px}}@media (width<=768px){.app-shell{display:block}.page-content{padding:20px 16px 90px}.view-intro{align-items:flex-start;display:block}.view-intro .button-primary{margin-top:12px}h1{font-size:clamp(24px,6vw,36px)}}@media (width<=430px){.page-content{padding-bottom:90px;padding-left:12px;padding-right:12px}.button-primary{padding:10px 12px;font-size:11px}}