:root{font-family:Iowan Old Style,Palatino Linotype,serif;color:#e7ecf3}:root,html,body,#root{min-height:100%}html,body,#root{background-color:#0b1020;background-image:radial-gradient(circle at top,rgba(65,106,255,.18),transparent 32%),radial-gradient(circle at bottom left,rgba(30,178,138,.12),transparent 28%),linear-gradient(180deg,#0b1020,#0f1728 48%,#111827);background-attachment:fixed}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root{min-height:100vh}.shell{min-height:100vh;padding:24px}.panel{max-width:1120px;margin:0 auto;padding:32px;border:1px solid rgba(154,169,196,.14);border-radius:28px;background:#0d1221c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 80px #0206177a}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.header-actions{display:grid;gap:14px;justify-items:end}.brand-block{display:grid;gap:6px}.brand-block h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:.95}.menu{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.session-pill{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:18px;background:#141c30d1;border:1px solid rgba(154,169,196,.14)}.session-pill strong,.session-pill span{display:block}.session-pill span{font-size:.85rem;color:#cdd9ebad}.menu-link{padding:10px 16px;border-radius:999px;border:1px solid rgba(154,169,196,.16);background:#141c30b3;color:#e2e9f5d6;transition:background-color .16s ease,color .16s ease,transform .16s ease}.menu-link:hover{background:#253454e6;transform:translateY(-1px)}.menu-link-active{background:linear-gradient(135deg,#2954ff,#1eb28a);color:#f8fbff}.page-shell{display:grid;gap:20px}.auth-shell{display:grid;place-items:center}.auth-card{width:min(100%,460px);display:grid;gap:18px;padding:32px;border-radius:28px;background:radial-gradient(circle at top left,rgba(65,106,255,.26),transparent 38%),#0c1222f0;border:1px solid rgba(154,169,196,.14);box-shadow:0 24px 80px #02061785}.auth-card h1,.auth-card p{margin:0}.auth-form{display:grid;gap:14px}.auth-submit{justify-self:start}.hero{display:grid;gap:24px}.eyebrow{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:#84a9ff}.hero h1{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:.94}.hero p{max-width:44rem;margin:0;font-size:1.1rem;line-height:1.6}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:32px}.card{padding:20px;border-radius:22px;background:#111827eb;border:1px solid rgba(154,169,196,.12)}.card h2,.card h3{margin:0 0 8px;font-size:1.15rem}.card p{margin:0;color:#d7e0eec2;line-height:1.5}.skills-shell{display:grid;gap:20px;margin-top:24px}.activities-shell,.statistics-shell,.pomodoro-shell{display:grid;gap:20px;margin-top:12px}.stats-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.stats-meta span{padding:6px 10px;border-radius:999px;background:#202e4ce6;color:#d7e0ee;white-space:nowrap}.pomodoro-status{display:grid;gap:14px}.status-pill{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#111827eb;border:1px solid rgba(154,169,196,.12)}.timer-hero{position:relative;display:grid;gap:8px;padding:20px 22px;border-radius:22px;background:radial-gradient(circle at top left,rgba(104,132,255,.5),transparent 42%),linear-gradient(135deg,#16213b,#12263c 52%,#13382e);color:#f8fbff;border:1px solid rgba(154,169,196,.14)}.timer-meta-corner{position:absolute;top:16px;right:16px;display:grid;gap:2px;justify-items:end;font-size:.82rem;color:#eaf0ffb8}.timer-meta-corner-left{left:16px;right:auto;justify-items:start}.timer-meta-corner strong{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.timer-hero-label{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#eaf0ffad}.timer-hero-value{font-size:clamp(2.8rem,7vw,5rem);line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-top:18px}.timer-hero-value-overrun{color:#ffd1b3}.type-selector{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid rgba(154,169,196,.14);border-radius:999px;padding:8px 12px;background:#141c30d1;color:#dfe7f5;cursor:pointer}.chip-active{background:linear-gradient(135deg,#2954ffe0,#1eb28ad1);color:#f8fbff}.skills-header{display:grid;gap:10px;align-items:end;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.skills-header h2,.form-card h3,.list-card h3{margin:0}.skills-header p{margin:0;max-width:none}.skills-grid{display:grid;gap:18px;grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.form-card,.list-card{padding:22px;border-radius:24px;background:#0f172af0;border:1px solid rgba(154,169,196,.12)}.form-card{display:grid;gap:16px;align-content:start}.field{display:grid;gap:8px}.field span{font-size:.9rem;color:#9fb2ce}.field-error{font-size:.85rem;color:#ff8f7a}.detail-error{margin-right:auto}.field input,.field select,.skill-edit input,.skill-edit select{width:100%;padding:11px 14px;border:1px solid rgba(154,169,196,.18);border-radius:14px;background:#080d19eb;color:#edf3ff}.muted-copy{margin:0;color:#c9d4e6b8;line-height:1.5}.timer-draft{display:grid;gap:14px}.draft-status{margin:0;color:#c9d4e6b8}.button-primary,.button-secondary,.button-ghost{border:0;border-radius:999px;padding:11px 16px;cursor:pointer}.button-primary{background:linear-gradient(135deg,#2954ff,#1eb28a);color:#f8fbff}.button-secondary{background:#213152eb;color:#ebf2ff}.button-danger{color:#ff8f7a}.button-ghost{background:transparent;color:#9fb2ce}.task-textarea{min-height:140px;padding:12px 14px;border:1px solid rgba(154,169,196,.18);border-radius:14px;background:#080d19eb;color:#edf3ff;resize:vertical;font:inherit}.drafts-card{display:grid;gap:16px;padding:22px;border-radius:24px;background:#0f172af0;border:1px solid rgba(154,169,196,.12);align-content:start}.drafts-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.drafts-compose input{width:100%;padding:12px 14px;border:1px solid rgba(154,169,196,.18);border-radius:16px;background:#080d19eb;color:#edf3ff}.drafts-list{display:grid;gap:8px}.draft-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:0;background:#111827eb;border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer}.draft-row-bullet{width:14px;height:14px;border-radius:999px;border:1.5px solid rgba(162,180,208,.5)}.draft-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf3ff}.draft-row-meta,.task-card-meta{display:flex;gap:8px;flex-wrap:wrap}.task-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 8px;border-radius:999px;background:#213152eb;color:#dfe7f5;font-size:.8rem}.board-shell{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.board-column{display:grid;gap:14px;padding:18px;border-radius:24px;background:#0f172ad1;border:1px solid rgba(154,169,196,.12);align-content:start;min-height:440px}.board-column-header{display:flex;justify-content:space-between;align-items:center}.board-column-header h3{margin:0}.board-column-header span{min-width:2rem;padding:6px 10px;border-radius:999px;background:#213152eb;text-align:center}.board-column-list{display:grid;gap:10px}.task-card{display:grid;gap:10px;border:0;border-radius:18px;padding:14px;background:#111827f0;text-align:left;cursor:grab;box-shadow:0 14px 28px #02061747}.task-card strong{font-size:.98rem;line-height:1.35}.task-detail-backdrop{position:fixed;inset:0;background:#020617ad;display:flex;justify-content:flex-end;padding:24px;z-index:20}.task-detail{width:min(520px,100%);height:100%;overflow:auto;border-radius:28px;background:#0f172a;box-shadow:0 24px 72px #02061794;padding:24px;display:grid;gap:18px}.task-detail-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.task-detail-header h3{margin:0}.task-detail-form{display:grid;gap:16px}.checklist-editor{display:grid;gap:12px;padding:18px;border-radius:20px;background:#152038c7}.checklist-list{display:grid;gap:10px}.checklist-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.checklist-row input[type=text],.checklist-row input:not([type]){width:100%}.task-ai-box{display:grid;gap:10px;padding:18px;border-radius:20px;background:#1d2f4d8f}.delete-confirm-box{display:grid;gap:10px;padding:16px 18px;border-radius:18px;background:#7f2b2b2e;border:1px solid rgba(255,143,122,.24)}.suggestion-summary{display:grid;gap:8px}.suggestion-confidence{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:600}.suggestion-confidence-low{background:#7f2b2b47;color:#ff9e8d}.suggestion-confidence-medium{background:#6d592157;color:#ffd789}.suggestion-confidence-high{background:#1863544d;color:#7ee7c6}.list-card{display:grid;gap:14px}.list-card-header{display:flex;justify-content:space-between;align-items:center}.list-card-header span{min-width:2rem;padding:6px 10px;border-radius:999px;background:#213152eb;text-align:center}.skill-list{display:grid;gap:12px}.skill-row{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;border:1px solid rgba(154,169,196,.12);background:#111827f0}.skill-row p{margin:4px 0 0;font-size:.95rem}.skill-edit{display:grid;gap:10px;width:100%}.row-actions{display:flex;gap:8px;align-items:start;justify-content:flex-end;flex-wrap:wrap}.archive-strip{padding:14px 18px;border-radius:18px;background:#213152d1;color:#dfe7f5}@media(max-width:640px){.shell{padding:14px}.panel{padding:22px;border-radius:22px}}@media(max-width:860px){.app-header{align-items:start;flex-direction:column}.header-actions{width:100%;justify-items:start}.menu{justify-content:start}.session-pill{justify-content:space-between}.skills-header,.skills-grid,.board-shell,.skill-row{grid-template-columns:1fr;display:grid}.skill-row{justify-content:stretch}.timer-meta-corner{position:static;justify-items:start;margin-bottom:10px}.timer-meta-corner-left{justify-items:start}.task-detail-backdrop{padding:12px}}@media(max-width:640px){.session-pill{width:100%;flex-direction:column;align-items:start}}