.bg-decorations{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-element{-webkit-user-select:none;user-select:none;opacity:.15;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s;display:flex;position:absolute}.floating-quote{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-size:.7rem;font-weight:800;font-family:var(--font-mono);background:#fffc;border-radius:4px;padding:2px 6px}.floating-icon{color:var(--primary);filter:drop-shadow(0 2px 4px #0000001a)}@keyframes float-slow{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-40px)rotate(10deg)}66%{transform:translate(-20px,-60px)rotate(-10deg)}}@keyframes float-reverse{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-40px,50px)rotate(-15deg)}}.f-1{animation:25s ease-in-out infinite float-slow;top:15%;left:10%}.f-2{animation:30s ease-in-out infinite float-reverse;top:20%;right:15%;color:var(--accent)!important}.f-3{animation:22s ease-in-out infinite float-slow;bottom:20%;left:15%;color:var(--success)!important}.f-4{animation:28s ease-in-out infinite float-reverse;bottom:25%;right:10%;color:var(--danger)!important}.f-5{opacity:.08;animation:35s ease-in-out infinite float-slow;top:45%;left:45%}.f-6{animation:32s ease-in-out infinite float-reverse;top:10%;left:50%}.f-7{animation:27s ease-in-out infinite float-slow;bottom:10%;left:40%}.f-8{animation:24s ease-in-out infinite float-reverse;top:60%;right:20%}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#2563eb1a;--secondary:#64748b;--background:#fdfdfd;--surface:#ffffffd9;--surface-solid:#fff;--text:#0f172a;--text-muted:#475569;--border:#e2e8f0;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--code-bg:#1e293b;--code-text:#e2e8f0;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:12px;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);background-image:linear-gradient(var(--border) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--border) 1.5px, transparent 1.5px);background-size:40px 40px;background-attachment:fixed;font-family:Inter,-apple-system,sans-serif;line-height:1.6}.app-layout{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.card{-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius);background:#ffffffb3;border:1px solid #ffffff80;padding:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005,inset 0 0 0 1px #fff6}.card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb33;transform:translateY(-2px)}.badge{background:var(--primary);color:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.code-snippet{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius);font-family:var(--font-mono);padding:1rem;font-size:.9rem;line-height:1.7;overflow-x:auto}.btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .2s,opacity .2s;display:inline-flex}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--background);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-success{background:var(--success)}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:.25rem;transition:color .2s,background .2s;display:flex}.btn-icon:hover{color:var(--text);background:var(--background)}.app-layout{min-height:100vh;display:flex}.nav-sidebar{background:var(--code-bg);color:#fff;z-index:10;flex-direction:column;width:260px;height:100vh;padding:2rem 0;display:flex;position:fixed}.nav-logo{color:var(--primary);letter-spacing:-.025em;padding:0 1.5rem 2rem;font-size:1.5rem;font-weight:800}.nav-links{flex-direction:column;gap:.25rem;display:flex}.nav-item{color:#94a3b8;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;border-left-color:var(--primary);background:#2563eb26}.app-content{background:var(--background);flex:1;margin-left:260px;padding:2rem 3rem}.loading{height:50vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.page-dashboard{max-width:100%}.dashboard-header{border-bottom:2px solid var(--border);margin-bottom:1.75rem;padding-bottom:1.25rem}.dashboard-header h1{background:linear-gradient(135deg, var(--text) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.subtitle{color:var(--text-muted);margin-top:.25rem;font-size:1.1rem}.section-title{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;display:flex}.section-title:before{content:"";background:var(--primary);border-radius:2px;width:4px;height:1.2em}.roadmap-timeline{margin-bottom:3rem;padding-left:0;position:relative}.roadmap-stop{grid-template-columns:48px 1fr;gap:1rem;display:grid;position:relative}.roadmap-track{flex-direction:column;align-items:center;display:flex;position:relative}.roadmap-dot{background:var(--year-color,var(--primary));border:3px solid var(--surface);width:20px;height:20px;box-shadow:0 0 0 3px var(--year-color,var(--primary)), 0 2px 8px #00000026;z-index:2;border-radius:50%;flex-shrink:0;margin-top:1.25rem}.roadmap-line{background:linear-gradient(to bottom, var(--year-color,var(--primary)), var(--border));border-radius:2px;flex:1;width:3px;margin-top:4px}.roadmap-card{border-left:3px solid var(--year-color,var(--primary));flex-direction:column;margin-bottom:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.roadmap-card:hover{transform:translate(4px);box-shadow:0 6px 20px -4px #0000001a}.roadmap-card-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.year-badge{background:var(--year-color,var(--primary));color:#fff;white-space:nowrap;box-shadow:0 2px 6px color-mix(in srgb, var(--year-color,var(--primary)) 35%, transparent);border-radius:4px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.roadmap-card-header h3{margin-bottom:0;font-size:1.05rem}.milestone{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.sprint-list{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.35rem 1rem;margin-top:auto;padding-top:.75rem;display:grid}.sprint-item{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.icon-success{color:var(--success);flex-shrink:0}.roadmap-finish{align-items:center;gap:.75rem;margin-top:.5rem;padding-left:8px;display:flex}.roadmap-finish-flag{background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex;box-shadow:0 2px 10px #ef44444d}.roadmap-finish span{background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700}@media (width<=640px){.roadmap-stop{grid-template-columns:36px 1fr;gap:.75rem}.sprint-list{grid-template-columns:1fr}}.quick-actions{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.action-card{border-left:4px solid var(--border);transition:transform .2s,box-shadow .2s}.action-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001a}.action-card h3{font-size:1.05rem}.action-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.action-card.primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border:none}.action-card.primary h3{color:#fff}.action-card.primary p{color:#ffffffe6}.action-card.primary .btn{color:var(--primary);background:#fff}.action-card.primary .btn:hover{background:#f0f0f0}.action-card.action-library{border-left-color:#10b981}.action-card.action-reading{border-left-color:#3b82f6}.action-card.action-arena{border-left-color:#ec4899}.examples-section{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.examples-section h3{color:var(--text);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.examples-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.example-theme-tag{text-transform:uppercase;color:var(--accent);letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:inline-block}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.example-card{cursor:pointer;text-align:left;border:1px solid var(--border);background:#fff;transition:all .2s}.example-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.example-card strong{color:var(--primary);margin-bottom:.5rem;font-size:1.05rem;display:block}.example-card p{color:var(--text-muted);font-size:.85rem;line-height:1.5}.syntax-grid{grid-template-columns:350px 1fr;gap:2rem;display:grid}.petal-flow{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.petal-instruction{gap:1rem;display:flex}.petal-key{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.petal-instruction p{color:var(--text-muted);font-size:.85rem}.builder-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.builder-header h3{margin-bottom:0}.builder-card textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;min-height:80px;padding:.75rem;font-family:inherit;transition:border-color .2s}.builder-card textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb26}.input-group{gap:1rem;margin:1.5rem 0;display:grid}.field label{text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem;font-weight:600;display:block}.output-preview{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.output-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.output-header h4{align-items:center;gap:.5rem;margin:0;display:flex}.preview-word-count{color:var(--text-muted);text-align:right;margin-top:.75rem;font-size:.85rem}.library-layout{grid-template-columns:260px 1fr;gap:2rem;min-width:0;display:grid}.theme-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.theme-btn{text-align:left;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);background:#fff;padding:.75rem 1rem;font-weight:500;transition:all .2s}.theme-btn:hover,.theme-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.theme-desc{color:var(--text-muted);margin:.5rem 0 2rem;font-size:1.1rem}.content-grid{gap:2.5rem;display:grid}.idea-list{gap:1rem;margin-top:1rem;list-style:none;display:grid}.idea-list li{background:var(--background);border-left:4px solid var(--primary);border-radius:4px;padding:1rem;font-size:.95rem}.quotes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.quotes-header h3{margin-bottom:0}.quote-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.quote-search input{background:0 0;border:none;outline:none;width:220px;font-family:inherit;font-size:.85rem}.quote-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.quote-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.quote-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.quote-text{margin-bottom:1rem;font-size:1.1rem;font-style:italic;font-weight:600}.quote-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.quote-source{color:var(--text-muted);font-size:.85rem;font-style:italic}.quote-analysis{color:var(--text-muted);font-size:.9rem;line-height:1.6}.no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:2rem}.library-layout .theme-selector{min-width:0;max-height:calc(100vh - 6rem);position:sticky;top:2rem;overflow-y:auto}.fav-count-badge{background:var(--accent);color:#fff;border-radius:9999px;margin-left:auto;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.technique-filter-list{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.technique-filter-btn{text-align:left;border:1px solid var(--border);cursor:pointer;color:var(--text-muted);white-space:nowrap;background:#fff;border-radius:9999px;padding:.3rem .55rem;font-size:.7rem;font-weight:500;transition:all .15s}.technique-filter-btn:hover{background:var(--background);color:var(--text)}.technique-filter-btn.active{background:var(--primary);color:#fff}.idea-confidence-counter{color:var(--success);font-size:.8rem;font-weight:600}.idea-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.idea-item:hover{border-left-color:var(--success)}.idea-item.idea-confident{border-left-color:var(--success);background:#10b9810f}.idea-content{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.idea-check-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;display:flex}.quotes-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.test-me-controls{gap:.5rem;display:flex}.quote-card-fav{border-color:var(--accent);box-shadow:0 0 0 1px #f59e0b26}.quote-actions{flex-shrink:0;gap:.25rem;display:flex}.fav-active{color:var(--accent)!important}.badge-clickable{cursor:pointer;transition:all .15s}.badge-clickable:hover{opacity:.85;transform:scale(1.05)}.badge-hidden{background:var(--text-muted);cursor:pointer;animation:2s infinite subtlePulse}.badge-hidden:hover{background:var(--primary)}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}.quote-theme-label{color:var(--primary);background:#2563eb14;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.analysis-hidden-box{background:repeating-linear-gradient(-45deg, var(--background), var(--background) 8px, #00000005 8px, #00000005 16px);border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-muted);align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;transition:all .2s;display:flex}.analysis-hidden-box:hover{border-color:var(--primary);color:var(--primary)}.quote-card-footer{border-top:1px solid var(--border);margin-top:1rem;padding-top:.75rem}.note-toggle{align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;padding:.3rem .5rem!important;display:flex!important}.note-toggle.has-note{color:var(--primary)!important}.quote-note-area{margin-top:.75rem;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.note-textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;padding:.75rem;font-family:inherit;font-size:.85rem;line-height:1.5;transition:border-color .2s}.note-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb1a}.note-actions{gap:.5rem;margin-top:.5rem;display:flex}.note-display{border-left:3px solid var(--primary);background:#2563eb0a;border-radius:4px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.note-display p{color:var(--text);margin:0;font-size:.85rem;line-height:1.5}.style-grid{gap:3rem;display:grid}.verb-filters{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.filter-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:#fff;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.style-table{border-collapse:collapse;width:100%;margin-top:.5rem}.style-table th{text-align:left;background:var(--background);text-transform:uppercase;color:var(--secondary);padding:1rem;font-size:.8rem}.style-table td{border-bottom:1px solid var(--border);padding:1rem}.connective-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.connective-item{background:var(--background);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.connective-phrase{color:var(--primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.connective-function{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.connective-example{color:var(--secondary);margin-top:.5rem;font-size:.85rem;font-style:italic;line-height:1.5}.schedule-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.schedule-overview-stats{align-items:center;gap:1rem;display:flex}.overview-stat{align-items:center;gap:.5rem;display:flex}.overview-num{font-size:.95rem;font-weight:800;font-family:var(--font-mono)}.overview-label{color:var(--text-muted);margin-left:.25rem;font-size:.8rem}.overview-progress-bar{background:var(--border);border-radius:4px;width:120px;height:8px;overflow:hidden}.overview-progress-fill{background:linear-gradient(90deg, var(--primary), var(--success));border-radius:4px;height:100%;transition:width .4s}.overview-pct{font-size:.85rem;font-weight:800;font-family:var(--font-mono);color:var(--primary)}.schedule-layout{flex-direction:column;gap:3rem;display:flex}.year-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.year-title{color:var(--primary);border-bottom:none;margin-bottom:0;padding-bottom:0;font-size:1.8rem}.year-progress-info{align-items:center;gap:.75rem;display:flex}.year-progress-text{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.year-progress-bar{background:var(--border);border-radius:3px;width:100px;height:6px;overflow:hidden}.year-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.year-progress-pct{font-size:.8rem;font-weight:700;font-family:var(--font-mono);color:var(--primary)}.year-milestone{color:var(--text-muted);border-bottom:2px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.95rem;display:flex}.sprint-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.sprint-detail-card{flex-direction:column;gap:.75rem;transition:all .25s;display:flex}.sprint-detail-card.sprint-current{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1f, var(--shadow)}.sprint-detail-card.sprint-complete{border-color:var(--success);background:#10b98105}.sprint-header{justify-content:space-between;align-items:center;display:flex}.sprint-header-left{align-items:center;gap:.5rem;display:flex}.quarter-tag{background:var(--accent);color:#fff;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.quarter-tag.quarter-current{background:var(--primary);animation:2s infinite subtlePulse}.current-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.sprint-progress-row{align-items:center;gap:.5rem;display:flex}.sprint-progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.sprint-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.sprint-progress-fill.complete{background:var(--success)}.sprint-progress-text{font-size:.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.deliverable-box{background:var(--background);border-radius:var(--radius);color:var(--text-muted);gap:.5rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.4;display:flex}.icon-accent{color:var(--accent)}.sprint-expand-btn{justify-content:center;width:100%}.sprint-expanded{border-top:1px solid var(--border);flex-direction:column;gap:1rem;padding-top:.75rem;animation:.2s slideDown;display:flex}.sprint-tasks{flex-direction:column;gap:.4rem;display:flex}.sprint-task-item{cursor:pointer;border-radius:4px;align-items:flex-start;gap:.5rem;padding:.5rem;transition:background .15s;display:flex}.sprint-task-item:hover{background:var(--background)}.sprint-task-item.task-done .task-label{color:var(--text-muted);text-decoration:line-through}.task-check-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:0;display:flex}.task-label{color:var(--text);font-size:.85rem;line-height:1.4}.weekly-goal-section{border-radius:var(--radius);background:#f59e0b0a;border:1px solid #f59e0b26;padding:.75rem}.weekly-goal-header{margin-bottom:.5rem}.weekly-goal-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.weekly-goal-edit{flex-direction:column;gap:.5rem;display:flex}.weekly-goal-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.weekly-goal-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb1a}.weekly-goal-actions{gap:.4rem;display:flex}.weekly-goal-display{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.weekly-goal-display p{color:var(--text);margin:0;font-size:.85rem;font-style:italic}.weekly-goal-display-actions{flex-shrink:0;gap:.25rem;display:flex}.sprint-action-row{flex-wrap:wrap;gap:.5rem;display:flex}.practice-header{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;display:flex}.practice-header-right{align-items:center;gap:1.5rem;display:flex}.timer-display{font-size:2.5rem;font-weight:800;font-family:var(--font-mono);color:var(--primary);align-items:center;gap:1rem;display:flex}.timer-display.urgent{color:var(--danger);animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.practice-layout{flex-direction:column;gap:2rem;display:flex}.prompt-card{border-left:6px solid var(--accent)}.prompt-label{color:var(--accent);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.writing-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.practice-textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;min-height:400px;padding:2rem;font-family:inherit;font-size:1.1rem;line-height:1.8;transition:border-color .2s}.practice-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb26}.practice-textarea:disabled{background:var(--background);cursor:not-allowed}.writing-footer{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.writing-footer-left{gap:1rem;display:flex}.word-count-display{align-items:baseline;gap:.25rem;display:flex}.word-count-number{font-size:1.5rem;font-weight:800;font-family:var(--font-mono)}.word-count-label{color:var(--text-muted);font-size:.85rem}.word-count-target{color:var(--text-muted);border-left:1px solid var(--border);margin-left:1rem;padding-left:1rem;font-size:.8rem}.practice-writing-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.practice-writing-grid .writing-area{min-width:0}.writing-header-left{align-items:center;gap:.75rem;display:flex}.petal-scaffold{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);max-height:calc(100vh - 4rem);padding:1.25rem;position:sticky;top:2rem;overflow-y:auto}.scaffold-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.scaffold-header h3{align-items:center;gap:.5rem;margin-bottom:0;font-size:1rem;display:flex}.scaffold-header-actions{gap:.25rem;display:flex}.scaffold-steps{flex-direction:column;gap:.4rem;display:flex}.scaffold-step{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.6rem .75rem;transition:all .2s}.scaffold-step:hover{border-color:var(--primary);background:#2563eb05}.scaffold-step.step-active{border-color:var(--primary);background:#2563eb0a;box-shadow:0 0 0 2px #2563eb14}.scaffold-step.step-filled .step-header{opacity:.7}.step-header{align-items:center;gap:.5rem;display:flex}.step-letter{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.step-label{font-size:.85rem;font-weight:600}.step-check{color:var(--success);margin-left:auto;font-size:.8rem;font-weight:700}.step-expanded{margin-top:.6rem;animation:.15s slideDown}.step-hint{color:var(--text-muted);margin-bottom:.4rem;font-size:.78rem;line-height:1.4}.step-starter{color:var(--accent);align-items:center;gap:.3rem;margin-bottom:.5rem;font-size:.75rem;line-height:1.3;display:flex}.step-starter em{color:var(--text-muted)}.step-textarea{border:1px solid var(--border);resize:vertical;border-left:3px solid;border-radius:4px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;line-height:1.5;transition:border-color .2s}.step-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb14}.scaffold-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;display:flex}.scaffold-word-count{color:var(--text-muted);font-size:.75rem}.scaffold-example-section{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;margin-top:.75rem;padding-top:.75rem;display:flex}.scaffold-example-btn{justify-content:center;width:100%}.scaffold-example-label{color:var(--text-muted);text-align:center;font-size:.72rem;font-style:italic}.practice-writing-grid:not(:has(.petal-scaffold)){grid-template-columns:1fr}.portfolio-section h2{margin-bottom:1.5rem}.empty-portfolio{text-align:center;color:var(--text-muted);padding:3rem}.portfolio-list{flex-direction:column;gap:1.5rem;display:flex}.portfolio-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.portfolio-meta{align-items:center;gap:1rem;display:flex}.portfolio-stat{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.portfolio-prompt{color:var(--text);margin-bottom:1rem;font-size:1rem;font-weight:600}.portfolio-text{white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.page-quote-arena{position:relative}.arena-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.arena-stats-bar{background:var(--surface);border:1px solid var(--border);border-radius:50px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;box-shadow:0 2px 8px #0000000a}.arena-stat-pill{background:var(--background);border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.8rem;font-weight:700;display:flex}.text-danger{color:var(--danger)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.arena-xp-bar-wrap{align-items:center;gap:.5rem;display:flex}.arena-xp-bar{background:var(--border);border-radius:4px;width:120px;height:8px;overflow:hidden}.arena-xp-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;height:100%;transition:width .4s}.arena-xp-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem;font-weight:600}.xp-popup{background:var(--primary);color:#fff;border-radius:var(--radius);z-index:100;pointer-events:none;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:800;animation:1.2s forwards xpSlide;position:fixed;top:2rem;right:2rem}@keyframes xpSlide{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.level-up-popup{background:linear-gradient(135deg, var(--accent), #f97316);color:#fff;z-index:101;border-radius:16px;align-items:center;gap:.75rem;padding:1.5rem 3rem;font-size:1.5rem;font-weight:800;animation:2s forwards levelBounce;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #f59e0b4d}@keyframes levelBounce{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}50%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.arena-menu{margin-top:1.5rem}@media (width<=700px){.arena-modes-grid{grid-template-columns:1fr}}.arena-mode-card{background:var(--surface);border:2px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.arena-mode-card:before{content:"";background:var(--border);height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.arena-mode-card:first-child:before{background:var(--primary)}.arena-mode-card:nth-child(2):before{background:var(--accent)}.arena-mode-card:nth-child(3):before{background:var(--success)}.arena-mode-card:nth-child(4):before{background:#8b5cf6}.arena-mode-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.arena-mode-card:first-child:hover{box-shadow:0 12px 32px #2563eb26}.arena-mode-card:nth-child(2):hover{box-shadow:0 12px 32px #f59e0b26}.arena-mode-card:nth-child(3):hover{box-shadow:0 12px 32px #10b98126}.arena-mode-card:nth-child(4):hover{box-shadow:0 12px 32px #8b5cf626}.arena-mode-card h3{margin-bottom:0;font-size:1.15rem}.arena-mode-card p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.5}.mode-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mode-meta{border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.mode-due{font-size:.8rem;font-weight:700}.mode-stat{color:var(--text-muted);font-size:.78rem}.arena-lifetime{border:1px solid var(--border);background:linear-gradient(135deg,#2563eb08,#8b5cf608);margin-top:.5rem}.arena-lifetime h3{font-size:1rem}.lifetime-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}@media (width>=700px){.lifetime-grid{grid-template-columns:repeat(6,1fr)}}.lifetime-stat{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem .5rem}.lifetime-num{color:var(--primary);font-size:1.5rem;font-weight:800;font-family:var(--font-mono);line-height:1;display:block}.lifetime-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:.3rem;font-size:.7rem;font-weight:600;display:block}.flashcard-mode{max-width:640px;margin:2rem auto 0}.flashcard-progress-row{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.flashcard-counter{white-space:nowrap;font-size:.9rem;font-weight:700}.flashcard-progress-bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.flashcard-progress-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .3s}.flashcard{perspective:1000px;cursor:pointer;min-height:320px}.flashcard-inner{width:100%;min-height:320px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--surface);border:2px solid var(--border);text-align:center;width:100%;min-height:320px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:absolute;top:0;left:0}.flashcard-back{text-align:left;align-items:flex-start;gap:1.5rem;transform:rotateY(180deg)}.flashcard-theme-tag{text-transform:uppercase;color:var(--accent);letter-spacing:.08em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.flashcard-quote{color:var(--text);margin-bottom:1rem;font-size:1.3rem;font-style:italic;font-weight:600;line-height:1.6}.flashcard-source{color:var(--text-muted);font-size:.9rem}.flashcard-tap-hint{color:var(--text-muted);opacity:.6;margin-top:1.5rem;font-size:.8rem}.flashcard-back-section{width:100%}.flashcard-back-section label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.flashcard-technique{font-size:.9rem}.flashcard-analysis{color:var(--text);font-size:1rem;line-height:1.7}.flashcard-rating{text-align:center;margin-top:2rem}.flashcard-rating p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.rating-buttons{justify-content:center;gap:1rem;display:flex}.rating-again{background:var(--danger)!important}.rating-again:hover{background:#dc2626!important}.rating-hard{background:var(--accent)!important}.rating-hard:hover{background:#d97706!important}.rating-easy{background:var(--success)!important}.rating-easy:hover{background:#059669!important}.match-mode{margin-top:2rem}.match-header{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.match-timer-display{font-family:var(--font-mono);color:var(--primary);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.match-score-display{align-items:center;gap:1rem;margin-left:auto;font-size:.9rem;font-weight:600;display:flex}.match-errors{color:var(--danger);font-weight:700}.match-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.match-column h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem}.match-item{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:1rem 1.25rem;font-size:.9rem;transition:all .2s;display:flex}.match-item:hover:not(.matched):not(.wrong){border-color:var(--primary);background:#2563eb0a}.match-item.selected{border-color:var(--primary);background:#2563eb14;box-shadow:0 0 0 3px #2563eb26}.match-item.matched{border-color:var(--success);opacity:.6;cursor:default;background:#10b98114}.match-item.wrong{border-color:var(--danger);background:#ef444414;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.match-item-text{flex:1;line-height:1.4}.match-complete{text-align:center;max-width:500px;margin:2rem auto;padding:3rem!important}.match-complete-icon{margin-bottom:1rem}.match-results-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.match-result-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.match-result-num{font-size:2rem;font-weight:800;font-family:var(--font-mono);color:var(--primary)}.match-result-stat span:last-child{color:var(--text-muted);font-size:.85rem}.recall-mode{max-width:700px;margin:2rem auto 0}.recall-prompt{padding:2rem!important}.recall-clues{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.recall-clue{flex-direction:column;gap:.4rem;display:flex}.recall-clue label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:700}.recall-source-text{color:var(--text);font-style:italic;font-weight:600}.recall-analysis-box{background:var(--background);border-left:4px solid var(--primary);border-radius:4px;margin-bottom:1.5rem;padding:1.25rem}.recall-analysis-box label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.recall-analysis-box p{color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.recall-hint{border-radius:var(--radius);color:var(--text);background:#f59e0b14;border:1px solid #f59e0b33;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;font-style:italic;display:flex}.recall-input-area{margin-bottom:1.5rem}.recall-input-area label{margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.recall-textarea{border:2px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;padding:1rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:border-color .2s}.recall-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.recall-textarea:disabled{background:var(--background)}.recall-actions{justify-content:space-between;align-items:center;display:flex}.recall-result{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.recall-score-row{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.recall-score-circle{border:4px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.recall-score-circle span{font-size:1.2rem;font-weight:800;font-family:var(--font-mono)}.recall-score-label{font-size:1.1rem;font-weight:700}.recall-correct-quote{background:var(--background);border-radius:var(--radius);padding:1.25rem}.recall-correct-quote label{text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.recall-correct-quote blockquote{color:var(--text);margin:0;font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.6}.onboarding-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.onboarding-modal{background:var(--surface);border-radius:16px;width:90vw;max-width:600px;max-height:85vh;padding:2rem;animation:.4s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:1rem;right:1rem}.onboarding-close:hover{background:var(--background)}.onboarding-header{text-align:center;margin-bottom:1.5rem}.onboarding-header h2{margin:.5rem 0 .25rem;font-size:1.5rem}.onboarding-header p{color:var(--text-muted);font-size:.95rem}.onboarding-steps{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.onboarding-step{border-radius:var(--radius);cursor:pointer;border:2px solid #0000;align-items:flex-start;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.onboarding-step:hover{background:var(--background)}.onboarding-step.step-active{background:var(--background);border-color:var(--primary)}.onboarding-step.step-done .onboarding-step-icon{color:var(--success)!important}.onboarding-step-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.onboarding-step-content h4{margin:0;font-size:.95rem}.onboarding-step-num{color:var(--text-muted);font-weight:400}.onboarding-step-desc{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem;line-height:1.5;animation:.3s fadeIn}.onboarding-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.onboarding-progress{color:var(--text-muted);font-size:.85rem}.onboarding-footer-actions{gap:.5rem;display:flex}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.workflow-section,.roadmap-section{margin-bottom:2.5rem}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=900px){.workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.workflow-grid{grid-template-columns:1fr}}.workflow-card{text-align:left;cursor:pointer;border:1px solid var(--border);border-top:3px solid var(--card-accent,var(--primary));border-left:none;flex-direction:column;padding:1.25rem 1.25rem 1rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.workflow-card:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--card-accent,var(--primary)) 5%, transparent) 0%, transparent 50%);pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.workflow-card:hover{box-shadow:0 8px 24px -4px color-mix(in srgb, var(--card-accent,var(--primary)) 20%, transparent);border-color:color-mix(in srgb, var(--card-accent,var(--primary)) 30%, var(--border));border-top-color:var(--card-accent,var(--primary));transform:translateY(-4px)}.workflow-step-num{color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem}.workflow-icon{background:color-mix(in srgb, var(--card-accent,var(--primary)) 10%, transparent);z-index:1;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.6rem;display:flex;position:relative}.workflow-card h3{z-index:1;margin-bottom:.3rem;font-size:1rem;position:relative}.workflow-card p{color:var(--text-muted);z-index:1;flex:1;margin-bottom:.6rem;font-size:.82rem;line-height:1.5;position:relative}.workflow-go{z-index:1;align-items:center;gap:.25rem;margin-top:auto;font-size:.85rem;font-weight:600;transition:gap .2s;display:inline-flex;position:relative}.workflow-card:hover .workflow-go{gap:.5rem}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes pulseSuccess{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes confettiSpin{0%{transform:rotate(0)scale(1)}25%{transform:rotate(10deg)scale(1.2)}50%{transform:rotate(-5deg)scale(1.1)}75%{transform:rotate(5deg)scale(1.15)}to{transform:rotate(0)scale(1)}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes streakSlide{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.animate-shake{animation:.5s shakeX}.animate-pulse-success{animation:.5s pulseSuccess}.animate-match-correct{animation:.4s pulseSuccess}.animate-confetti{animation:1s confettiSpin}.animate-xp{animation:1.2s forwards xpFloat}.animate-level-up{animation:.6s bounceIn}.animate-streak{animation:4s forwards streakSlide}.streak-milestone-popup{color:#fff;z-index:1001;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #ef444466}.arena-filters-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.active-filter-tag{background:var(--primary);color:#fff;border-radius:50px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.active-filter-tag button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0;display:flex}.active-filter-tag button:hover{opacity:1}.filter-info{color:var(--text-muted);margin-left:auto;font-size:.8rem}.arena-filter-panel{margin-bottom:1.5rem;padding:1.25rem}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-section>label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.filter-pills{flex-wrap:wrap;gap:.4rem;display:flex}.filter-pill{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:50px;padding:.3rem .75rem;font-size:.8rem;transition:all .15s}.filter-pill:hover{border-color:var(--primary)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.session-summary{text-align:center;max-width:500px;margin:2rem auto;padding:2rem}.session-summary-header{margin-bottom:1.5rem}.session-summary-header h2{margin:.5rem 0 0}.session-summary-grid{justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.summary-stat{flex-direction:column;align-items:center;display:flex}.summary-num{font-size:2rem;font-weight:800;line-height:1}.summary-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.session-summary-msg{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.session-summary-msg.perfect-msg{color:var(--success);font-weight:600}.session-summary-actions{justify-content:center;gap:.75rem;display:flex}.recall-summary-avg{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.recall-avg-num{font-size:3rem;font-weight:800;line-height:1}.recall-avg-label{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.recall-summary-list{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.recall-summary-item{background:var(--background);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.recall-summary-score{min-width:40px;font-size:.9rem;font-weight:800}.recall-summary-quote{color:var(--text-muted);font-size:.85rem;font-style:italic}.analysis-mode{max-width:700px;margin:0 auto}.analysis-prompt{padding:1.5rem}.analysis-quote-box{background:var(--background);border-radius:var(--radius);border-left:4px solid var(--primary);padding:1.5rem}.analysis-quote-text{margin:.75rem 0;font-size:1.1rem;font-style:italic;font-weight:600;line-height:1.5;display:block}.analysis-options{flex-direction:column;gap:.5rem;display:flex}.analysis-option{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.analysis-option:hover:not(:disabled){border-color:var(--primary);background:#2563eb08}.option-letter{background:var(--background);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.option-text{font-size:.9rem;line-height:1.5}.analysis-option.option-correct{border-color:var(--success);background:#10b98114}.analysis-option.option-correct .option-letter{background:var(--success);color:#fff}.analysis-option.option-wrong{border-color:var(--danger);background:#ef444414}.analysis-option.option-wrong .option-letter{background:var(--danger);color:#fff}.analysis-option.option-dimmed{opacity:.5}.analysis-feedback{align-items:center;gap:1rem;display:flex}.analysis-feedback-badge{border-radius:50px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.analysis-feedback-badge.correct{color:var(--success);background:#10b9811a}.analysis-feedback-badge.wrong{color:var(--danger);background:#ef44441a}.arena-modes-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem;display:grid}