@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{--bg: #f7f7fb;--surface: #ffffff;--surface-2: #f1f2f7;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--accent-contrast: #ffffff;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--app-footer-height: 78px;--mobile-nav-height: 56px;--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-right: env(safe-area-inset-right, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--app-safe-left: env(safe-area-inset-left, 0px);--app-vh: 100vh;--app-vw: 100vw;--keyboard-height: 0px;--keyboard-open: 0}html[data-theme=dark]{--bg: #0b0f1a;--surface: #111827;--surface-2: #1f2937;--text: #f8fafc;--muted: #94a3b8;--border: #263244;--accent: #38bdf8;--accent-contrast: #071321;--shadow: 0 10px 30px rgba(2, 6, 23, .45)}html[data-style=contrast]{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #e7edf6;--text: #0f172a;--muted: #475569;--border: #cbd5e1;--accent: #0f62fe;--accent-contrast: #ffffff;--shadow: 0 14px 34px rgba(15, 23, 42, .12)}html[data-theme=dark][data-style=contrast]{--bg: #050816;--surface: #0f172a;--surface-2: #162033;--text: #f8fafc;--muted: #cbd5e1;--border: #314158;--accent: #7dd3fc;--accent-contrast: #042034;--shadow: 0 16px 36px rgba(2, 6, 23, .55)}html[data-style=pastel]{--bg: #fcfaf8;--surface: #fffdfb;--surface-2: #f7f0f7;--text: #3f3344;--muted: #7b6d80;--border: #eadde7;--accent: #d97792;--accent-contrast: #ffffff;--shadow: 0 12px 30px rgba(124, 58, 237, .08)}html[data-theme=dark][data-style=pastel]{--bg: #16131d;--surface: #211a2a;--surface-2: #2b2235;--text: #f7f1fb;--muted: #c8b8d5;--border: #43354f;--accent: #f9a8d4;--accent-contrast: #3a1630;--shadow: 0 14px 34px rgba(15, 9, 24, .48)}html[data-style=vivid]{--bg: #f5f7ff;--surface: #ffffff;--surface-2: #e9efff;--text: #111c3a;--muted: #4f5f8a;--border: #c8d6ff;--accent: #7c3aed;--accent-contrast: #ffffff;--shadow: 0 16px 36px rgba(76, 29, 149, .14)}html[data-theme=dark][data-style=vivid]{--bg: #090f1f;--surface: #111a30;--surface-2: #182443;--text: #f7f9ff;--muted: #b7c5ec;--border: #2f4478;--accent: #8b5cf6;--accent-contrast: #f8f7ff;--shadow: 0 18px 40px rgba(3, 7, 18, .58)}html[data-style=easter]{--bg: #fff9f2;--surface: #fffefb;--surface-2: #f8f1ff;--text: #3d3345;--muted: #7c6c7f;--border: #eadfd6;--accent: #ec4899;--accent-contrast: #ffffff;--shadow: 0 14px 34px rgba(236, 72, 153, .12)}html[data-theme=dark][data-style=easter]{--bg: #17131d;--surface: #231c2a;--surface-2: #30243a;--text: #faf4ff;--muted: #cebcd5;--border: #4a3c4f;--accent: #f472b6;--accent-contrast: #45112d;--shadow: 0 16px 36px rgba(15, 9, 24, .52)}html[data-style=christmas]{--bg: #f8faf6;--surface: #ffffff;--surface-2: #edf5ef;--text: #1d2e24;--muted: #556b5f;--border: #d4e4d8;--accent: #c62828;--accent-contrast: #ffffff;--shadow: 0 14px 36px rgba(15, 23, 42, .1)}html[data-theme=dark][data-style=christmas]{--bg: #0f1713;--surface: #16211b;--surface-2: #203028;--text: #f5fbf6;--muted: #bdd3c3;--border: #32473b;--accent: #ef4444;--accent-contrast: #fff7f7;--shadow: 0 18px 40px rgba(2, 6, 23, .58)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;min-height:100vh;min-height:var(--app-vh)}.app-bootstrap-shell{min-height:100vh;min-height:var(--app-vh);display:grid;place-items:center;padding:calc(28px + var(--app-safe-top)) calc(20px + var(--app-safe-right)) calc(28px + var(--app-safe-bottom)) calc(20px + var(--app-safe-left));background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 28%),radial-gradient(circle at 84% 14%,color-mix(in srgb,#22c55e 12%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#020617) 0%,var(--bg) 100%)}.app-bootstrap-card{width:min(100%,420px);display:grid;justify-items:center;gap:12px;padding:28px 24px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);text-align:center}.app-bootstrap-brand{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,white),color-mix(in srgb,#22c55e 60%,var(--accent)));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 28%,transparent)}.app-bootstrap-appname{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.app-bootstrap-spinner{width:34px;height:34px;border-radius:999px;border:3px solid color-mix(in srgb,var(--border) 72%,transparent);border-top-color:var(--accent);animation:app-bootstrap-spin .9s linear infinite}.app-bootstrap-title{margin:0;font-size:clamp(24px,4vw,30px);line-height:1.1}.app-bootstrap-body{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.app-bootstrap-retry{margin-top:4px;min-width:160px}.app-welcome-shell{min-height:100vh;min-height:var(--app-vh);display:grid;place-items:center;padding:calc(28px + var(--app-safe-top)) calc(20px + var(--app-safe-right)) calc(28px + var(--app-safe-bottom)) calc(20px + var(--app-safe-left));background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 28%),radial-gradient(circle at 88% 12%,color-mix(in srgb,#22c55e 16%,transparent),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 90%,#020617) 0%,var(--bg) 100%);animation:app-welcome-background 12s ease-in-out infinite alternate}.app-welcome-card{width:min(100%,460px);display:grid;gap:14px;padding:30px 24px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);animation:app-welcome-card-enter .7s cubic-bezier(.22,1,.36,1) both}.app-welcome-brand{width:172px;height:172px;display:grid;place-items:center;justify-self:center;filter:drop-shadow(0 18px 34px rgba(15,23,42,.2))}.puzzle-mark{width:100%;height:100%;overflow:visible}.puzzle-mark-piece{transform-box:fill-box;transform-origin:center;animation-duration:2.4s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.puzzle-mark-piece--red{animation-name:puzzle-piece-red-arrive}.puzzle-mark-piece--yellow{animation-name:puzzle-piece-yellow-arrive}.puzzle-mark-piece--blue{animation-name:puzzle-piece-blue-arrive}.puzzle-mark-piece--green{animation-name:puzzle-piece-green-arrive}.app-welcome-eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.app-welcome-title{margin:0;font-size:clamp(26px,4vw,34px);line-height:1.08}.app-welcome-body{margin:0;color:var(--muted);line-height:1.6}.app-welcome-meta{display:grid;gap:6px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface-2) 82%,var(--surface));color:var(--text);font-size:14px}.app-welcome-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-welcome-toggle-label{color:var(--muted);font-size:14px;line-height:1.4}.app-welcome-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}@keyframes app-welcome-background{0%{background-position:0% 0%,100% 0%,50% 50%}to{background-position:4% 3%,96% 4%,50% 58%}}@keyframes app-welcome-card-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes puzzle-piece-red-arrive{0%{transform:translate(-44px,-52px) rotate(-132deg) scale(.8)}78%{transform:translate(3px,-2px) rotate(5deg) scale(1.015)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes puzzle-piece-yellow-arrive{0%{transform:translate(46px,-50px) rotate(138deg) scale(.8)}78%{transform:translate(-3px,-2px) rotate(-5deg) scale(1.015)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes puzzle-piece-blue-arrive{0%{transform:translate(-48px,54px) rotate(-144deg) scale(.8)}78%{transform:translate(2px,3px) rotate(5deg) scale(1.015)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes puzzle-piece-green-arrive{0%{transform:translate(46px,56px) rotate(130deg) scale(.8)}78%{transform:translate(-2px,3px) rotate(-6deg) scale(1.015)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes app-bootstrap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.auth-biometric-panel{display:grid;gap:8px;padding:12px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 10%)}.auth-biometric-actions{display:grid;gap:10px;margin-top:12px;justify-items:center}.auth-unlock-tile{width:min(168px,100%);min-height:168px;display:grid;place-items:center;gap:10px;padding:18px 14px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color));background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 82%,white),color-mix(in srgb,var(--panel) 92%,var(--accent) 8%));color:var(--text);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 18%,transparent);justify-self:center}.auth-unlock-tile:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color))}.auth-unlock-tile:disabled{opacity:.7}.auth-unlock-tile-icon{width:64px;height:64px;color:color-mix(in srgb,var(--accent) 72%,var(--text))}.auth-unlock-tile span{font-size:1rem;font-weight:700;text-align:center}.creative-task-creator-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:170;display:grid;align-items:end;background:color-mix(in srgb,#020617 58%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;animation:creative-task-backdrop-in .18s ease}.creative-task-creator{min-height:min(88vh,var(--app-vh, 100vh));max-height:calc(var(--app-vh) - var(--app-safe-top) - 8px);display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 34%),radial-gradient(circle at top right,rgba(16,185,129,.16),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,#eff6ff) 0%,var(--surface) 100%);border-radius:28px 28px 0 0;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));box-shadow:0 -18px 50px #0f172a4d;animation:creative-task-sheet-in .24s cubic-bezier(.2,.8,.2,1)}.creative-task-creator.is-inline{min-height:0;max-height:none;border:none;border-radius:0;box-shadow:none;background:radial-gradient(circle at top left,rgba(56,189,248,.1),transparent 34%),radial-gradient(circle at top right,rgba(16,185,129,.1),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#eff6ff) 0%,var(--surface) 100%);animation:none}.creative-task-creator.is-page{min-height:calc(var(--app-vh, 100vh) - var(--app-safe-top) - var(--app-safe-bottom) - 24px);max-height:none;border-radius:24px;box-shadow:0 18px 42px #0f172a1f}.creative-task-creator-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.creative-task-creator-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;padding:16px 18px calc(18px + var(--app-safe-bottom, 0px))}.creative-task-creator-body{display:grid;gap:18px;padding:6px 18px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.creative-task-creator-progress{display:flex;align-items:center;gap:8px}.creative-task-creator-progress-dot{width:10px;height:10px;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent);transition:transform .16s ease,background .16s ease}.creative-task-creator-progress-dot.is-active{background:var(--accent);transform:scale(1.05)}.creative-task-creator-summary{display:block;width:fit-content;max-width:min(100%,320px);justify-self:start;align-self:start;padding:10px 14px;border-radius:22px;background:color-mix(in srgb,var(--surface-2) 88%,white);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));color:var(--muted);font-size:.92rem;line-height:1.3;box-shadow:0 8px 20px #0f172a0f}.creative-task-step{display:grid;gap:14px}.creative-task-step-kicker{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 66%,var(--muted))}.creative-task-step h2{margin:0;font-size:clamp(1.55rem,4vw,2rem);line-height:1.05}.creative-task-title-input{width:100%;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--surface) 90%,white);padding:18px;font-size:1.08rem;line-height:1.5;resize:none;box-shadow:inset 0 1px #fff9}.creative-task-chip-row{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto}.creative-task-chip{border-radius:999px;padding:6px 14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--surface-2) 92%,white)}.creative-task-choice-grid{display:grid;gap:12px}.creative-task-choice-card{display:grid;gap:8px;text-align:left;padding:16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));background:color-mix(in srgb,var(--surface) 90%,white);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.creative-task-choice-card strong{font-size:1rem}.creative-task-choice-card.is-active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.creative-task-date-field{display:grid;gap:8px}.creative-task-footer-btn{min-height:58px;padding:14px 16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--surface) 92%,white);color:var(--text);font-size:1rem;font-weight:700;text-align:center;box-shadow:0 12px 26px #0f172a14;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.creative-task-footer-btn.is-primary{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 90%,white),color-mix(in srgb,var(--accent) 78%,#22d3ee));color:#fff;box-shadow:0 18px 34px color-mix(in srgb,var(--accent) 28%,transparent)}.creative-task-footer-btn.is-secondary{background:color-mix(in srgb,var(--surface-2) 92%,white)}.creative-task-footer-btn:active:not(:disabled){transform:translateY(1px)}.creative-task-footer-btn:disabled{opacity:.72}.mobile-task-creator-panel{display:grid;gap:14px}.mobile-task-creator-panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.mobile-task-creator-panel-body{display:grid;gap:12px}.creative-task-creator-route{display:grid;gap:0;min-height:calc(var(--app-vh, 100vh) - var(--app-safe-top) - var(--app-safe-bottom))}.app-main--focused-flow{padding-bottom:0}.app-content--focused-flow{padding-top:0}.app-content--focused-flow .creative-task-creator-route{min-height:calc(var(--app-vh, 100vh) - var(--app-safe-top) - var(--app-safe-bottom))}.app-content--focused-flow .creative-task-creator.is-page{border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:none;min-height:calc(var(--app-vh, 100vh) - var(--app-safe-top) - var(--app-safe-bottom))}.app-content--focused-flow .creative-task-creator-header{padding-top:max(14px,var(--app-safe-top))}.app-content--focused-flow .creative-task-creator-body{padding-top:0;gap:20px;padding-bottom:calc(18px + max(var(--app-safe-bottom),var(--keyboard-height)))}.app-content--focused-flow .creative-task-creator-summary{margin-top:2px}.app-content--focused-flow .creative-task-title-input{min-height:140px}body.keyboard-open .app-content--focused-flow .creative-task-creator{min-height:auto}@keyframes creative-task-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes creative-task-sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.password-visibility-toggle{white-space:nowrap;align-self:stretch}.landing-shell{min-height:100vh;min-height:var(--app-vh);background:radial-gradient(circle at 10% 5%,rgba(37,99,235,.16),transparent 42%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.12),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#020617) 0%,var(--bg) 100%)}html[data-style=easter] .landing-shell{background:radial-gradient(circle at 8% 10%,rgba(244,114,182,.16),transparent 28%),radial-gradient(circle at 92% 14%,rgba(16,185,129,.12),transparent 26%),radial-gradient(circle at 18% 86%,rgba(251,191,36,.12),transparent 22%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#fff7ed) 0%,var(--bg) 100%)}html[data-style=christmas] .landing-shell{background:radial-gradient(circle at 10% 8%,rgba(34,197,94,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(239,68,68,.14),transparent 28%),radial-gradient(circle at 22% 88%,rgba(245,158,11,.1),transparent 20%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#f3f8f2) 0%,var(--bg) 100%)}.landing-topbar{position:sticky;top:0;z-index:80;display:grid;gap:12px;padding:calc(12px + var(--app-safe-top)) calc(20px + var(--app-safe-right)) 12px calc(20px + var(--app-safe-left));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.landing-topbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}.landing-brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,white),color-mix(in srgb,#22c55e 65%,var(--accent)));color:#fff;box-shadow:0 10px 25px #2563eb40}.landing-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.landing-nav a{color:var(--muted);text-decoration:none;font-size:13px;padding:8px 10px;border-radius:999px;border:1px solid transparent}.landing-nav a:hover{color:var(--text);border-color:var(--border);background:color-mix(in srgb,var(--surface) 65%,transparent)}.landing-top-actions{display:inline-flex;align-items:center;gap:8px}.landing-top-actions-primary{justify-content:flex-end}.landing-top-actions-secondary{justify-content:center;flex-wrap:wrap}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:12px;font-weight:700;padding:10px 14px;border:1px solid var(--border);transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease}.landing-btn:hover{transform:translateY(-1px)}.landing-btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,white),color-mix(in srgb,#22c55e 45%,var(--accent)));color:#fff;border-color:transparent;box-shadow:0 14px 30px #2563eb38}.landing-btn-primary:hover{box-shadow:0 18px 34px #2563eb47}.landing-btn-ghost{background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text)}.landing-btn-ghost:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));background:color-mix(in srgb,var(--surface) 88%,transparent)}.landing-btn-lg{padding:12px 18px;border-radius:14px}.landing-main{width:min(1200px,calc(100vw - 24px));margin:0 auto;padding:18px 0 48px;display:grid;gap:20px}.landing-footer{width:min(1200px,calc(100vw - 24px));margin:0 auto 24px;padding-top:6px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px}.landing-footer-links{display:flex;gap:12px;flex-wrap:wrap}.landing-footer-links a{color:var(--muted);text-decoration:none}.landing-footer-links a:hover{color:var(--text)}.landing-section{display:grid;gap:14px;animation:landingFadeUp .5s ease both}.landing-section:nth-child(2){animation-delay:40ms}.landing-section:nth-child(3){animation-delay:80ms}.landing-section:nth-child(4){animation-delay:.12s}.landing-section:nth-child(5){animation-delay:.16s}.landing-section:nth-child(6){animation-delay:.2s}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.landing-section-head{display:grid;gap:8px;max-width:760px}.landing-section-head h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08}.landing-section-head p{margin:0;color:var(--muted);line-height:1.55}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:radial-gradient(circle at 16% 10%,rgba(37,99,235,.12),transparent 46%),radial-gradient(circle at 88% 14%,rgba(34,197,94,.1),transparent 48%),color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);animation:landingFadeUp .45s ease both}.landing-hero-copy{display:grid;align-content:start;gap:10px}.landing-hero-copy h1{margin:0;font-size:clamp(30px,4.3vw,52px);line-height:.98;letter-spacing:-.02em}.landing-hero-copy h1 span{display:block;color:color-mix(in srgb,var(--text) 80%,var(--accent))}.landing-hero-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;max-width:58ch}.landing-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.landing-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.landing-hero-meta span{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));border:1px solid var(--border);font-size:12px;color:var(--muted)}.landing-mobile-links{display:none}.landing-mobile-links a{color:var(--muted);text-decoration:none;font-size:13px}.landing-mobile-links a:hover{color:var(--text)}.landing-hero-visual{position:relative;min-height:340px;display:grid;align-items:center}.landing-showcase-card{border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow)}.landing-showcase-card.is-primary{padding:14px;display:grid;gap:12px;transform:rotate(-1deg)}.landing-showcase-head{display:flex;gap:5px}.landing-showcase-head .dot{width:7px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--muted) 65%,var(--border))}.landing-showcase-title{font-weight:700;font-size:14px}.landing-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.landing-showcase-col{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,var(--surface));border-radius:12px;padding:8px;display:grid;gap:6px}.landing-showcase-col small{color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pill{border-radius:9px;border:1px solid var(--border);background:var(--surface);padding:6px 8px;font-size:11px;line-height:1.1}.pill.accent-a{border-color:#2563eb59;background:#2563eb14}.pill.accent-b{border-color:#22c55e59;background:#22c55e14}.pill.accent-c{border-color:#f59e0b59;background:#f59e0b14}.pill.accent-d{border-color:#ef444459;background:#ef444414}.admin-status-pills{display:flex;flex-wrap:wrap;gap:6px}.btn-with-spinner{display:inline-flex;align-items:center;gap:6px}.btn-spinner{width:12px;height:12px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-top-color:var(--accent);animation:checkout-spin .8s linear infinite}.landing-showcase-card.is-floating{position:absolute;right:-4px;bottom:-10px;width:min(280px,90%);padding:12px;display:grid;gap:8px;transform:rotate(2deg);border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--surface) 92%,rgba(37,99,235,.03))}.landing-kpi-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.landing-kpi-row strong{color:var(--text)}.landing-benefits-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.landing-benefit-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);display:grid;gap:8px;align-content:start}.landing-benefit-card h3{margin:0;font-size:15px;line-height:1.2}.landing-benefit-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.landing-benefit-card.accent-workflow{border-color:#2563eb47}.landing-benefit-card.accent-templates{border-color:#22c55e47}.landing-benefit-card.accent-views{border-color:#f59e0b47}.landing-benefit-card.accent-account{border-color:#ec489938}.landing-compare{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-compare-card{border-radius:16px;border:1px solid var(--border);padding:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);display:grid;gap:8px}.landing-compare-card.is-featured{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:radial-gradient(circle at 90% 10%,rgba(37,99,235,.08),transparent 44%),color-mix(in srgb,var(--surface) 96%,transparent)}.landing-compare-card h3{margin:0;font-size:18px}.landing-compare-card ul{margin:0;padding-left:18px;display:grid;gap:7px}.landing-compare-card li{line-height:1.4}.landing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.landing-step{border:1px solid var(--border);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);display:grid;gap:8px;box-shadow:var(--shadow)}.landing-step-num{width:fit-content;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);padding:4px 8px;font-size:11px;font-weight:700}.landing-step h3{margin:0;font-size:16px}.landing-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.landing-premium{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));padding:16px;background:radial-gradient(circle at 10% 15%,rgba(37,99,235,.1),transparent 44%),radial-gradient(circle at 90% 18%,rgba(245,158,11,.09),transparent 45%),color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow)}.landing-premium-copy{display:grid;gap:10px;align-content:start}.landing-premium-copy h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.06}.landing-premium-copy p{margin:0;color:var(--muted);line-height:1.55}.landing-premium-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-premium-cards{display:grid;gap:10px;align-content:start}.landing-plan-card{border-radius:14px;border:1px solid var(--border);padding:12px;background:color-mix(in srgb,var(--surface-2) 58%,var(--surface));display:grid;gap:6px}.landing-plan-card.is-accent{border-color:#2563eb4d}.landing-plan-card.is-highlight{border-color:#22c55e52}.landing-plan-label{width:fit-content;padding:5px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:11px;font-weight:700}.landing-plan-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.landing-faq{display:grid;gap:8px}.landing-faq-item{border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);overflow:hidden}.landing-faq-item.is-open{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.landing-faq-trigger{width:100%;border:0;border-radius:0;background:transparent;color:var(--text);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-weight:700}.landing-faq-trigger:hover{background:color-mix(in srgb,var(--surface-2) 65%,var(--surface))}.landing-faq-content{padding:0 16px 14px;color:var(--muted);line-height:1.5;font-size:14px}.landing-cta-banner{border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));padding:18px;background:radial-gradient(circle at 12% 10%,rgba(37,99,235,.12),transparent 44%),radial-gradient(circle at 90% 12%,rgba(34,197,94,.1),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.landing-cta-banner h2{margin:6px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.05}.landing-cta-banner p{margin:0;color:var(--muted);line-height:1.55;max-width:64ch}.landing-cta-actions{display:grid;gap:10px}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.landing-section,.landing-hero,.landing-btn{animation:none!important;transition:none!important}.landing-btn:hover{transform:none}}.desktop-only{display:block}.mobile-only{display:none}button{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--text)}button:disabled{cursor:not-allowed;opacity:.6}button:not(.btn-primary):not(.btn-ghost):not(.task-title-button):hover{background:var(--surface-2)}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%;background:var(--surface);color:var(--text);font:inherit}select{cursor:pointer}textarea{resize:vertical;min-height:128px;line-height:1.45}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.btn-primary:hover{background:var(--accent);filter:brightness(.95)}.btn-ghost{background:transparent}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.btn-ghost:disabled{border-color:var(--border);color:var(--muted);background:transparent}.btn-ghost:disabled:hover{border-color:var(--border);color:var(--muted);background:transparent}.btn-icon{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;font-weight:700}.tooltip-trigger{display:inline-flex;max-width:100%}.tooltip-trigger-block{display:block;max-width:100%}.ui-tooltip{position:fixed;z-index:5000;background:color-mix(in srgb,var(--text) 96%,transparent);color:var(--bg);border:1px solid color-mix(in srgb,var(--text) 50%,transparent);border-radius:8px;padding:6px 8px;font-size:12px;line-height:1.2;white-space:normal;pointer-events:none;box-shadow:0 6px 20px #02061759}.app-shell{min-height:100vh;min-height:var(--app-vh);display:grid;grid-template-columns:240px 1fr;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.app-main{position:relative;padding:0 calc(24px + var(--app-safe-right)) calc(var(--app-footer-dynamic-height, var(--app-footer-height)) + 24px + var(--app-safe-bottom)) calc(24px + var(--app-safe-left))}html[data-style=easter] .app-main{background:radial-gradient(circle at 6% 18%,rgba(244,114,182,.08),transparent 18%),radial-gradient(circle at 94% 12%,rgba(52,211,153,.08),transparent 16%),radial-gradient(circle at 14% 86%,rgba(251,191,36,.08),transparent 14%)}html[data-style=christmas] .app-main{background:radial-gradient(circle at 8% 16%,rgba(34,197,94,.08),transparent 18%),radial-gradient(circle at 92% 12%,rgba(239,68,68,.08),transparent 16%),radial-gradient(circle at 20% 88%,rgba(245,158,11,.06),transparent 12%)}.top-menu{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html[data-style=easter] .top-menu{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,rgba(244,114,182,.08)),color-mix(in srgb,var(--surface) 92%,rgba(52,211,153,.08)))}html[data-style=christmas] .top-menu{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,rgba(34,197,94,.08)),color-mix(in srgb,var(--surface) 92%,rgba(239,68,68,.08)))}.top-menu-links{display:flex;flex:1 1 auto;gap:6px;align-items:center;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.top-menu-links::-webkit-scrollbar{display:none}.top-menu-link{color:var(--text);text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid transparent;white-space:nowrap;font-size:13px;display:inline-flex;align-items:center;gap:6px}.top-menu-link:hover{background:var(--surface-2);border-color:var(--border)}.top-menu-link.active{background:var(--surface-2);border-color:var(--border);font-weight:700}.feedback-unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;font-weight:700;color:#fff;background:#ef4444;border:1px solid rgba(255,255,255,.22)}.topbar-notification-link{position:relative;text-decoration:none}.topbar-notification-link .feedback-unread-badge{position:absolute;top:-5px;right:-5px}.top-menu-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.top-menu-logout{white-space:nowrap}.app-content{padding-top:8px}.app-alert-layer{position:fixed;top:calc(var(--top-menu-alert-offset, 56px) + 8px);left:50%;transform:translate(-50%);width:min(760px,calc(100vw - 24px));z-index:60;pointer-events:none}.app-alert{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow);pointer-events:auto}.app-alert-message{font-weight:600}.app-alert-success{border-color:#22c55e;color:#166534;background:#22c55e24}.app-alert-error{border-color:#ef4444;color:#991b1b;background:#ef444424}html[data-theme=dark] .app-alert-success{color:#86efac}html[data-theme=dark] .app-alert-error{color:#fca5a5}.app-alert-close{width:28px;height:28px;padding:0;border-radius:8px;font-size:16px;line-height:1;font-weight:700}.legal-notice-banner{margin-top:12px;display:grid;gap:12px;border-color:color-mix(in srgb,#f59e0b 35%,var(--border));background:color-mix(in srgb,#f59e0b 7%,var(--surface))}.app-update-banner{margin-top:12px;display:grid;gap:12px;border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.app-update-banner-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.app-update-banner-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.legal-notice-banner-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.legal-notice-banner-list{display:grid;gap:10px}.legal-notice-banner-item{display:grid;gap:6px;padding:12px;border:1px solid color-mix(in srgb,#f59e0b 30%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,#f59e0b 12%)}.legal-notice-banner-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.legal-notice-banner-change{font-size:13px;color:var(--text)}.topbar-dashboard-controls{display:inline-flex;align-items:center;gap:8px}.topbar-dashboard-controls select{width:auto;min-width:150px}.topbar-global-actions{display:inline-flex;align-items:center;gap:8px}.sidebar{padding:14px 10px;border-right:1px solid var(--border);height:100vh;background:var(--surface);position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}.brand{margin:0;font-weight:700;display:inline-flex;align-items:center;gap:8px;min-width:0}.brand-short{display:none;width:28px;height:28px;border-radius:8px;background:var(--surface-2);align-items:center;justify-content:center;font-size:14px}.brand-text{white-space:nowrap}.nav{display:flex;flex-direction:column;gap:4px;align-items:stretch;justify-content:flex-start}.nav-link{color:var(--text);text-decoration:none;padding:4px 8px;border-radius:8px;display:flex;align-items:center;gap:8px;min-height:30px}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--surface-2);font-weight:600}.nav-icon{width:18px;text-align:center;flex:0 0 18px;opacity:.95;font-size:16px;font-weight:700;line-height:1}.nav-label{white-space:nowrap}.sidebar-divider{height:1px;background:var(--border);margin:8px 6px;opacity:.8}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 8px;margin:2px 0 4px}.sidebar-footer{margin-top:8px;display:grid;gap:8px}.sidebar-user{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.is-collapsed{padding-left:8px;padding-right:8px}.sidebar.is-collapsed .brand-text,.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .sidebar-section-title{display:none}.sidebar.is-collapsed .brand-short{display:inline-flex}.sidebar.is-collapsed .sidebar-top{justify-content:center}.sidebar.is-collapsed .nav-link{justify-content:center;padding-left:0;padding-right:0}.sidebar.is-collapsed .sidebar-footer{justify-items:center}.sidebar.is-collapsed .sidebar-user{font-size:11px;width:24px;height:24px;border-radius:999px;background:var(--surface-2);display:grid;place-items:center;color:var(--text)}.muted{color:var(--muted);font-size:12px}.alert-text{color:#b91c1c}html[data-theme=dark] .alert-text{color:#fca5a5}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:10px calc(12px + var(--app-safe-right)) calc(10px + var(--app-safe-bottom)) calc(12px + var(--app-safe-left));border-top:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-around;z-index:40}html[data-style=easter] .bottom-nav,html[data-style=easter] .mobile-sheet-panel,html[data-style=easter] .auth-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,rgba(244,114,182,.05)),color-mix(in srgb,var(--surface) 92%,rgba(52,211,153,.04)))}html[data-style=christmas] .bottom-nav,html[data-style=christmas] .mobile-sheet-panel,html[data-style=christmas] .auth-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,rgba(34,197,94,.05)),color-mix(in srgb,var(--surface) 92%,rgba(239,68,68,.04)))}.mobile-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:grid;place-items:end center;z-index:45}.mobile-sheet-panel{width:min(420px,100%);max-height:calc(var(--app-vh) - 32px - var(--app-safe-top));overflow-y:auto;background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:16px calc(16px + var(--app-safe-right)) calc(16px + var(--app-safe-bottom)) calc(16px + var(--app-safe-left));display:grid;gap:8px}.mobile-sheet-section-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px}.mobile-sheet-links{display:grid;gap:8px}.mobile-sheet-link{display:flex;align-items:center;min-height:44px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface));color:var(--text);text-decoration:none;font-weight:600}.mobile-sheet-link.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.notifications-panel{display:grid;gap:16px}.notifications-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notifications-list{display:grid;gap:10px}.notification-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:14px;cursor:pointer}.notification-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.notification-card.is-unread{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.notification-dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:var(--muted)}.notification-card.is-unread .notification-dot{background:var(--accent)}.notification-content{display:grid;gap:4px;min-width:0}.notification-title{font-weight:800}.notification-body{color:var(--text);overflow-wrap:anywhere}.notification-meta{color:var(--muted);font-size:12px}.notification-unread-label{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-size:12px;font-weight:800}.app-footer{position:fixed;left:240px;right:0;bottom:0;z-index:30;padding:8px calc(24px + var(--app-safe-right)) calc(10px + var(--app-safe-bottom)) calc(24px + var(--app-safe-left));display:grid;gap:6px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell.sidebar-collapsed .app-footer{left:76px}.cookie-consent-banner{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.cookie-consent-actions{display:inline-flex;align-items:center;gap:8px}.app-footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:13px;color:var(--muted)}.app-footer-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--muted)}.topbar-version-link{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--text);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.02em}.topbar-version-link:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.app-footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-link-button{border:none;background:transparent;padding:0;margin:0;color:inherit;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}.app-footer-links a:hover,.footer-link-button:hover{color:var(--text)}.cookie-consent-modal{width:min(640px,92vw)}.auth-version-meta{margin-top:18px;display:grid;gap:6px;justify-items:center;text-align:center;font-size:13px}.auth-version-meta a{font-weight:600}.cookie-consent-option{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.cookie-consent-control{display:grid;justify-items:end;align-items:center;gap:4px}.cookie-consent-control .toggle input:disabled~.toggle-track{opacity:.85}.cookie-consent-control .toggle input:disabled~.toggle-thumb{opacity:.9}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.view-toggle{display:flex;gap:8px;align-items:center}.view-select{display:inline-flex;gap:8px;align-items:center}.theme-toggle-single{width:32px;height:32px;border-radius:10px;border-color:var(--border);font-size:17px;line-height:1;background:var(--surface-2)}.style-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.style-preset-card{border:1px solid var(--border);border-radius:14px;padding:10px;background:var(--surface);text-align:left;display:grid;gap:8px;min-width:0;width:100%;overflow:hidden}.style-preset-card:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.style-preset-card.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.style-preset-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0}.style-preset-swatch{min-width:0;height:28px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.style-preset-meta{display:grid;gap:2px}.style-preset-title{font-weight:700}.style-preset-description{color:var(--muted);font-size:12px;line-height:1.4}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow);min-width:0}.panel-mobile-edge{min-width:0}html[data-style=easter] .panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,rgba(255,255,255,.4)),color-mix(in srgb,var(--surface) 92%,rgba(244,114,182,.04)))}html[data-style=christmas] .panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,rgba(255,255,255,.35)),color-mix(in srgb,var(--surface) 92%,rgba(34,197,94,.04)))}.section-title{margin:0 0 12px;font-size:16px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-title-row>*{min-width:0}.account-page{display:grid;gap:16px}.account-page>*{min-width:0}.account-panel{overflow:hidden}.account-panel:last-child{margin-bottom:0}.account-panel-danger{border-color:color-mix(in srgb,#ef4444 35%,var(--border));background:color-mix(in srgb,#ef4444 4%,var(--surface))}.account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-section-head>*{min-width:0}.account-section-text{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.account-meta-chips,.account-section-actions,.account-danger-actions{display:flex;gap:8px;flex-wrap:wrap}.account-meta-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));color:var(--muted);font-size:12px;white-space:nowrap}.account-session-list{display:grid;gap:10px}.account-session-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}.account-session-card.is-current{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.account-session-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.account-session-head strong{line-height:1.35;word-break:break-word}.account-session-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:12px}.account-session-meta span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.account-session-actions{display:flex;justify-content:flex-end}.responsive-form-row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.responsive-form-row>label,.responsive-form-row>.responsive-field{flex:1 1 220px;min-width:0}.responsive-form-row>button,.responsive-form-row>.btn,.responsive-form-row>.btn-primary,.responsive-form-row>.btn-ghost{flex:0 0 auto}.responsive-inline-toggle{display:flex;gap:8px;flex-wrap:wrap}.responsive-inline-check{display:flex;gap:6px;align-items:center}.responsive-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.responsive-card-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.team-invite-row{grid-template-columns:1fr 130px 130px}.team-member-row{grid-template-columns:1fr 140px}.template-task-row{grid-template-columns:1fr 120px 90px}.dictionary-item-row{grid-template-columns:1fr 1fr 120px}.premium-input-compact{width:140px}.template-task-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}.template-task-card-title{font-weight:700;line-height:1.35;word-break:break-word}.template-task-card-meta{display:flex;flex-wrap:wrap;gap:6px}.template-task-card-meta span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px}.template-task-edit-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}.template-task-edit-field{display:grid;gap:6px}.template-task-edit-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.template-task-edit-remove{justify-self:start}.team-mobile-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}.team-mobile-card-title,.template-summary-title{font-weight:700;line-height:1.3}.team-mobile-card-actions{display:flex;gap:8px;flex-wrap:wrap}.team-mobile-card-badge{width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--muted)}.template-summary-card{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--surface-2))}.export-mobile-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}.export-mobile-card-title{font-weight:700;line-height:1.35;word-break:break-word}.export-mobile-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}.export-mobile-meta span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.export-mobile-actions{display:flex;gap:8px;flex-wrap:wrap}.template-dictionary-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 62%,var(--surface))}.admin-table{display:grid;gap:6px}.admin-table-row{display:grid;grid-template-columns:280px 180px 80px 120px 200px;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.admin-users-table,.admin-users-pagination{width:min(100%,980px);margin-right:auto}.admin-users-table .admin-table-row{grid-template-columns:260px 160px 70px 110px 260px}.admin-action-email-ok,.admin-action-delete{white-space:nowrap}.admin-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.admin-filter-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.admin-filter-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.admin-filter-chip.is-active{color:var(--text);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.admin-content-width{width:min(100%,980px);margin-right:auto}.admin-date-input{width:150px}.admin-table-header{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:transparent;border:none;padding:0 4px 6px}.admin-table-sort{background:none;border:none;padding:0;text-align:left;font:inherit;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.admin-table-sort:hover{color:var(--text)}.admin-sort-indicator{font-size:10px;opacity:.3}.admin-sort-indicator.is-active{opacity:.9}.admin-table-title{font-weight:600}.admin-table-actions{display:flex;gap:8px;justify-content:flex-end}.admin-table-row .btn,.admin-table-row .btn-ghost{padding:6px 10px;font-size:12px}.feedback-form label,.admin-feedback-form label{display:grid;gap:6px}.feedback-table-row{grid-template-columns:minmax(0,1fr) 140px 120px}.feedback-table .admin-table-row{align-items:start}.admin-feedback-modal{width:min(760px,92vw)}.admin-feedback-history-item{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.admin-feedback-history-item.is-user{border-color:color-mix(in srgb,#2563eb 42%,var(--border));background:color-mix(in srgb,#2563eb 13%,var(--surface-2))}.admin-feedback-history-item.is-su{border-color:color-mix(in srgb,#16a34a 42%,var(--border));background:color-mix(in srgb,#16a34a 13%,var(--surface-2))}.admin-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);background:#00000059;display:none;align-items:stretch;justify-content:flex-end;z-index:60}.admin-drawer.is-open{display:flex}.admin-drawer-backdrop{flex:1;background:transparent;border:none;cursor:pointer}.admin-drawer-card{background:var(--surface);border-left:1px solid var(--border);padding:16px;width:min(380px,90vw);display:grid;gap:12px;position:relative;z-index:1}.admin-users-filters{display:grid}.admin-users-filters-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-users-filters-row input[type=text]{width:min(360px,100%)}.admin-users-filter-check{display:inline-flex;align-items:center;gap:6px}.premium-badge{font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.premium-cta{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:12px;color:var(--muted)}.premium-cta-text{flex:1}.premium-page{display:grid;gap:16px}.premium-page>*{min-width:0}.about-page,.legal-page{display:grid;gap:16px}.legal-section p{margin:0 0 10px;line-height:1.55}.legal-section p:last-child{margin-bottom:0}.legal-markdown{display:grid;gap:14px}.legal-markdown h2,.legal-markdown h3,.legal-markdown h4{margin:0}.legal-markdown ul,.legal-markdown ol{margin:0;padding-left:18px;display:grid;gap:8px}.legal-markdown li{line-height:1.45}.legal-markdown a{word-break:break-word}.legal-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}.legal-version-box{margin-top:16px;display:grid;gap:6px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 75%,transparent)}.legal-change-box{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.release-history-list{display:grid;gap:16px}.release-history-item{display:grid;gap:10px;padding:16px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,var(--surface-2))}.release-history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.release-history-summary{margin:0;color:var(--text)}.release-history-body{white-space:pre-wrap;line-height:1.6;color:var(--text)}.about-hero-panel{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 44%),radial-gradient(circle at 88% 18%,color-mix(in srgb,#22c55e 8%,transparent),transparent 48%),var(--surface)}.about-hero-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.about-title{margin:8px 0 10px;font-size:clamp(22px,4vw,34px);line-height:1.08}.about-lead{margin:0;color:var(--muted);line-height:1.55;max-width:76ch}.about-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.about-card h3{margin:0 0 8px;font-size:14px}.about-card p{margin:0;color:var(--muted);line-height:1.45;font-size:13px}.about-list{margin:0;padding-left:18px;display:grid;gap:8px}.about-list li{line-height:1.45}.about-premium-panel{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.help-gallery{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.help-gallery-mobile{grid-template-columns:repeat(4,minmax(0,1fr))}.help-gallery-card{margin:0;border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface));display:grid;gap:8px}.help-gallery-card img{width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow)}.help-gallery-card figcaption{font-size:13px;color:var(--muted)}.help-checklist{display:grid;gap:8px}.help-checklist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.help-checklist-file{white-space:normal;word-break:break-word;line-height:1.35}.help-checklist-statuses{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.help-checklist-badge{font-size:11px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap}.help-checklist-badge.is-done{border-color:#22c55e59;background:#22c55e14;color:#166534}html[data-theme=dark] .help-checklist-badge.is-done{color:#86efac}.premium-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:16px;border-color:color-mix(in srgb,var(--accent) 25%,var(--border));background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),radial-gradient(circle at 85% 20%,color-mix(in srgb,#f59e0b 10%,transparent),transparent 48%),var(--surface)}.premium-hero-copy h1{margin:8px 0 10px;font-size:clamp(24px,4vw,34px);line-height:1.05}.premium-hero-subtitle{font-size:13px;line-height:1.45;margin:0 0 10px}.premium-hero-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.premium-current-status{margin:10px 0;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface));font-size:13px}.premium-hero-side{display:grid;gap:10px;align-content:start}.premium-provider-badge{width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:700}.premium-note-card{border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 75%,var(--surface));padding:12px;display:grid;gap:6px}.premium-note-title{font-size:13px;font-weight:700}.premium-plans-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-plan-card{display:grid;gap:12px;align-content:start;position:relative}.premium-plan-card.is-recommended{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 16px 35px #2563eb1f}html[data-theme=dark] .premium-plan-card.is-recommended{box-shadow:0 16px 35px #38bdf81f}.premium-plan-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.premium-plan-name{font-weight:700;font-size:16px}.premium-plan-pill{font-size:11px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:700}.premium-plan-price{display:flex;align-items:baseline;gap:6px}.premium-plan-price>span{font-size:26px;font-weight:700;line-height:1}.premium-plan-price>small{color:var(--muted);font-size:12px}.premium-plan-meta{display:grid;gap:4px}.premium-saving{color:#166534;background:#22c55e1a;border:1px solid rgba(34,197,94,.35);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600}html[data-theme=dark] .premium-saving{color:#86efac}.premium-plan-benefits{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}.premium-purchase-mode{display:grid;gap:8px;margin-bottom:10px}.premium-purchase-mode-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.premium-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.premium-mode-switch-btn{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:9px 10px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.premium-mode-switch-btn:hover{background:color-mix(in srgb,var(--surface) 75%,var(--surface-2));color:var(--text)}.premium-mode-switch-btn.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px #0000000f,0 0 0 1px color-mix(in srgb,var(--accent) 30%,var(--border))}html[data-theme=dark] .premium-mode-switch-btn.is-active{box-shadow:0 1px #ffffff0a,0 0 0 1px color-mix(in srgb,var(--accent) 35%,var(--border))}.premium-benefits-section{overflow:hidden}.premium-legal-meta{display:grid;gap:4px;justify-items:end;text-align:right}.premium-legal-link{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--accent) 82%,white 18%);text-decoration:underline;text-underline-offset:3px}.premium-legal-link:hover{color:color-mix(in srgb,var(--accent) 68%,white 32%)}.premium-table-wrap{overflow-x:auto;width:100%;max-width:100%;min-width:0}.premium-payment-modal{width:min(760px,92vw)}.premium-payment-status{border-radius:10px;padding:10px 12px;border:1px solid var(--border);background:var(--surface-2);font-weight:600;font-size:13px}.premium-payment-status.is-success{border-color:#22c55e73;background:#22c55e1a;color:#166534}.premium-payment-status.is-error{border-color:#ef444473;background:#ef444414;color:#991b1b}html[data-theme=dark] .premium-payment-status.is-success{color:#86efac}html[data-theme=dark] .premium-payment-status.is-error{color:#fca5a5}.premium-payment-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-payment-cell{border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface));display:grid;gap:4px;font-size:13px;word-break:break-word}.premium-compare-table{width:100%;border-collapse:collapse;min-width:560px}.premium-compare-table th,.premium-compare-table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;font-size:13px}.premium-compare-table th{background:var(--surface-2);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.premium-compare-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.notice{color:#b45309;margin-bottom:8px}.grid-2{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.task-form{display:grid;gap:10px}.task-form-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.task-form-field-full{grid-column:1 / -1}.task-form-actions{display:flex;align-items:end}.overdue-modal-controls{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 180px;align-items:end}.overdue-task-list{display:grid;gap:10px}.overdue-task-card{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 64%,var(--surface))}.overdue-task-content{display:grid;gap:8px;min-width:0}.overdue-task-title{font-weight:700;line-height:1.35;word-break:break-word}.overdue-task-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:12px}.overdue-task-meta span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.task-list{display:grid;gap:8px}.task-list-mobile{gap:12px}.task-day-group{display:grid;gap:8px;border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--day-group-bg, var(--surface-2));box-shadow:var(--shadow)}.task-day-group{border-color:var(--day-group-border, var(--border))}.task-day-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.task-day-add-btn{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,var(--surface-2));color:var(--text);font-size:20px;line-height:1;box-shadow:var(--shadow-sm)}.task-day-add-btn:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.mobile-day-card{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:16px;padding:12px;background:color-mix(in srgb,var(--surface) 84%,var(--surface-2));box-shadow:var(--shadow)}.mobile-day-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.mobile-day-card-open{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.mobile-day-card-title-wrap{display:grid;gap:4px}.mobile-day-card-title{font-size:18px;font-weight:700;line-height:1.15}.mobile-day-card-summary{font-size:12px;color:var(--muted)}.mobile-day-card-caret{font-size:16px;color:var(--muted);line-height:1;width:34px;height:34px;padding:0;display:inline-grid;place-items:center}.mobile-task-list{display:grid;gap:10px}.mobile-task-card{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 68%,var(--surface))}.mobile-task-card.is-done{opacity:.82}.mobile-task-main{display:grid;grid-template-columns:20px minmax(0,1fr) 32px;align-items:start;gap:10px}.mobile-task-title-btn{min-width:0;padding:0;border:0;background:transparent;text-align:left;color:var(--text);font:inherit;font-weight:700;line-height:1.35}.mobile-task-card.is-done .mobile-task-title-btn{text-decoration:line-through;color:var(--muted)}.mobile-task-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}.mobile-task-meta span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,var(--surface-2))}.mobile-task-children{display:grid;gap:8px}.mobile-task-card--compact{gap:2px;padding:6px 8px;border-radius:10px}.mobile-task-card--compact .mobile-task-main{grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:6px}.mobile-task-card--compact .mobile-task-meta{font-size:11px;line-height:1.2}.mobile-task-card--compact .mobile-task-title-btn{font-size:14px;line-height:1.15}.mobile-task-card--compact .mobile-task-meta--compact-text{display:block;padding-left:24px}.mobile-task-card--compact .mobile-task-meta--compact-text span{display:block;padding:0;border:0;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-task-card--compact .task-day-add-btn{width:28px;height:28px;min-height:28px}.mobile-task-card--compact .mobile-task-children{gap:4px}.mobile-day-card--compact{gap:6px;border:0;border-radius:0;padding:4px 0 0;background:transparent;box-shadow:none}.mobile-day-card--compact+.mobile-day-card--compact{border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent);padding-top:10px}.mobile-day-card--compact .mobile-day-card-head{gap:8px}.mobile-day-card--compact .mobile-day-card-title{font-size:15px;line-height:1.1}.mobile-day-card--compact .mobile-day-card-summary{font-size:11px}.mobile-day-card--edge{margin-left:-12px;margin-right:-12px}.mobile-task-list--compact{gap:0}.mobile-task-list--edge{margin-left:0;margin-right:0}.mobile-task-list--compact .mobile-task-card--compact{border:0;border-radius:0;padding:8px 0;background:transparent}.mobile-task-list--edge .mobile-task-card--edge{padding-left:0;padding-right:0}.mobile-task-list--compact .mobile-task-card--compact+.mobile-task-card--compact{border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.mobile-task-list--compact .mobile-task-card--compact .mobile-task-main{grid-template-columns:18px minmax(0,1fr) 24px;gap:4px}.mobile-task-list--compact .mobile-task-card--compact .mobile-task-title-btn{font-size:14px;font-weight:600}.mobile-task-list--compact .mobile-task-card--compact .mobile-task-meta--compact-text{padding-left:22px}.task-list-mobile--edge{margin-left:-12px;margin-right:-12px}.responsive-form-row-mobile-panel{margin-top:4px}.color-swatch{width:18px;height:18px;border-radius:6px;border:1px solid var(--border);display:inline-block}.task-day-header{font-weight:700;font-size:13px;color:var(--text);margin:6px 0 2px}.task-day-row{cursor:default}.task-day-row:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.task-day-caret{color:var(--muted);font-size:14px}.task-day-caret-btn{width:32px;height:32px;padding:0;display:inline-grid;place-items:center;background:transparent;border:0}.task-day-open-button{justify-self:start;text-align:left}.stack{display:grid;gap:8px}.task-row{position:relative;display:grid;align-items:center;grid-template-columns:32px 22px 110px 1fr auto;gap:8px;border:1px solid var(--task-border, var(--border));border-radius:10px;padding:8px 10px;background:var(--task-bg, var(--surface-2))}.task-row.task-item-row{grid-template-columns:32px 22px 110px 1fr 124px auto}.task-row:not(.task-day-row):hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--task-border, var(--border)))}.task-tree-root{display:grid;gap:8px;--tree-elbow-size: 8px;--tree-elbow-offset: 12px;--tree-elbow-top: 4px;--tree-elbow-thickness: 1.5px}.task-row.is-child:before{content:"";position:absolute;left:calc(var(--tree-elbow-offset) * -1);top:var(--tree-elbow-top);width:var(--tree-elbow-size);height:calc(50% - var(--tree-elbow-top));border-left:var(--tree-elbow-thickness) solid var(--tree-line-color, var(--task-connector, var(--border)));border-bottom:var(--tree-elbow-thickness) solid var(--tree-line-color, var(--task-connector, var(--border)));border-bottom-left-radius:3px;opacity:.95}.task-row.is-child:after{content:"";position:absolute;left:calc(var(--tree-elbow-offset) * -1);top:0;bottom:-8px;border-left:var(--tree-elbow-thickness) solid var(--tree-line-color, var(--task-connector, var(--border)));opacity:.95}.task-row.is-child.is-last-child:after{bottom:auto;height:calc(50% - var(--tree-elbow-top))}.task-parent{--task-bg: var(--task-parent-bg, color-mix(in srgb, var(--accent) 14%, var(--surface-2)));--task-border: color-mix(in srgb, var(--accent) 40%, var(--border));--task-connector: color-mix(in srgb, var(--accent) 70%, var(--border));margin-bottom:1px}.task-child{--task-bg: var(--task-child-bg, color-mix(in srgb, var(--accent) 8%, var(--surface-2)));--task-border: color-mix(in srgb, var(--accent) 30%, var(--border));--task-connector: color-mix(in srgb, var(--accent) 55%, var(--border));margin-top:1px}.task-leaf{--task-bg: var(--task-leaf-bg, var(--surface-2));--task-border: var(--border);--task-connector: var(--border)}.task-direct-child-leaf{--task-bg: var(--task-child-bg, color-mix(in srgb, var(--accent) 8%, var(--surface-2)));--task-border: color-mix(in srgb, var(--accent) 30%, var(--border));--task-connector: color-mix(in srgb, var(--accent) 55%, var(--border))}.task-grandchild{--task-bg: var(--task-grandchild-bg, var(--surface-2))}.task-done .task-title-button{text-decoration:line-through;color:var(--muted)}.task-row.is-drop-target{border-color:color-mix(in srgb,var(--accent) 72%,var(--task-border, var(--border)));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,var(--surface)) 0%,var(--task-bg, var(--surface-2)) 100%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.task-row.is-drop-target .drag-handle{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--surface) 78%,var(--accent) 22%);color:var(--text)}.task-row.is-drop-target .task-time,.task-row.is-drop-target .task-date,.task-row.is-drop-target .task-title-button,.task-row.is-drop-target .muted,.task-row.is-drop-target .task-drop-hint{color:var(--text)}.task-date{font-size:12px;color:var(--muted)}.task-title{font-weight:600}.task-title-row{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;min-width:0}.task-title-main{min-width:0;flex:0 1 auto}.task-inline-description{min-width:0;flex:1 1 auto;color:var(--muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title-button{background:none;border:none;padding:0;text-align:left;color:var(--text);font-weight:600;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;min-width:0;max-width:100%}.task-title-button:hover{background:none;text-decoration:none;color:inherit}.task-preview-btn{width:30px;height:30px;min-width:30px;display:inline-grid;place-items:center;padding:0;border-radius:999px}.task-preview-btn svg{width:16px;height:16px}.task-preview-tooltip{display:grid;gap:6px;max-width:min(420px,78vw)}.task-preview-card{display:grid;gap:10px;min-width:min(320px,72vw)}.task-preview-card-header{display:grid;gap:4px}.task-preview-title{font-weight:800;font-size:14px;line-height:1.35}.task-preview-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.task-preview-meta-item{display:grid;gap:2px;min-width:0}.task-preview-meta-item-full{grid-column:1 / -1}.task-preview-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.72}.task-preview-meta-value{line-height:1.35;word-break:break-word}.task-preview-description-block{display:grid;gap:4px;padding-top:2px}.task-preview-description{line-height:1.45;opacity:.95}.task-drop-hint{display:block;min-height:16px;opacity:0;color:color-mix(in srgb,var(--accent) 88%,var(--text));font-size:12px;font-weight:700;text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 80%,transparent);transition:opacity .12s ease}.task-drop-hint.is-visible{opacity:1}.task-time{display:grid;grid-template-columns:5ch auto 5ch;column-gap:3px;align-items:center;justify-content:end;justify-self:end;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.task-time-start{text-align:right}.task-time-sep{text-align:center;opacity:.8}.task-time-end{text-align:left}.task-actions{display:flex;align-items:center;gap:8px;margin-left:auto;justify-self:end}.drag-handle{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:grab;color:var(--muted);font-size:14px;user-select:none;-webkit-user-select:none;-webkit-user-drag:element;touch-action:none}.drag-handle:active{cursor:grabbing}code{background:var(--surface-2);border:1px solid var(--border);padding:6px 8px;border-radius:6px}.alert{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);margin-bottom:12px}.alert-error{border-color:#ef4444;color:#fca5a5;background:#ef444414}.alert-success{border-color:#22c55e;color:#86efac;background:#22c55e14}.task-row.updated{animation:pulse .6s ease-in-out}.day-workspace-page{display:grid;gap:16px}.day-workspace-heading{display:grid;gap:4px}.day-workspace-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.day-workspace-overview{display:grid;gap:16px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 14%,transparent),transparent 42%),color-mix(in srgb,var(--surface-2) 52%,var(--surface))}.day-workspace-overview-copy{display:grid;gap:6px}.day-workspace-overview-title{margin:0;font-size:24px;line-height:1.1}.day-workspace-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.day-workspace-stat-card{display:grid;gap:6px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--surface-2))}.day-workspace-stat-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.day-workspace-stat-value{font-size:26px;line-height:1}.day-workspace-actions{display:flex;flex-wrap:wrap;gap:8px}.day-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.day-workspace-panel-stack{display:grid;gap:12px}.day-workspace-toolbar-card{margin-bottom:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 45%,var(--surface))}.day-workspace-toolbar-copy{display:grid;gap:4px}.day-workspace-toolbar-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.day-workspace-toolbar-actions{display:flex;align-items:center;gap:8px}.day-workspace-action-cards{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px}.day-workspace-bulk-grid{align-items:end}.day-workspace-split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.day-workspace-subpanel{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.day-workspace-subpanel-copy{display:grid;gap:4px}.day-workspace-subpanel h3{margin:0;font-size:16px}.day-workspace-subpanel p{margin:0}.day-workspace-subpanel-danger{border-color:color-mix(in srgb,#ef4444 24%,var(--border));background:color-mix(in srgb,rgba(239,68,68,.08) 55%,var(--surface))}.day-workspace-danger-actions{display:flex;align-items:center;justify-content:flex-start;min-height:100%}.day-workspace-list{display:grid;gap:10px}.task-row.task-item-row.day-workspace-row{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 60%,var(--surface))}.day-workspace-row-main-wrap{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.day-workspace-list.is-root-drop-target .day-workspace-root-dropzone,.day-workspace-root-dropzone.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--text)}.day-workspace-root-dropzone{display:none;align-items:center;justify-content:center;min-height:54px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:13px;font-weight:600;background:color-mix(in srgb,var(--surface-2) 40%,var(--surface))}.day-workspace-root-dropzone.is-visible{display:flex}.day-workspace-row.is-drop-target{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--surface-2) 55%,var(--surface)));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 14%,transparent)}.day-workspace-row.is-drop-target .drag-handle,.day-workspace-row.is-drop-target .day-workspace-order-badge,.day-workspace-row.is-drop-target .day-workspace-relation-badge{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--surface) 78%,var(--accent) 22%);color:var(--text)}.day-workspace-row.is-drop-target .day-workspace-row-main,.day-workspace-row.is-drop-target .day-workspace-drop-hint,.day-workspace-row.is-drop-target .task-meta{color:var(--text)}.day-workspace-drop-hint{display:block;color:color-mix(in srgb,var(--accent) 88%,var(--text));font-size:12px;font-weight:700;min-height:16px;opacity:0;text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 80%,transparent);transition:opacity .12s ease}.day-workspace-drop-hint.is-visible{opacity:1}.day-workspace-row.is-dragging{opacity:.6}.day-workspace-reorder-note{margin-bottom:12px}.day-workspace-checkbox{width:18px;height:18px;display:inline-grid;place-items:center}.day-workspace-checkbox input{width:16px;height:16px;margin:0}.day-workspace-select-controls{display:inline-flex;align-items:center;gap:10px;min-width:0}.day-workspace-reorder-controls{display:inline-flex;align-items:center;gap:6px;align-self:center}.day-workspace-order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.day-workspace-reorder-buttons{display:inline-flex;gap:6px}.day-workspace-reorder-btn{min-width:38px;min-height:38px;padding:0;font-size:16px;line-height:1}.day-workspace-row-main{width:100%;min-width:0;display:grid;justify-content:space-between;gap:4px;text-align:left}.day-workspace-row-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.day-workspace-status-badge,.day-workspace-relation-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--surface) 85%,var(--surface-2));color:var(--muted);font-size:11px;font-weight:700}.day-workspace-status-badge{border-color:color-mix(in srgb,var(--text) 12%,var(--border));background:color-mix(in srgb,var(--surface) 92%,var(--surface-2))}.day-workspace-inline-action{min-height:30px;padding:5px 10px;font-size:12px}.settings-section{display:grid;gap:12px}.settings-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.settings-label{display:grid;gap:2px}.settings-control{display:flex;justify-content:flex-end;min-width:0}.settings-theme-pair{display:flex;gap:10px;align-items:flex-end}.settings-theme-control{display:grid;gap:4px;min-width:0;flex:1}.settings-theme-control-label{font-size:11px;color:var(--muted)}.settings-theme-control-row{display:flex;gap:8px;align-items:center}.settings-theme-control-row select{min-width:0}.settings-style-note{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}.remember-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.remember-text{font-size:12px;font-weight:600}.remember-help{font-size:12px}.toggle{position:relative;width:40px;height:22px;display:inline-flex;align-items:center;justify-content:center}.toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.toggle-track{width:40px;height:22px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;transition:background .2s ease,border-color .2s ease}.toggle-thumb{position:absolute;left:3px;width:16px;height:16px;background:var(--surface);border:1px solid var(--border);border-radius:50%;transition:transform .2s ease,background .2s ease,border-color .2s ease}.toggle input:checked~.toggle-track{background:color-mix(in srgb,var(--accent) 25%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.toggle input:checked~.toggle-thumb{transform:translate(18px);background:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}@keyframes pulse{0%{box-shadow:0 0 #38bdf800}50%{box-shadow:0 0 0 4px #38bdf833}to{box-shadow:0 0 #38bdf800}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:grid;place-items:center;z-index:50;overflow-y:auto;overscroll-behavior:contain;padding:calc(24px + var(--app-safe-top)) calc(24px + var(--app-safe-right)) calc(24px + var(--app-safe-bottom)) calc(24px + var(--app-safe-left))}.modal{width:min(720px,calc(var(--app-vw) - 32px));max-height:calc(var(--app-vh) - 48px - var(--app-safe-top) - var(--app-safe-bottom));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.admin-delete-modal{width:min(560px,92vw)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-body{padding:16px;display:grid;gap:12px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.modal-field-full{grid-column:1 / -1}.modal-actions{display:flex;align-items:end}.divider{height:1px;background:var(--border);margin:6px 0}.checkout-wait-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0206176b;display:grid;place-items:center;padding:24px}.checkout-wait-card{width:min(560px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px;display:grid;gap:10px;justify-items:center;text-align:center}.checkout-spinner{width:44px;height:44px;border-radius:999px;border:3px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-top-color:var(--accent);animation:checkout-spin .9s linear infinite}.checkout-wait-title{font-weight:700}.checkout-wait-text{max-width:46ch}@keyframes checkout-spin{to{transform:rotate(360deg)}}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.week-day{border:1px solid var(--border);border-radius:12px;padding:10px;min-height:180px;background:var(--surface)}.week-day-title{font-weight:700;margin-bottom:8px;font-size:13px;color:var(--text)}.week-day-list{display:grid;gap:8px}.week-task-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px}.task-meta{font-size:11px;color:var(--muted)}.task-title-strong{font-weight:600;color:var(--text)}.task-title-done{text-decoration:line-through;opacity:.7}.week-list{display:grid;gap:12px}.week-list-day-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),var(--surface)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 8%,transparent),transparent 36%);box-shadow:var(--shadow)}.week-list-day-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.week-list-day-title{font-weight:700;font-size:14px;color:var(--text)}.week-list-day-summary{font-size:12px;color:var(--muted);white-space:nowrap}.week-list-empty{font-size:12px;color:var(--muted);padding:10px 2px 2px}.week-list-tasks{display:grid;gap:8px}.week-list-row{display:grid;gap:7px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);background:color-mix(in srgb,var(--surface-2) 84%,var(--surface))}.week-list-row-status-todo{border-left:4px solid color-mix(in srgb,var(--accent) 78%,white)}.week-list-row-status-done{border-left:4px solid color-mix(in srgb,#22c55e 72%,var(--border))}.week-list-row-status-cancelled,.week-list-row-status-moved,.week-list-row-status-overdue{border-left:4px solid color-mix(in srgb,#f59e0b 70%,var(--border))}.week-list-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.week-list-row-title{min-width:0;font-weight:700;color:var(--text);line-height:1.28;overflow-wrap:anywhere}.week-list-row-time{justify-self:end;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}.week-list-row-meta{display:flex;flex-wrap:wrap;gap:6px}.week-list-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:11px;font-weight:700;color:var(--muted)}.week-list-badge-status-todo{color:color-mix(in srgb,var(--accent) 88%,var(--text));border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.week-list-badge-status-done{color:color-mix(in srgb,#16a34a 82%,var(--text));border-color:color-mix(in srgb,#16a34a 22%,var(--border));background:color-mix(in srgb,#16a34a 10%,var(--surface))}.week-list-badge-status-cancelled,.week-list-badge-status-moved,.week-list-badge-status-overdue{color:color-mix(in srgb,#b45309 84%,var(--text));border-color:color-mix(in srgb,#f59e0b 24%,var(--border));background:color-mix(in srgb,#f59e0b 12%,var(--surface))}.week-list-row-description{font-size:12px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timegrid{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.timegrid-head{display:grid;grid-template-columns:80px repeat(7,minmax(0,1fr));background:var(--surface-2);border-bottom:1px solid var(--border)}.timegrid-spacer{padding:8px}.timegrid-day{padding:8px;font-size:12px;font-weight:700;color:var(--text)}.timegrid-body{display:grid;grid-template-columns:80px repeat(7,minmax(0,1fr));height:var(--timegrid-height)}.timegrid-hours-col{display:grid;grid-template-rows:repeat(12,44px);background:var(--surface-2);border-right:1px solid var(--border)}.timegrid-hour-slot{border-top:1px solid var(--border);padding:6px 8px}.timegrid-hour-slot:first-child{border-top:none}.timegrid-hour{font-size:12px;color:var(--muted)}.timegrid-day-col{position:relative;border-left:1px solid var(--border)}.timegrid-day-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timegrid-line{height:44px;border-top:1px solid var(--border)}.timegrid-line:first-child{border-top:none}.timegrid-task{position:absolute;background:var(--accent);color:var(--accent-contrast);border-radius:8px;padding:4px 6px;font-size:12px;border:1px solid color-mix(in srgb,var(--accent) 82%,#000 18%);box-shadow:0 4px 10px #02061729;overflow:hidden}.timegrid-task-title{font-weight:700;line-height:1.2}.timegrid-task-time{margin-top:2px;font-size:11px;opacity:.88;font-variant-numeric:tabular-nums}.timegrid-task-done .timegrid-task-title{text-decoration:line-through;opacity:.9}@media (max-width: 900px){.landing-topbar{align-items:stretch;padding:10px 14px;gap:10px}.landing-topbar-row{align-items:center}.landing-top-actions-primary{flex:0 0 auto}.landing-top-actions-primary .landing-btn{min-width:132px}.landing-top-actions-secondary{display:none}.landing-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;margin:0 -2px}.landing-nav a{white-space:nowrap;background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:var(--border)}.landing-main{width:min(100vw - 16px,1200px);padding-top:12px;gap:16px}.landing-footer{width:min(100vw - 16px,1200px);margin-bottom:16px;flex-direction:column;align-items:flex-start}.landing-hero{grid-template-columns:1fr;gap:12px;padding:16px 14px;border-radius:16px}.landing-hero-copy{gap:12px}.landing-hero-copy h1{font-size:clamp(28px,7vw,40px);line-height:1.02}.landing-hero-copy p{font-size:14px;line-height:1.5}.landing-hero-actions{display:grid;grid-template-columns:1fr}.landing-hero-actions .landing-btn{width:100%}.landing-hero-meta{gap:6px}.landing-hero-meta span{font-size:11px;padding:6px 9px}.landing-mobile-links{display:flex;flex-wrap:wrap;gap:10px 12px;padding-top:2px}.landing-hero-visual{min-height:0;display:none}.landing-showcase-card.is-floating{position:static;width:100%;transform:none;margin-top:10px}.landing-showcase-card.is-primary{transform:none}.landing-showcase-grid,.landing-benefits-grid,.landing-compare,.landing-steps,.landing-premium{grid-template-columns:1fr}.landing-cta-banner{grid-template-columns:1fr;padding:14px;border-radius:16px}.landing-cta-actions{grid-template-columns:1fr}.app-update-banner-head,.legal-notice-banner-head,.legal-notice-banner-item-top,.legal-update-card-head,.cookie-consent-banner,.cookie-consent-option{display:grid;grid-template-columns:1fr;justify-content:stretch}.app-shell{grid-template-columns:1fr}.app-main{padding:0 calc(16px + var(--app-safe-right)) calc(var(--app-footer-dynamic-height, var(--app-footer-height)) + var(--mobile-nav-height) + 20px + var(--app-safe-bottom)) calc(16px + var(--app-safe-left))}.desktop-only{display:none}.mobile-only{display:block}.app-footer{display:none}.top-menu{display:grid;grid-template-columns:1fr;align-items:stretch;padding-top:calc(8px + var(--app-safe-top));gap:8px}.top-menu-links{order:2;padding-bottom:0}.top-menu-links{display:none}.top-menu-right{order:1;width:100%;justify-content:space-between;gap:6px}.topbar-version-link{min-height:34px;padding:0 8px;font-size:11px}.topbar-dashboard-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;flex:1 1 auto}.topbar-dashboard-controls select{min-width:0;width:100%}.topbar-global-actions{flex:0 0 auto}.topbar-global-actions .btn-icon,.top-menu-logout{min-width:42px;height:42px}.top-menu-logout{flex:0 0 auto;padding-left:12px;padding-right:12px}.page-header{margin-bottom:10px}.panel-mobile-edge{margin-left:calc(-16px - var(--app-safe-left));margin-right:calc(-16px - var(--app-safe-right));border-left:0;border-right:0;border-radius:0;padding-left:calc(16px + var(--app-safe-left));padding-right:calc(16px + var(--app-safe-right))}.page-header h1{margin:0;font-size:22px;line-height:1.08}body{padding-bottom:calc(var(--mobile-nav-height) + var(--app-safe-bottom))}.task-form-row,.overdue-modal-controls{grid-template-columns:1fr}.task-row.task-row--mobile{grid-template-columns:32px 1fr;grid-auto-rows:auto}.day-workspace-header{grid-template-columns:1fr}.task-row.task-item-row.day-workspace-row{grid-template-columns:22px 22px minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px}.day-workspace-overview-stats,.day-workspace-action-cards,.day-workspace-toolbar,.day-workspace-split-panels{grid-template-columns:1fr;display:grid}.day-workspace-actions,.day-workspace-row-meta{width:100%}.day-workspace-row-main{grid-column:3;grid-row:1;gap:2px}.day-workspace-select-controls{grid-column:2;grid-row:1;align-self:start;justify-content:center;gap:0}.day-workspace-reorder-controls{display:none}.day-workspace-checkbox{width:20px;height:20px}.day-workspace-checkbox input{width:16px;height:16px}.day-workspace-mobile-meta{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-workspace-drop-hint{min-height:14px}.responsive-form-row{display:grid;grid-template-columns:1fr;align-items:stretch}.responsive-form-row>label,.responsive-form-row>.responsive-field,.responsive-form-row>button,.responsive-form-row>.btn,.responsive-form-row>.btn-primary,.responsive-form-row>.btn-ghost{width:100%}.responsive-card-head{display:grid;grid-template-columns:1fr;align-items:start}.responsive-card-head-actions{justify-content:stretch}.responsive-card-head-actions>*{width:100%}.team-invite-row,.team-member-row,.template-task-row,.dictionary-item-row{grid-template-columns:1fr}.responsive-inline-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.premium-input-compact{width:100%}.team-mobile-card-actions{display:grid;grid-template-columns:1fr 1fr}.team-mobile-card-actions>button{width:100%}.template-task-edit-remove{width:100%;justify-self:stretch}.template-dictionary-card button,.template-summary-card .responsive-card-head button{width:100%}.export-mobile-actions{display:grid;grid-template-columns:1fr 1fr}.export-mobile-actions>button{width:100%}.template-summary-card .responsive-card-head{gap:10px}.task-tree-root{--tree-elbow-size: 7px;--tree-elbow-offset: 10px;--tree-elbow-top: 3px;--tree-elbow-thickness: 1.25px}.task-actions{grid-column:1 / -1;justify-content:flex-end}.settings-row,.style-preset-grid,.modal-grid{grid-template-columns:1fr}.checkout-wait-card{padding:16px}.grid-2,.feedback-table-row{grid-template-columns:1fr}.week-grid{overflow-x:auto;padding-bottom:8px;min-width:980px}.timegrid{overflow-x:auto}.timegrid-head,.timegrid-body{min-width:720px}.legal-notice-banner{margin-top:8px;padding:12px}.legal-notice-banner-item{padding:10px}.task-day-group{border-radius:14px}.task-day-actions{gap:6px}.task-day-add-btn{width:30px;height:30px;font-size:18px}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:center}.bottom-nav .nav-link,.bottom-nav .btn-ghost{min-width:0;justify-content:center;padding-left:8px;padding-right:8px;font-size:12px}.premium-plan-card{padding:14px;border-radius:16px}.premium-plan-top{display:grid;grid-template-columns:1fr}.premium-mode-switch{grid-template-columns:1fr}.settings-row{gap:8px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-control{justify-content:stretch}.settings-control>*,.settings-control input,.settings-control select,.settings-control button{width:100%;min-width:0}.account-section-head,.account-session-head,.account-meta-chips,.account-section-actions,.account-danger-actions,.account-session-actions{display:grid}.account-meta-chip,.account-section-actions>*,.account-danger-actions>*,.account-session-actions>*{width:100%}.premium-legal-meta{justify-items:start;text-align:left}.premium-payment-grid{grid-template-columns:1fr}.premium-payment-cell{padding:12px}}@media (max-width: 640px){.landing-shell{background:radial-gradient(circle at 10% 4%,rgba(37,99,235,.14),transparent 34%),radial-gradient(circle at 92% 8%,rgba(34,197,94,.08),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,#020617) 0%,var(--bg) 100%)}.landing-topbar{padding:calc(10px + var(--app-safe-top)) 12px 10px}.landing-brand{gap:8px}.landing-brand-mark{width:28px;height:28px;border-radius:8px}.landing-top-actions-primary .landing-btn{min-width:118px;padding:10px 12px}.landing-main{width:calc(100vw - 12px);gap:14px}.landing-section{gap:12px}.landing-section-head h2,.landing-premium-copy h2,.landing-cta-banner h2{font-size:clamp(22px,7vw,30px)}.landing-benefit-card,.landing-compare-card,.landing-step,.landing-plan-card,.landing-faq-item{border-radius:14px}}@media (max-width: 900px){.premium-hero,.premium-plans-grid,.premium-payment-grid,.about-grid,.help-gallery,.help-gallery-mobile{grid-template-columns:1fr}.help-checklist-row{grid-template-columns:1fr;align-items:start}.help-checklist-statuses{justify-content:flex-start}.desktop-only{display:none}.mobile-only{display:block}body{padding-bottom:calc(var(--mobile-nav-height) + var(--app-safe-bottom))}}.auth-card{max-width:420px;margin:calc(40px + var(--app-safe-top)) auto calc(32px + var(--app-safe-bottom));padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.legal-acceptance-card{max-width:560px}.legal-acceptance-form{display:grid;gap:10px;margin-top:16px}.legal-update-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.legal-update-card.is-required{border-color:color-mix(in srgb,#f59e0b 36%,var(--border));background:color-mix(in srgb,#f59e0b 6%,var(--surface))}.legal-update-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.legal-update-badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7c2d12;background:#fed7aa}.legal-update-badge.is-info{color:#0f766e;background:#ccfbf1}.legal-update-summary{font-weight:600}.legal-update-change-list{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:14px;line-height:1.5}.legal-update-links{display:flex;align-items:center;gap:10px}.consent-check{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px 12px;align-items:start;color:var(--text);font-size:14px;line-height:1.45;padding:6px 0;cursor:pointer}.consent-check input{width:16px;height:16px;margin:2px 0 0;padding:0;justify-self:start}.consent-check-text{display:block}.consent-link{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:color-mix(in srgb,var(--accent) 82%,white 18%);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.consent-link:hover{color:color-mix(in srgb,var(--accent) 68%,white 32%)}.consent-meta{display:block;margin-top:2px;color:var(--muted);font-size:12px}.plan-card{max-width:980px}.plan-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.plan-card-box{border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:10px;background:var(--surface);box-shadow:var(--shadow)}.plan-card-box h3{margin:0}.plan-card-box.premium{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.plan-card-box.demo{border-color:color-mix(in srgb,#22c55e 35%,var(--border))}.plan-list{margin:0;padding-left:18px;color:var(--muted);font-size:13px}.plan-demo-options{display:grid;gap:8px;background:var(--surface-2);border-radius:10px;padding:10px}.plan-radio{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}@media (max-width: 900px){.plan-card{max-width:560px}.plan-grid{grid-template-columns:1fr}.auth-card{max-width:none;width:min(100%,560px);margin:calc(12px + var(--app-safe-top)) auto calc(20px + var(--app-safe-bottom));padding:18px;border-radius:14px}.modal-backdrop{place-items:start center;padding:calc(8px + var(--app-safe-top)) calc(8px + var(--app-safe-right)) calc(8px + var(--app-safe-bottom)) calc(8px + var(--app-safe-left))}.modal{width:min(100%,640px);max-height:calc(var(--app-vh) - 20px - var(--app-safe-top) - var(--app-safe-bottom));min-height:0;border-radius:16px}}