@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020209;--bg2: #06080f;--text: rgba(255,255,255,.92);--text-dim: rgba(255,255,255,.45);--text-muted: rgba(255,255,255,.25);--card: rgba(255,255,255,.045);--card-hover: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--border-bright: rgba(255,255,255,.14);--accent: #00d4ff;--accent2: #b400ff;--accent3: #ff0080;--grad: linear-gradient(135deg, #00d4ff, #b400ff);--grad2: linear-gradient(135deg, #b400ff, #ff0080);--success: #00e5a0;--warning: #ffb340;--danger: #ff453a;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--radius-card: 16px;--radius-btn: 10px;--transition: .18s ease;--glow-cyan: 0 0 24px rgba(0,212,255,.18);--glow-purple: 0 0 24px rgba(180,0,255,.18);--glass-shine: inset 0 1px 0 rgba(255,255,255,.07)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 15% 0%,rgba(0,180,255,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 10%,rgba(140,60,255,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(255,0,140,.05) 0%,transparent 60%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.container{width:100%;max-width:660px;margin:0 auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--glass-shine),0 4px 24px #0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card-glow{box-shadow:var(--glass-shine),var(--glow-cyan),0 4px 24px #0006;border-color:#00d4ff33}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-btn);border:none;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;transition:all var(--transition);line-height:1.2;letter-spacing:-.01em;white-space:nowrap}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 2px 16px #00d4ff38}.btn-primary:hover:not(:disabled){box-shadow:0 4px 24px #00d4ff61;transform:translateY(-1px)}.btn-secondary{background:#ffffff12;color:var(--text);border:1px solid var(--border-bright)}.btn-secondary:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff38}.btn-danger{background:#ff453a26;color:var(--danger);border:1px solid rgba(255,69,58,.3)}.btn-danger:hover:not(:disabled){background:#ff453a40}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff0f;color:var(--text);border-color:var(--border-bright)}.btn-lg{padding:20px 28px;font-size:15px;font-weight:600;border-radius:var(--radius-card);width:100%}.session-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px 24px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;transition:all var(--transition);box-shadow:var(--glass-shine),0 4px 20px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left}.session-btn:hover{background:var(--card-hover);transform:translateY(-2px);border-color:#00d4ff40;box-shadow:var(--glass-shine),var(--glow-cyan),0 8px 32px #0006}.session-btn .icon{font-size:28px;margin-bottom:4px}.session-btn .title{font-size:16px;font-weight:600;color:var(--text)}.session-btn .desc{font-size:12px;color:var(--text-dim)}input[type=text],input[type=number],input[type=time],textarea,select{font-family:var(--font);font-size:14px;color:var(--text);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-btn);padding:9px 13px;width:100%;outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none}input[type=text]::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=text]:focus,input[type=number]:focus,input[type=time]:focus,textarea:focus,select:focus{border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14}select option{background:#0f1018;color:var(--text)}textarea{resize:vertical;min-height:80px;line-height:1.55}label{display:block;font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.3);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#0c0e1af5;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;width:100%;max-width:440px;box-shadow:var(--glass-shine),0 24px 64px #0009,var(--glow-purple);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}.modal h2{font-size:18px;font-weight:600;margin-bottom:20px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stack-4>*+*{margin-top:4px}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.stack-16>*+*{margin-top:16px}.stack-20>*+*{margin-top:20px}.row{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.flex-1{flex:1}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.divider{height:1px;background:var(--border);margin:16px 0}.section-label{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.badge-accent{background:#00d4ff1f;color:var(--accent);border:1px solid rgba(0,212,255,.2)}.badge-success{background:#00e5a01f;color:var(--success);border:1px solid rgba(0,229,160,.2)}.badge-warning{background:#ffb3401f;color:var(--warning);border:1px solid rgba(255,179,64,.2)}.timer-display{font-size:80px;font-weight:200;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fffffff2,#ffffff8c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-display.warning{background:linear-gradient(180deg,#ffb340,#ffb34099);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-display.danger{background:linear-gradient(180deg,#ff453a,#ff453a99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stopwatch-display{font-size:52px;font-weight:200;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.phase-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.phase-badge.focus{background:#00d4ff1a;color:var(--accent);border:1px solid rgba(0,212,255,.2)}.phase-badge.break{background:#00e5a01a;color:var(--success);border:1px solid rgba(0,229,160,.2)}.pomo-ring-wrap{display:flex;align-items:center;justify-content:center;margin:8px 0}.check-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.check-item input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--accent);cursor:pointer;border-radius:4px}.check-item.done span{text-decoration:line-through;color:var(--text-muted)}.drag-handle{cursor:grab;color:var(--text-muted);font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}.scrollable{overflow-y:auto;max-height:260px;padding-right:4px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day-header{text-align:center;font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:6px 0}.cal-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;border-radius:8px;position:relative;gap:2px;color:var(--text-dim);transition:background var(--transition)}.cal-day.today{background:var(--grad);color:#fff;font-weight:700;box-shadow:0 0 16px #00d4ff4d}.cal-day.other-month{color:var(--text-muted);opacity:.4}.cal-day-dot{width:3px;height:3px;border-radius:50%;background:var(--accent)}.cal-day.today .cal-day-dot{background:#fffc}.log-group{margin-bottom:16px}.log-group-title{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.log-entry{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:10px 13px;margin-bottom:6px}.log-entry-title{font-size:13px;font-weight:500}.log-entry-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.times-up-banner{background:#ff453a26;border:1px solid rgba(255,69,58,.3);color:var(--danger);text-align:center;padding:14px;border-radius:var(--radius-btn);font-size:17px;font-weight:700;letter-spacing:.06em;animation:pulseRed 1s infinite}@keyframes pulseRed{0%,to{box-shadow:0 0 12px #ff453a33}50%{box-shadow:0 0 28px #ff453a73}}.agenda-item-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.agenda-item-row:last-child{border-bottom:none}.sub-note-input{font-size:12px;color:var(--text-dim);background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:5px 8px;width:100%;margin-top:4px;font-family:var(--font)}.data-bar{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 0 4px}.btn-tiny{font-size:11px;padding:5px 12px;border-radius:7px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-dim);cursor:pointer;transition:all var(--transition);font-family:var(--font)}.btn-tiny:hover{background:#ffffff14;color:var(--text);border-color:var(--border-bright)}.text-secondary{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.landing-logo{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.landing-title{font-size:36px;font-weight:300;letter-spacing:-.03em;color:var(--text);margin-bottom:6px}.landing-sub{font-size:14px;color:var(--text-dim);margin-bottom:48px}.session-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:#020209cc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:0;z-index:10}.session-mode-badge{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.focus-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 20px;text-align:center}@media(max-width:600px){.timer-display{font-size:60px}.stopwatch-display{font-size:40px}.session-header{padding:12px 16px}.card{padding:16px}.landing-title{font-size:28px}}