.bottom-nav{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:100;width:calc(100% - 32px);max-width:420px;pointer-events:none}.bottom-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;background:#0f081ec7;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--border-medium);border-radius:22px;pointer-events:auto;box-shadow:0 20px 60px -10px #0009,0 0 0 1px #a855f70f,inset 0 1px #ffffff0a}.nav-link{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 4px;text-decoration:none;color:var(--text-tertiary);border-radius:14px;transition:color .2s;-webkit-tap-highlight-color:transparent}.nav-link.active{color:var(--accent-glow)}.nav-pill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a855f738,#7c3aed52);border:1px solid rgba(192,132,252,.3);border-radius:14px;box-shadow:0 4px 16px -2px #a855f766,inset 0 1px #ffffff14;z-index:0}.nav-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-label{font-size:10px;font-weight:600;letter-spacing:.04em}.auth-page{min-height:100vh;min-height:100dvh;padding:32px 24px max(32px,env(safe-area-inset-bottom));padding-top:max(48px,env(safe-area-inset-top));display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.auth-orb-1{width:360px;height:360px;top:-120px;right:-120px;background:radial-gradient(circle,rgba(168,85,247,.45),transparent 70%);animation:orb-drift-1 18s ease-in-out infinite alternate}.auth-orb-2{width:320px;height:320px;bottom:-80px;left:-100px;background:radial-gradient(circle,rgba(236,72,153,.3),transparent 70%);animation:orb-drift-2 22s ease-in-out infinite alternate}@keyframes orb-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,80px) scale(1.15)}}@keyframes orb-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(80px,-60px) scale(1.1)}}.auth-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);pointer-events:none;z-index:0}.auth-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.auth-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:48px}.auth-brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--purple-500),var(--violet-600));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px -2px #a855f780;position:relative}.auth-brand-mark:after{content:"";position:absolute;width:8px;height:8px;background:var(--pink);border-radius:50%;top:-2px;right:-2px;box-shadow:0 0 8px var(--pink);animation:pulse-dot 2s ease-in-out infinite}.auth-brand-name{font-family:var(--font-serif);font-size:20px;font-weight:400;letter-spacing:-.01em;color:var(--text-primary)}.auth-brand-name em{font-style:italic;color:var(--accent)}.auth-headline{margin-bottom:8px}.auth-headline-em{font-style:italic;color:var(--accent-glow)}.auth-subtitle{font-size:14px;color:var(--text-tertiary);line-height:1.5;margin-bottom:32px;max-width:360px}.auth-form{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.auth-error{background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:500;color:var(--danger);display:flex;align-items:center;gap:8px}.auth-link{font-size:13px;color:var(--text-tertiary);text-align:center;margin-top:auto;padding-top:16px}.auth-link a{color:var(--accent);text-decoration:none;font-weight:600;margin-left:4px}.auth-link a:hover{text-decoration:underline;text-decoration-color:#c084fc66}.task-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 14px 16px 16px;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-soft);border-radius:18px;cursor:pointer;overflow:hidden;transition:border-color .25s,transform .15s}.task-card:hover{border-color:var(--border-medium)}.task-card:active{transform:scale(.99)}.task-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:linear-gradient(135deg,var(--task-color),transparent 60%);opacity:.04;pointer-events:none;transition:opacity .3s}.task-card:hover:before{opacity:.07}.task-card-done{opacity:.55}.task-card-done .task-accent{background:linear-gradient(180deg,var(--success),transparent);opacity:.5}.task-card-overdue{border-color:#f8717140}.task-card-overdue:before{background:linear-gradient(135deg,var(--danger),transparent 70%);opacity:.06}.task-accent{position:absolute;left:0;top:12px;bottom:12px;width:3px;background:linear-gradient(180deg,var(--task-color),transparent);border-radius:0 3px 3px 0;opacity:.7}.task-check{position:relative;flex-shrink:0;width:28px;height:28px;border-radius:9px;background:transparent;border:2px solid var(--task-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;opacity:.7}.task-check:hover{opacity:1;background:#a855f71a}.task-check-done{background:var(--task-color);opacity:1;box-shadow:0 0 14px -2px var(--task-color)}.check-inner{display:flex;align-items:center;justify-content:center}.check-burst{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:radial-gradient(circle,var(--task-color),transparent 70%);pointer-events:none}.task-body{flex:1;min-width:0}.task-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.task-cat{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.task-streak{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#f59e0b;letter-spacing:.02em}.task-priority{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.priority-dot{width:5px;height:5px;border-radius:50%}.task-title{font-family:var(--font-sans);font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word}.task-title-done{text-decoration:line-through;text-decoration-color:var(--text-muted);text-decoration-thickness:1.5px;color:var(--text-tertiary)}.task-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--text-tertiary)}.task-when,.task-recur,.task-est{display:inline-flex;align-items:center;gap:4px;font-weight:500}.task-when-overdue{color:var(--danger);font-weight:600}.task-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s,color .2s}.task-card:hover .task-chevron{color:var(--text-secondary);transform:translate(2px)}.task-form{display:flex;flex-direction:column;gap:18px}.form-hero{position:relative;margin:4px 0 8px}.hero-input{width:100%;background:transparent;border:none;padding:8px 0;font-family:var(--font-serif);font-size:26px;font-weight:400;color:var(--text-primary);letter-spacing:-.02em;outline:none;border-radius:0}.hero-input:focus{background:transparent;box-shadow:none;border:none}.hero-input::placeholder{color:var(--text-muted);font-style:italic}.hero-line{height:1px;background:linear-gradient(90deg,var(--border-medium),transparent);margin-top:4px}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.form-sublabel{font-size:11px;font-weight:500;color:var(--text-tertiary);margin-bottom:6px;display:block}.form-row{display:flex;gap:8px;flex-wrap:wrap}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cat-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cat-strip::-webkit-scrollbar{display:none}.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.cat-chip:hover{border-color:var(--border-medium)}.cat-chip.is-active{font-weight:700;box-shadow:0 0 12px -4px var(--cat-color)}.quick-pill{padding:9px 16px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.quick-pill:hover{border-color:var(--border-medium);color:var(--text-primary)}.quick-pill.is-active{background:#a855f72e;border-color:var(--border-strong);color:var(--accent-glow);box-shadow:0 0 12px -4px var(--accent)}.toggle-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:16px;cursor:pointer;transition:all .25s}.toggle-card:hover{border-color:var(--border-medium)}.toggle-card.is-active{background:#a855f71a;border-color:var(--border-medium)}.toggle-icon{width:36px;height:36px;border-radius:11px;background:#a855f726;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-card.is-active .toggle-icon{background:var(--accent);color:#fff}.toggle-content{flex:1;text-align:left}.toggle-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.toggle-sub{font-size:12px;color:var(--text-tertiary)}.toggle-switch{width:40px;height:22px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-soft);position:relative;flex-shrink:0;transition:background .25s}.toggle-switch.on{background:linear-gradient(135deg,var(--purple-500),var(--violet-600));border-color:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-out-expo);box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(18px)}.recur-config{margin-top:12px;padding:14px;background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:16px;display:flex;flex-direction:column;gap:14px}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday-btn{height:38px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:11px;font-family:var(--font-sans);font-size:12px;font-weight:700;color:var(--text-tertiary);cursor:pointer;transition:all .2s}.weekday-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.weekday-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px -4px var(--accent)}.interval-input{display:flex;flex-direction:column}.interval-num{width:60px;text-align:center;padding:8px 4px;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:10px;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.interval-text{font-size:13px;color:var(--text-secondary)}.priority-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.priority-pill{padding:10px 6px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:12px;font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.priority-pill:hover{border-color:var(--border-medium)}.priority-pill .priority-dot{width:8px;height:8px;border-radius:50%}.advanced-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px dashed var(--border-soft);border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all .2s;align-self:center}.advanced-toggle:hover{color:var(--text-secondary);border-color:var(--border-medium)}.form-actions{display:flex;gap:10px;margin-top:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07050db3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200}.modal-sheet{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:540px;max-height:min(92vh,92dvh);background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-raised) 100%);border-top:1px solid var(--border-medium);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);border-radius:28px 28px 0 0;z-index:201;display:flex;flex-direction:column;box-shadow:0 -20px 60px -10px #000000b3;padding-bottom:env(safe-area-inset-bottom)}.modal-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(168,85,247,.15),transparent 70%);pointer-events:none;border-radius:28px 28px 0 0}.modal-handle-wrap{padding:10px 0 4px;display:flex;justify-content:center;cursor:grab}.modal-handle-wrap:active{cursor:grabbing}.modal-handle{width:44px;height:4px;background:var(--border-strong);border-radius:999px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 22px 16px;position:relative;z-index:1}.modal-title{font-family:var(--font-serif);font-size:26px;font-weight:400;letter-spacing:-.02em;color:var(--text-primary)}.modal-close{background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--surface-glass-strong);color:var(--text-primary)}.modal-body{padding:0 22px 20px;overflow-y:auto;flex:1;position:relative;z-index:1}.modal-footer{padding:16px 22px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);display:flex;gap:10px}.home-page{position:relative}.home-hero{margin-bottom:24px;position:relative;will-change:transform}.home-eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:14px}.home-greeting{font-family:var(--font-serif)}.hero-card{position:relative;background:linear-gradient(135deg,#a855f72e,#7c3aed1f);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-medium);border-radius:24px;padding:22px;margin-bottom:24px;overflow:hidden;box-shadow:0 12px 40px -10px #a855f740}.hero-card-glow{position:absolute;top:-100px;right:-50px;width:240px;height:240px;background:radial-gradient(circle,rgba(192,132,252,.4),transparent 60%);filter:blur(40px);pointer-events:none}.hero-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative;z-index:1;margin-bottom:18px}.streak-block{display:flex;align-items:center;gap:12px}.streak-icon{width:44px;height:44px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px -2px #f59e0b66}.streak-value{font-family:var(--font-serif);font-size:32px;line-height:1;font-weight:400;letter-spacing:-.02em;color:var(--text-primary)}.streak-label{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.04em;margin-top:2px}.hero-card-progress{text-align:right}.progress-numbers{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--font-serif);font-size:32px;line-height:1;font-weight:400;letter-spacing:-.02em}.progress-done{color:var(--accent-glow)}.progress-sep{color:var(--text-muted);font-size:22px}.progress-total{color:var(--text-tertiary);font-size:22px}.progress-label{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.04em;margin-top:4px}.hero-card-bar{height:6px;background:#07050d80;border-radius:999px;overflow:hidden;position:relative;z-index:1}.hero-card-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple-400),var(--pink));border-radius:999px;box-shadow:0 0 12px #c084fc99}.hero-card-celebrate{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:12px;font-size:13px;font-weight:600;color:var(--success);position:relative;z-index:1}.cat-overview{margin-bottom:22px}.cat-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cat-tile{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.cat-tile:hover{border-color:var(--c, var(--border-medium));background:var(--surface-glass-strong);transform:translateY(-1px)}.cat-tile-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);flex-shrink:0}.cat-tile-info{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0}.cat-tile-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-tile-count{font-size:14px;font-weight:700;color:var(--c);margin-left:8px}.overdue-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:linear-gradient(90deg,#f871711f,#f871710a);border:1px solid rgba(248,113,113,.25);border-radius:14px;margin-bottom:22px;cursor:pointer;transition:all .2s;color:var(--text-primary);font-family:var(--font-sans)}.overdue-banner:hover{border-color:#f8717166;transform:translateY(-1px)}.overdue-icon{width:36px;height:36px;background:#f8717126;color:var(--danger);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overdue-text{flex:1;text-align:left}.overdue-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.overdue-sub{font-size:11px;color:var(--text-tertiary)}.home-tasks{margin-top:4px}.tasks-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tasks-list{display:flex;flex-direction:column;gap:8px}.empty-day{position:relative;padding:56px 24px;text-align:center;background:var(--surface-glass);border:1px dashed var(--border-soft);border-radius:22px;overflow:hidden}.empty-day-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(192,132,252,.15),transparent 70%);filter:blur(30px);pointer-events:none}.empty-day-icon{position:relative;color:var(--violet-400);margin:0 auto 14px;display:block;opacity:.7}.empty-day-title{position:relative;font-family:var(--font-serif);font-size:26px;font-weight:400;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px}.empty-day-sub{position:relative;font-size:13px;color:var(--text-tertiary);font-style:italic}.fab{position:fixed;bottom:calc(108px + env(safe-area-inset-bottom));right:22px;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--purple-500),var(--violet-700));border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px -4px #a855f799,0 0 0 1px #a855f733,inset 0 1px #fff3;z-index:99;transition:box-shadow .25s}.fab:hover{box-shadow:0 12px 32px -4px #a855f7b3,0 0 0 1px #a855f74d,inset 0 1px #ffffff40}@media (min-width: 540px){.fab{right:max(22px,calc((100% - 540px)/2 + 22px))}}.tasks-page{position:relative}.tasks-header{margin-bottom:22px}.search-bar{position:relative;margin-bottom:16px}.search-bar input{padding-left:44px;padding-right:40px;border-radius:14px;background:var(--bg-raised)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--surface-glass);border:none;color:var(--text-tertiary);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-clear:hover{color:var(--text-primary);background:var(--surface-glass-strong)}.view-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin:0 -22px 14px;padding-left:22px;padding-right:22px}.view-pill{flex-shrink:0;padding:8px 16px;background:transparent;border:1px solid var(--border-soft);border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .2s;white-space:nowrap}.view-pill:hover{color:var(--text-primary);border-color:var(--border-medium)}.view-pill.is-active{background:var(--text-primary);color:var(--bg-base);border-color:var(--text-primary);font-weight:700}.cat-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:0 -22px 16px;padding-left:22px;padding-right:22px}.cat-filter-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:999px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.cat-filter-chip:hover{border-color:var(--border-medium)}.cat-filter-chip.is-active{font-weight:700}.cat-filter-count{font-family:var(--font-mono);font-size:10px;font-weight:700;background:#07050d66;padding:1px 6px;border-radius:999px;color:var(--text-tertiary);min-width:18px;text-align:center}.active-context{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:12px;font-size:12px;color:var(--text-tertiary);margin-bottom:14px}.active-context strong{font-weight:700}.empty-tasks{padding:60px 24px;text-align:center;background:var(--surface-glass);border:1px dashed var(--border-soft);border-radius:22px;margin-top:12px}.empty-tasks-icon{color:var(--violet-400);opacity:.5;margin:0 auto 14px;display:block}.empty-tasks-title{font-family:var(--font-serif);font-size:22px;font-weight:400;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px}.empty-tasks-sub{font-size:13px;color:var(--text-tertiary);font-style:italic}.detail-page{position:relative;padding-top:max(20px,env(safe-area-inset-top))}.detail-color-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.detail-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.detail-header-actions{display:flex;gap:8px}.danger-hover:hover{color:var(--danger)!important;border-color:#f871714d!important}.detail-content{position:relative;z-index:1}.detail-cat-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid;margin-bottom:14px}.detail-title{font-family:var(--font-serif);margin-bottom:14px;word-wrap:break-word}.detail-title-done{text-decoration:line-through;text-decoration-color:var(--text-muted);color:var(--text-tertiary)}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.detail-meta-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--surface-glass);border:1px solid;border-radius:999px;font-size:11px;font-weight:600}.meta-dot{width:6px;height:6px;border-radius:50%}.detail-action{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border:none;border-radius:18px;font-family:var(--font-sans);font-size:15px;font-weight:700;color:#fff;cursor:pointer;margin-bottom:24px;letter-spacing:-.005em;box-shadow:0 8px 24px -4px color-mix(in srgb,var(--c) 60%,transparent),inset 0 1px #ffffff26;transition:transform .15s,box-shadow .25s}.detail-action:active{transform:scale(.98)}.detail-action.is-done{background:var(--surface-glass);border:1px solid var(--border-medium);color:var(--text-secondary);box-shadow:none}.detail-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.detail-info-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:14px}.info-card-icon{width:36px;height:36px;background:#a855f71f;color:var(--accent);border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.info-card-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.info-card-value{font-size:14px;font-weight:500;color:var(--text-primary)}.detail-notes{margin-bottom:22px}.notes-text{font-family:var(--font-serif);font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.01em;color:var(--text-secondary);white-space:pre-wrap;background:var(--surface-glass);border-left:2px solid var(--accent);padding:14px 16px;border-radius:4px 14px 14px 4px}.detail-history{margin-bottom:22px}.history-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-bottom:8px}.history-cell{aspect-ratio:1;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-soft);transition:transform .15s}.history-cell.done{border:none}.history-cell:hover{transform:scale(1.15)}.history-legend{font-size:11px;color:var(--text-tertiary);letter-spacing:.04em}.detail-foot{font-size:12px;color:var(--text-muted);text-align:center;font-style:italic;margin-top:24px}.insights-page{position:relative}.insights-header{margin-bottom:22px}.streak-hero{position:relative;background:linear-gradient(135deg,#f59e0b2e,#ef444426 60%,#a855f71f);border:1px solid rgba(245,158,11,.25);border-radius:26px;padding:28px 24px;margin-bottom:18px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 12px 40px -10px #f59e0b33}.streak-hero-glow{position:absolute;bottom:-120px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(245,158,11,.4),transparent 60%);filter:blur(50px);pointer-events:none}.streak-hero-content{position:relative;z-index:1;flex:1}.streak-hero-label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff9;margin-bottom:6px}.streak-hero-value{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.streak-hero-num{font-family:var(--font-serif);font-size:clamp(56px,18vw,80px);line-height:.9;letter-spacing:-.03em;background:linear-gradient(180deg,#fef3c7,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.streak-hero-unit{font-size:16px;font-weight:600;color:#ffffffb3}.streak-hero-sub{font-size:13px;font-weight:500;color:#ffffffb3;line-height:1.4;max-width:200px}.streak-flames{position:relative;z-index:1;color:#f59e0b;filter:drop-shadow(0 0 12px rgba(245,158,11,.6));animation:flame-flicker 2s ease-in-out infinite}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(0);opacity:.95}25%{transform:scale(1.05) rotate(-2deg);opacity:1}50%{transform:scale(.98) rotate(1deg);opacity:.9}75%{transform:scale(1.03) rotate(-1deg);opacity:1}}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.mini-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:16px;transition:all .2s}.mini-card:hover{border-color:var(--border-medium);transform:translateY(-1px)}.mini-card-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-card-info{display:flex;flex-direction:column;min-width:0}.mini-card-value{font-family:var(--font-serif);font-size:24px;font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--text-primary)}.mini-card-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-top:4px}.chart-card{margin-bottom:18px}.chart-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.chart-title{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.chart-sub{font-size:11px;color:var(--text-tertiary)}.chart-week-num{font-family:var(--font-serif);font-size:36px;line-height:1;color:var(--accent);letter-spacing:-.02em}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;height:140px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar-track{width:100%;height:110px;display:flex;align-items:flex-end;position:relative}.chart-bar-num{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:var(--accent);letter-spacing:0}.chart-bar-fill{width:100%;background:linear-gradient(180deg,#a855f766,#a855f726);border:1px solid rgba(168,85,247,.25);border-radius:8px 8px 4px 4px;min-height:4px}.chart-bar-fill.is-today{background:linear-gradient(180deg,var(--accent),var(--violet-600));border-color:var(--accent);box-shadow:0 0 16px #c084fc80}.chart-day-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.chart-day-label.is-today{color:var(--accent);font-weight:700}.cat-stats-section{margin-bottom:18px}.cat-stats-list{display:flex;flex-direction:column;gap:12px}.cat-stat-row{background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:14px;padding:12px 14px}.cat-stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cat-stat-name-block{display:flex;align-items:center;gap:8px}.cat-stat-icon{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center}.cat-stat-name{font-size:13px;font-weight:600;color:var(--text-primary)}.cat-stat-numbers{display:flex;align-items:center;gap:8px}.cat-stat-pct{font-size:14px;font-weight:700}.cat-stat-frac{font-size:11px;color:var(--text-tertiary);font-weight:600}.cat-stat-bar{height:6px;background:#07050d66;border-radius:999px;overflow:hidden}.cat-stat-bar-fill{height:100%;border-radius:999px}.motiv-footer{display:flex;align-items:center;gap:10px;padding:16px 18px;background:linear-gradient(135deg,#a855f714,#ec48990f);border:1px solid var(--border-soft);border-radius:16px;margin-top:18px;color:var(--accent)}.motiv-text{flex:1;font-size:14px;line-height:1.5;color:var(--text-secondary)}.profile-page{position:relative}.profile-header{margin-bottom:22px}.user-card{position:relative;background:linear-gradient(135deg,#a855f71f,#7c3aed14);border:1px solid var(--border-medium);border-radius:24px;padding:28px 22px 22px;margin-bottom:24px;overflow:hidden;text-align:center}.user-card-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:280px;height:280px;background:radial-gradient(circle,rgba(192,132,252,.3),transparent 60%);filter:blur(50px);pointer-events:none}.user-avatar-block{position:relative;width:80px;height:80px;margin:0 auto 14px;z-index:1}.user-avatar{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:38px;font-weight:400;color:#fff;letter-spacing:-.02em;box-shadow:0 8px 24px -4px #a855f780,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.12)}.user-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;background:linear-gradient(135deg,var(--pink),var(--purple-500));border:2px solid var(--bg-base);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse-dot 2.5s ease-in-out infinite}.user-name{position:relative;z-index:1;font-family:var(--font-serif);font-size:28px;font-weight:400;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px}.user-email{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:999px;font-size:12px;color:var(--text-tertiary);margin-bottom:22px}.user-stats-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--border-subtle)}.user-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.user-stat-num{font-family:var(--font-serif);font-size:28px;font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--accent-glow)}.user-stat-lbl{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);text-align:center}.user-stat-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,var(--border-soft),transparent)}.categories-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cat-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.cat-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:14px;transition:all .2s}.cat-item:hover{border-color:var(--border-medium)}.cat-item-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-item-info{flex:1;min-width:0}.cat-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.cat-item-count{font-size:11px;color:var(--text-tertiary);font-weight:500}.cat-item-actions{display:flex;gap:6px;flex-shrink:0}.info-block{background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:16px;padding:16px 18px;margin-bottom:14px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.info-label{font-size:12px;color:var(--text-tertiary);font-weight:500}.info-value{font-size:13px;color:var(--text-secondary);font-weight:600}.info-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-soft),transparent)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#f871710f;border:1px solid rgba(248,113,113,.18);border-radius:14px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--danger);cursor:pointer;transition:all .2s;margin-bottom:16px}.logout-btn:hover{background:#f871711a;border-color:#f871714d}.profile-foot{text-align:center;font-size:12px;color:var(--text-muted);font-family:var(--font-serif);font-style:italic;letter-spacing:.01em;margin-top:20px}.cat-editor{display:flex;flex-direction:column;gap:18px}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-swatch{aspect-ratio:1;border-radius:12px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;transition:all .2s var(--ease-out-expo)}.color-swatch:hover{transform:scale(1.06)}.color-swatch.is-active{transform:scale(1.08);border-color:#fff;box-shadow:0 0 0 2px var(--bg-base),0 0 12px #fff3}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.icon-pick{aspect-ratio:1;background:var(--surface-glass);border:1px solid var(--border-soft);border-radius:11px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-pick:hover{border-color:var(--border-medium);color:var(--text-secondary)}.icon-pick.is-active{font-weight:700}:root{--bg-void: #07050d;--bg-base: #0a0613;--bg-raised: #110a1f;--bg-elevated: #1a0f2e;--bg-overlay: #211438;--surface-glass: rgba(38, 18, 71, .45);--surface-glass-strong: rgba(48, 22, 89, .65);--surface-frosted: rgba(20, 10, 38, .7);--border-subtle: rgba(168, 85, 247, .08);--border-soft: rgba(168, 85, 247, .14);--border-medium: rgba(168, 85, 247, .22);--border-strong: rgba(192, 132, 252, .35);--border-glow: rgba(212, 184, 255, .5);--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--accent: #c084fc;--accent-hot: #d946ef;--accent-glow: #e9d5ff;--pink: #ec4899;--pink-soft: #f472b6;--indigo: #818cf8;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;--text-primary: #f5f0ff;--text-secondary: #c4b5fd;--text-tertiary: #8b7ba8;--text-muted: #5d4d77;--text-faint: #3d2f55;--font-serif: "Instrument Serif", "Times New Roman", serif;--font-sans: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-glow-sm: 0 0 20px rgba(168, 85, 247, .15);--shadow-glow: 0 0 40px rgba(168, 85, 247, .25);--shadow-glow-lg: 0 0 80px rgba(168, 85, 247, .35);--shadow-deep: 0 20px 60px -10px rgba(0, 0, 0, .6);--shadow-card: 0 4px 24px -4px rgba(0, 0, 0, .4), 0 0 0 1px rgba(168, 85, 247, .06);--ease-out-expo: cubic-bezier(.22, 1, .36, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.5, 1.4, .5, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-height:100vh;min-height:100dvh;background:var(--bg-void)}body{font-family:var(--font-sans);color:var(--text-primary);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(168,85,247,.18),transparent 60%),radial-gradient(ellipse 50% 35% at 0% 80%,rgba(236,72,153,.12),transparent 60%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(124,58,237,.06),transparent 70%);pointer-events:none;z-index:0;animation:aurora-shift 20s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.015) 1px,transparent 1px),radial-gradient(circle at 70% 80%,rgba(255,255,255,.01) 1px,transparent 1px);background-size:80px 80px,60px 60px;pointer-events:none;z-index:0;opacity:.6}@keyframes aurora-shift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-2%,1%,0) scale(1.05)}to{transform:translate3d(2%,-1%,0) scale(1)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}.app-shell{position:relative;z-index:2;width:100%;max-width:540px;margin:0 auto;min-height:100vh;min-height:100dvh;background:transparent}.page{padding:28px 22px 140px;padding-top:max(28px,env(safe-area-inset-top));padding-bottom:calc(140px + env(safe-area-inset-bottom));position:relative}.page-no-nav{padding-bottom:max(40px,env(safe-area-inset-bottom))}.serif{font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em}.serif-italic{font-family:var(--font-serif);font-style:italic;letter-spacing:-.015em}.mono{font-family:var(--font-mono);letter-spacing:0}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary)}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-300);padding:6px 14px;border-radius:999px;background:#a855f714;border:1px solid var(--border-soft)}.kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.headline-xl{font-family:var(--font-serif);font-weight:400;font-size:clamp(48px,12vw,72px);line-height:.95;letter-spacing:-.025em;color:var(--text-primary)}.headline-lg{font-family:var(--font-serif);font-weight:400;font-size:clamp(36px,9vw,52px);line-height:1;letter-spacing:-.02em;color:var(--text-primary)}.headline-md{font-family:var(--font-sans);font-weight:700;font-size:22px;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.headline-glow{background:linear-gradient(180deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input,.textarea,input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],textarea,select{width:100%;background:var(--surface-frosted);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-soft);border-radius:16px;padding:16px 18px;font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--text-primary);outline:none;transition:all .25s var(--ease-out-expo)}input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:400}.input:focus,.textarea:focus,input:focus,textarea:focus,select:focus{border-color:var(--border-strong);background:var(--bg-elevated);box-shadow:0 0 0 4px #a855f71f,var(--shadow-glow-sm)}textarea,.textarea{resize:vertical;min-height:90px;font-family:var(--font-sans);line-height:1.5}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}.input-group{position:relative}.input-group .input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:flex;z-index:1}.input-group input,.input-group .input{padding-left:50px}.input-group .input-trail{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:10px;display:flex;transition:all .2s}.input-group .input-trail:hover{color:var(--text-secondary);background:var(--surface-glass)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:none;border-radius:14px;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:all .25s var(--ease-out-expo);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 20px -4px #a855f799,inset 0 1px #ffffff26}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px -4px #a855f7b3,inset 0 1px #fff3}.btn-primary:hover:not(:disabled):before{transform:translate(100%)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);border:1px solid var(--border-soft)}.btn-secondary:hover:not(:disabled){background:var(--surface-glass-strong);border-color:var(--border-medium);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-soft)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-glass)}.btn-danger{background:#f871711a;color:var(--danger);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover:not(:disabled){background:#f8717126;border-color:#f8717166}.btn-block{width:100%}.btn-lg{padding:18px 26px;font-size:15px;border-radius:16px}.btn-sm{padding:9px 14px;font-size:12px;border-radius:10px}.btn-icon{padding:0;width:44px;height:44px;flex-shrink:0}.btn-icon.btn-sm{width:34px;height:34px}.btn-icon.btn-lg{width:54px;height:54px}.card{background:var(--surface-glass);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--border-soft);border-radius:22px;padding:22px;position:relative;overflow:hidden}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-medium);box-shadow:var(--shadow-card)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.pill-violet{background:#a855f71f;color:var(--violet-300);border-color:#a855f733}.pill-pink{background:#ec48991f;color:var(--pink-soft);border-color:#ec489933}.pill-warning{background:#fbbf241f;color:var(--warning);border-color:#fbbf2433}.pill-danger{background:#f871711f;color:var(--danger);border-color:#f8717133}.pill-success{background:#4ade801a;color:var(--success);border-color:#4ade8033}.pill-muted{background:#8b7ba81a;color:var(--text-tertiary);border-color:#8b7ba826}.section-mark{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary)}.section-mark:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.section-mark:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-soft),transparent)}.spinner{width:22px;height:22px;border:2px solid rgba(168,85,247,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:38px;height:38px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.full-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-void);z-index:9999}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a855f733;border-radius:999px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.relative{position:relative}.overflow-hidden{overflow:hidden}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.glow-ring{position:relative}.glow-ring:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--accent),transparent,var(--pink));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.aurora-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.toast-root{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:calc(100% - 32px);max-width:480px}.toast{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-medium);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;box-shadow:var(--shadow-deep);color:var(--text-primary)}.toast-success{border-color:#4ade804d}.toast-success .toast-icon{color:var(--success)}.toast-error{border-color:#f871714d}.toast-error .toast-icon{color:var(--danger)}.toast-info{border-color:#60a5fa4d}.toast-info .toast-icon{color:var(--info)}input[type=checkbox]{width:auto;accent-color:var(--accent)}.no-scroll::-webkit-scrollbar{display:none}.no-scroll{scrollbar-width:none;-ms-overflow-style:none}::selection{background:#a855f766;color:#fff}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}