@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f4f0ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#09090f;--sidebar:#0e0d16;--panel:#13121d;--panel-hover:#191726;--border:#282239;--purple:#a855f7;--purple-bright:#c084fc;--purple-dark:#7c3aed;--text:#f4f0ff;--muted:#928ba8;--green:#22c55e;--red:#fb7185;background:#09090f;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--purple-bright);outline-offset:3px}.app-shell{background:radial-gradient(ellipse at 75% 0%, #7026a812, transparent 35%), var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex:0 0 225px;width:225px;min-height:100vh;padding:30px 8px;display:flex}.brand{color:var(--text);letter-spacing:-.8px;align-items:center;gap:12px;margin-top:-17px;margin-bottom:56px;font-size:21px;font-weight:800;display:flex}.brand-text{flex-direction:column;gap:4px;display:flex}.brand-icon img{object-fit:cover;border-radius:inherit;width:100%;height:100%;padding:0}.brand-name{letter-spacing:-.7px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;position:relative;top:21px}.brand-slogan{letter-spacing:.35px;color:#b58aff;font-size:9px;font-weight:500;position:relative;top:-10px}.brand-tagline{letter-spacing:.35px;color:#b58aff;font-size:9px;font-weight:500;position:relative;top:8px}.brand-icon{color:#fff;background:linear-gradient(135deg, var(--purple-bright), var(--purple-dark));border-radius:12px;place-items:center;width:39px;height:39px;font-size:23px;display:grid;transform:translateY(11px);box-shadow:0 0 22px #a855f744}.nav-label,.eyebrow{color:var(--muted);letter-spacing:1.5px;font-size:10px;font-weight:700}.nav-label{margin:0 0 14px 10px}.nav-item{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:13px;margin-bottom:7px;padding:13px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:flex}.nav-item span{font-size:18px}.nav-item.active{color:var(--purple-bright);background:#a855f714;border-color:#a855f72b}.nav-item:not(.active):hover{color:var(--purple-bright)}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:11px;margin-top:auto;padding-top:22px;display:flex}.mini-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);border-radius:12px;place-items:center;width:39px;height:39px;font-weight:800;display:grid;box-shadow:0 0 16px #a855f729}.sidebar-bottom strong{color:var(--text);font-size:12px}.sidebar-bottom p{color:var(--muted);margin:5px 0 0;font-size:10px}.main-content{flex-direction:column;flex:1;width:auto;min-width:0;min-height:100vh;margin:0;padding:38px 42px 0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.topbar h1{color:var(--text);letter-spacing:-1.2px;margin:0;font-size:clamp(25px,3vw,32px)}.sparkle{color:var(--purple-bright);text-shadow:0 0 16px #a855f7a8}.date-chip{border:1px solid var(--border);background:var(--panel);color:#d2c9e7;white-space:nowrap;border-radius:11px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;display:flex}.date-chip span{color:var(--purple-bright);font-size:17px}.welcome-card{background:radial-gradient(at 82% 45%,#a855f72a,#0000 44%),linear-gradient(115deg,#191125,#171022 55%,#21102e);border:1px solid #a855f73d;border-radius:20px;align-items:center;min-height:235px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 12px 45px #00000024}.welcome-text{z-index:2;position:relative}.welcome-tag{color:var(--purple-bright);letter-spacing:1.2px;background:#a855f714;border:1px solid #a855f74d;border-radius:7px;margin-bottom:16px;padding:8px 11px;font-size:9px;font-weight:700;display:inline-block}.welcome-card h2{color:#fff;letter-spacing:-1.7px;margin:0;font-size:clamp(34px,4vw,43px);line-height:1.12}.welcome-card p{color:#b9accb;margin:13px 0 0;font-size:12px}.welcome-art{place-items:center;width:310px;height:310px;display:grid;position:absolute;top:-32px;right:30px}.art-orbit{border:1px solid #c084fc35;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:280px;height:140px}.orbit-two{width:220px;height:290px}.art-circle{width:115px;height:115px;color:var(--purple-bright);background:linear-gradient(145deg,#3b2058,#1c112b);border:1px solid #d8b4fe8a;border-radius:32px;place-items:center;font-size:56px;display:grid;transform:rotate(-9deg);box-shadow:0 0 35px #a855f72d,inset 0 0 25px #a855f714}.art-star{color:var(--purple-bright);text-shadow:0 0 18px #c084fc;font-size:35px;position:absolute;top:45px;right:35px}.content-grid{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:stretch;gap:20px;margin-top:23px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);border-radius:16px;min-width:0;padding:24px;box-shadow:0 8px 25px #00000012}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.eyebrow{position:relative;left:-17px}.panel-heading h2{color:var(--text);letter-spacing:-.6px;margin:0;font-size:20px}.task-count{color:var(--purple-bright);white-space:nowrap;background:#a855f714;border:1px solid #a855f72c;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:700}.progress-info{color:var(--muted);justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.progress-info strong{color:var(--purple-bright)}.progress-track{background:#282337;border-radius:20px;height:6px;margin-bottom:24px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#d8b4fe);height:100%;transition:width .3s;box-shadow:0 0 13px #a855f780}.add-task-form{gap:9px;margin-bottom:18px;display:flex}.add-task-form input{width:100%;min-width:0;color:var(--text);background:#0d0b14;border:1px solid #302741;border-radius:9px;outline:none;padding:13px 14px;font-size:12px;transition:border-color .2s,box-shadow .2s}.add-task-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a855f714}.add-task-form input::placeholder{color:#777087}.task-time-input-label{color:#777087;flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.task-time-inputs{color:var(--text);align-items:center;font-size:12px;display:flex}.task-time-inputs input{text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:31px;padding:13px 2px}.add-task-form button{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);border:1px solid #c084fc55;border-radius:9px;flex-shrink:0;width:43px;font-size:25px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 17px #a855f72c}.add-task-form button:hover{transform:translateY(-1px);box-shadow:0 0 24px #a855f75c}.task-list{flex-direction:column;gap:9px;display:flex}.task-item{background:#100e18;border:1px solid #282337;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:13px 12px;transition:border-color .2s,background .2s;display:flex}.task-item:hover{background:var(--panel-hover);border-color:#7041a855}.task-check{color:#fff;background:0 0;border:1.5px solid #62566f;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;padding:0;font-size:15px;font-weight:800;line-height:1;transition:background .2s,border-color .2s;display:grid}.task-done .task-check{color:#bbf7d0;background:#166534;border-color:#4ade80;box-shadow:0 0 12px #22c55e35}.task-title{overflow-wrap:anywhere;color:#ded7ec;flex:1;min-width:0;font-size:12px;line-height:1.5}.task-time{color:var(--purple-bright);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.task-done .task-title{color:#777184;text-decoration:line-through}.delete-task{color:#81778f;opacity:0;background:0 0;border:0;border-radius:7px;flex-shrink:0;width:27px;height:27px;font-size:21px;transition:background .2s,color .2s,opacity .2s}.task-item:hover .delete-task,.delete-task:focus-visible{opacity:1}.delete-task:hover{color:var(--red);background:#fb71851a}.empty-state{color:var(--muted);text-align:center;padding:25px 10px;font-size:12px}.empty-state span{color:var(--purple-bright);text-shadow:0 0 15px #a855f75c;font-size:27px}.success-message{color:#4ade80;text-align:center;background:#22c55e0d;border:1px solid #22c55e30;border-radius:9px;margin-top:18px;padding:12px;font-size:11px}.saved-plan-message{color:#4ade80;text-align:center;background:#22c55e12;border:1px solid #22c55e45;border-radius:9px;margin-bottom:18px;padding:12px;font-size:12px;font-weight:700}.missed-plan-message{color:#fda4af;text-align:center;background:#fb718510;border:1px solid #fb718545;border-radius:9px;margin-bottom:18px;padding:12px;font-size:12px;font-weight:700}.completed-plan-message{color:#4ade80;text-align:center;background:#22c55e12;border:1px solid #22c55e45;border-radius:9px;margin-bottom:18px;padding:12px;font-size:12px;font-weight:700}.save-validation-message{color:#fda4af;background:#fb718510;border:1px solid #fb718545;border-radius:9px;margin-top:12px;padding:12px;font-size:12px;line-height:1.6}.day-action-buttons{flex-direction:column;gap:10px;margin-top:18px;display:flex}.day-countdown{color:#a99fb8;text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.save-day-button,.unlock-day-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.save-day-button{color:#f0fdf4;background:linear-gradient(135deg,#15803d,#166534);border:1px solid #22c55e70;box-shadow:0 0 18px #22c55e20}.save-day-button:hover{transform:translateY(-1px);box-shadow:0 0 24px #22c55e45}.save-day-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.save-day-button:disabled:hover{transform:none}.unlock-day-button{color:#ffe4e6;background:linear-gradient(135deg,#7f1d2d,#581c35);border:1px solid #f8717180;box-shadow:0 0 18px #ef444420}.unlock-day-button:hover{transform:translateY(-1px);box-shadow:0 0 24px #ef444445}.unlock-day-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.apply-month-button{color:#e9d5ff;background:linear-gradient(135deg,#30204b,#211731);border:1px solid #a855f76b;border-radius:9px;width:100%;margin-top:9px;padding:12px 14px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 0 16px #a855f714}.apply-month-button:hover{border-color:#c084fc;transform:translateY(-1px);box-shadow:0 0 22px #a855f733}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05040bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.apply-month-modal{background:linear-gradient(145deg,#1b1728,#11101a);border:1px solid #7043a8a8;border-radius:16px;width:min(100%,440px);padding:28px;box-shadow:0 24px 80px #0009,0 0 32px #a855f71c}.apply-month-modal h2{margin:8px 0 12px;font-family:Space Grotesk,sans-serif;font-size:21px}.apply-month-warning{color:#c5bdd6;margin:0;font-size:13px;line-height:1.7}.apply-month-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.cancel-modal-button,.confirm-month-button{border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700}.cancel-modal-button{border:1px solid var(--border);color:var(--muted);background:#181622}.cancel-modal-button:hover{color:var(--text);border-color:#625879}.confirm-month-button{color:#fff;background:linear-gradient(135deg,#7132ad,#51277c);border:1px solid #a855f76b;box-shadow:0 0 16px #a855f725}.confirm-month-button:hover{border-color:var(--purple-bright);box-shadow:0 0 22px #a855f744}.tutorial-layer{z-index:50;pointer-events:none;font-family:Inter,sans-serif;position:fixed;inset:0}.tutorial-backdrop{pointer-events:auto;background:#05040bd9;position:absolute;inset:0}.tutorial-spotlight{z-index:1;pointer-events:none;border:2px solid #facc15;border-radius:10px;position:fixed;box-shadow:0 0 20px #facc1570}.tutorial-arrow{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.tutorial-arrow line{stroke:#facc15;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 5px #facc15aa)}.tutorial-card{z-index:3;width:min(400px,100vw - 32px);color:var(--text);pointer-events:auto;background:linear-gradient(145deg,#1b1728,#11101a);border:1px solid #7043a8;border-radius:16px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #000b,0 0 30px #a855f725}.tutorial-card.is-positioned{transform:none}.tutorial-step-count{color:var(--purple-bright);letter-spacing:.4px;margin:0 0 9px;font-size:11px;font-weight:800}.tutorial-card h2{margin:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.5}.tutorial-description{color:#c5bdd6;margin:0;font-size:13px;line-height:1.9}.tutorial-actions,.tutorial-nav-buttons{align-items:center;display:flex}.tutorial-actions{justify-content:space-between;gap:12px;margin-top:22px}.tutorial-nav-buttons{gap:8px}.tutorial-back-button,.tutorial-next-button{border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700}.tutorial-back-button{border:1px solid var(--border);color:#b8afc8;background:#181622}.tutorial-back-button:hover{color:var(--text);border-color:#625879}.tutorial-next-button{color:#fff;background:linear-gradient(135deg,#7132ad,#51277c);border:1px solid #a855f76b;box-shadow:0 0 16px #a855f725}.tutorial-next-button:hover{border-color:var(--purple-bright);box-shadow:0 0 22px #a855f744}.calendar-month{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.calendar-month strong{color:var(--text);font-size:14px}.month-arrows{gap:7px;display:flex}.month-arrows button{border:1px solid var(--border);width:30px;height:30px;color:var(--purple-bright);background:#100e18;border-radius:8px;font-size:20px;transition:background .2s,border-color .2s}.month-arrows button:hover{border-color:var(--purple);background:#a855f718}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.weekday{color:#817990;text-align:center;padding-bottom:10px;font-size:10px;font-weight:700}.calendar-day{aspect-ratio:1;color:#c4bbd5;background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;font-size:11px;transition:background .2s,border-color .2s,color .2s}.calendar-day:not(:disabled):hover{color:#fff;background:#a855f714;border-color:#a855f76b}.calendar-day.is-today{color:var(--purple-bright);border-color:#a855f780;font-weight:800}.calendar-day.is-selected{border-color:var(--purple-bright);color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);font-weight:800;box-shadow:0 0 16px #a855f74a}.calendar-day.is-missed,.calendar-day.is-missed.is-selected,.calendar-day.is-missed:not(:disabled):hover{color:#fff7f7;background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#ef4444;font-weight:800;box-shadow:0 0 14px #ef444433}.calendar-day.is-past{position:relative}.calendar-lock-icon{fill:none;stroke:#fff;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:9px;height:9px;position:absolute;bottom:3px;right:3px}.calendar-day.is-missed .calendar-lock-icon{stroke:#fff}.calendar-day.is-completed{color:#f0fdf4;background:linear-gradient(135deg,#15803d,#166534);border-color:#22c55e99;font-weight:800;position:relative;box-shadow:0 0 14px #22c55e30}.calendar-day.is-completed:not(:disabled):hover{color:#f0fdf4;background:linear-gradient(135deg,#15803d,#166534);border-color:#22c55e}.calendar-completed-mark{color:#bbf7d0;font-size:9px;line-height:1;position:absolute;bottom:1px;right:3px}.calendar-day:disabled{cursor:default}.selected-date-card{border:1px solid var(--border);background:#100e18;border-radius:10px;align-items:center;gap:12px;margin-top:23px;padding:14px;display:flex}.selected-date-icon{width:38px;height:38px;color:var(--purple-bright);background:#a855f714;border:1px solid #a855f72e;border-radius:10px;place-items:center;font-size:19px;display:grid}.selected-date-card p{color:var(--muted);margin:0 0 5px;font-size:10px}.selected-date-card strong{color:var(--text);font-size:12px}.day-navigation{gap:8px;margin-top:13px;display:flex}.day-navigation button{border:1px solid var(--border);color:#bdb3ce;background:#100e18;border-radius:8px;flex:1;padding:10px 6px;font-size:10px;transition:background .2s,border-color .2s,color .2s}.day-navigation button:hover{color:var(--purple-bright);background:#a855f714;border-color:#a855f76b}.footer{z-index:1;width:100%;padding:24px 12px max(10px, env(safe-area-inset-bottom));color:#777087;text-align:center;background:0 0;flex-flow:column wrap;justify-content:center;align-items:center;gap:13px;margin-top:auto;font-size:11px;display:flex;position:relative}.auth-page>.footer{bottom:-34px}.footer-developer{color:#c8b5df;letter-spacing:.045em;margin:0;font-size:11px;font-weight:600}.footer-socials{justify-content:center;align-items:center;gap:16px;display:flex}.footer-socials a{color:#c084fc;background:#a855f714;border:1px solid #a855f755;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,color .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;box-shadow:0 0 16px #a855f72b}.footer-socials a:hover,.footer-socials a:focus-visible{color:#e9d5ff;background:#a855f71c;border-color:#c084fc9c;transform:scale(1.1);box-shadow:0 0 18px #a855f769}.footer-socials a:focus-visible{outline-offset:3px;outline:2px solid #c084fc}.footer-socials svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:23px;height:23px;overflow:visible}.footer-socials .social-icon-fill,.footer-socials .social-icon-dot{fill:currentColor;stroke:none}.auth-loading{min-height:100vh;color:var(--muted);background:var(--bg);place-items:center;display:grid}.auth-page{background:radial-gradient(at 50% 0,#7026a82c,#0000 46%),linear-gradient(145deg,#09090f,#100b19 60%,#09090f);place-items:center;width:100%;min-height:100vh;padding:28px 16px;display:grid}.auth-card{text-align:left;background:linear-gradient(150deg,#171321,#100e18 75%);border:1px solid #a855f742;border-radius:22px;width:min(100%,440px);padding:clamp(25px,6vw,42px);box-shadow:0 25px 90px #0008,0 0 55px #a855f710}.auth-brand{color:#fff;letter-spacing:-.5px;align-items:center;gap:12px;margin-bottom:35px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:flex}.auth-brand img{object-fit:contain;border-radius:12px;width:44px;height:44px}.auth-kicker{color:var(--purple-bright);letter-spacing:1.5px;margin:0 0 10px;font-size:10px;font-weight:700}.auth-card h1{color:var(--text);letter-spacing:-1.1px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(27px,6vw,34px);font-weight:700}.auth-intro{color:var(--muted);margin:9px 0 25px;font-size:12px;line-height:1.6}.auth-tabs{border:1px solid var(--border);background:#0c0a12;border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:10px;font-size:12px;font-weight:600}.auth-tabs button.active{color:#fff;background:#a855f729;box-shadow:inset 0 0 0 1px #a855f742}.auth-form{flex-direction:column;gap:9px;display:flex}.auth-form label{color:#d9d2e7;margin-top:5px;font-size:11px;font-weight:600}.auth-form label span{color:var(--muted);font-weight:400}.auth-form>input,.password-field input{width:100%;min-width:0;color:var(--text);background:#0c0a12;border:1px solid #302741;border-radius:9px;padding:13px 14px;font-size:12px}.password-field{background:#0c0a12;border:1px solid #302741;border-radius:9px;align-items:center;display:flex}.password-field input{background:0 0;border:0}.password-field button{color:var(--purple-bright);background:0 0;border:0;flex-shrink:0;padding:10px 13px;font-size:10px;font-weight:600}.auth-submit{color:#fff;background:linear-gradient(110deg,#7c3aed,#a855f7);border:1px solid #c084fc70;border-radius:9px;margin-top:12px;padding:13px;font-size:12px;font-weight:700;box-shadow:0 8px 22px #7c3aed35}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-error{color:#fda4af;background:#fb718510;border:1px solid #fb71854d;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5}.turnstile-widget{min-height:65px;margin-top:8px}.sign-out-button{color:var(--purple-bright);background:0 0;border:0;margin-top:5px;padding:0;font-size:10px;display:block}.planner-sync-notice{color:#fde68a;background:#fbbf2410;border:1px solid #fbbf2440;border-radius:9px;margin:-8px 0 20px;padding:12px 14px;font-size:11px;line-height:1.5}@media (width<=1050px){.main-content{padding:30px 25px 20px}.content-grid{flex:none;grid-template-columns:minmax(0,1fr);align-items:start}.calendar-grid{gap:8px}.calendar-day{max-height:48px}}@media (width<=650px){.app-shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex:none;width:100%;min-height:auto;padding:20px 14px;display:flex}.main-content{min-height:100vh;padding:23px 14px 0}.topbar{align-items:flex-start;margin-bottom:22px}.date-chip{padding:10px;font-size:10px}.welcome-card{border-radius:16px;min-height:215px;padding:27px 22px}.welcome-card h2{font-size:34px}.welcome-card p{max-width:200px;line-height:1.6}.welcome-art{opacity:.45;right:-150px}.panel{padding:19px 14px}.content-grid{gap:15px;margin-top:17px}.delete-task{opacity:1}.calendar-grid{gap:4px}.day-navigation button{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-page{isolation:isolate;background:radial-gradient(at 12% 10%,#7026a837,#0000 38%),radial-gradient(at 88% 88%,#4c1d9540,#0000 34%),linear-gradient(135deg,#07060b 0%,#0d0914 48%,#08070c 100%);align-items:center;min-height:100svh;padding:24px 20px 42px;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{z-index:-1;content:"";pointer-events:none;position:absolute}.auth-page:before{opacity:.42;background-image:radial-gradient(circle at 18% 25%,#e9d5ff 0 1px,#0000 1.5px),radial-gradient(circle at 72% 18%,#c084fc 0 1px,#0000 1.5px),radial-gradient(circle at 82% 72%,#e9d5ff 0 1px,#0000 1.5px),radial-gradient(circle at 36% 82%,#a855f7 0 1px,#0000 1.5px);background-size:340px 290px,420px 360px,390px 330px,480px 400px;inset:0}.auth-page:after{border:1px solid #c084fc0b;border-radius:50%;width:min(78vw,980px);height:min(78vw,980px);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px #c084fc04,0 0 0 150px #c084fc03}.auth-particle-layer{z-index:0;contain:strict;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.auth-particle-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.auth-mk-symbol{--mk-opacity:.18;z-index:0;width:clamp(120px,16vw,210px);height:auto;opacity:var(--mk-opacity);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 18px #a855f7a6)drop-shadow(0 0 48px #7c3aed91);will-change:transform, filter, opacity;animation:13s ease-in-out infinite mk-symbol-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-layout{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(390px,.85fr);align-items:stretch;gap:clamp(42px,8vw,105px);width:min(100%,1160px);min-height:calc(100svh - 66px);margin:0 auto;animation:.7s cubic-bezier(.2,.75,.25,1) both auth-arrive;display:grid;position:relative}.auth-showcase{text-align:left;text-align:left;flex-direction:column;justify-content:space-between;min-width:0;min-height:590px;padding:10px 0;display:flex;position:relative}.auth-brand{letter-spacing:-.6px;text-shadow:0 2px 24px #d8b4fe26;justify-content:flex-start;gap:12px;margin:0;font-size:21px}.auth-brand img{object-fit:contain;background:linear-gradient(145deg,#241630b8,#110d18c9);border:1px solid #d8b4fe70;border-radius:9px;width:46px;height:46px;padding:4px;box-shadow:inset 0 1px #ffffff12,0 0 16px #a855f71c}.auth-showcase-copy{z-index:2;max-width:520px;margin-top:auto;margin-bottom:auto;padding:56px 0 30px;position:relative}.auth-showcase-copy .auth-kicker{color:#c4a3ed;letter-spacing:2px;align-items:center;gap:11px;margin-bottom:24px;font-size:10px;display:flex}.auth-showcase-copy .auth-kicker:before{content:"";background:linear-gradient(90deg,#d8b4fe,#0000);width:27px;height:1px}.auth-showcase-copy h2{color:#faf7ff;letter-spacing:-4px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(45px,6.1vw,76px);font-weight:600;line-height:1.02}.auth-showcase-copy h2 span{color:#c084fc;text-shadow:0 0 38px #a855f75c}.auth-showcase-copy>p:last-child{color:#aaa1b8;max-width:350px;margin-top:22px;font-size:14px;line-height:1.8}.auth-showcase-note{z-index:2;color:#756d84;letter-spacing:1.7px;align-items:center;gap:10px;margin:0;font-size:9px;font-weight:600;display:flex;position:relative}.auth-showcase-note span{background:#c084fc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #c084fc}.auth-showcase-art{aspect-ratio:1;opacity:.68;pointer-events:none;place-items:center;width:min(34vw,390px);display:grid;position:absolute;top:50%;right:-22px;transform:translateY(-40%)}.auth-orbit{border:1px solid #c084fc20;border-radius:50%;display:block;position:absolute}.auth-orbit-one{inset:5%;transform:rotate(-28deg)scaleY(.55)}.auth-orbit-two{inset:4%;transform:rotate(42deg)scaleY(.62)}.auth-orbit-three{border-color:#c084fc24;inset:17%;transform:rotate(8deg)scaleY(.78)}.auth-orbit-core{background:linear-gradient(145deg,#3c2455aa,#140d20cc);border:1px solid #d8b4fe69;border-radius:30px;place-items:center;width:94px;height:94px;display:grid;transform:rotate(-12deg);box-shadow:0 0 65px #a855f747,inset 0 1px #ffffff25}.auth-orbit-core span{color:#e9d5ff;text-shadow:0 0 24px #c084fc;font-size:35px}.auth-art-spark{color:#e9d5ff;text-shadow:0 0 15px #c084fc;position:absolute}.auth-art-spark-one{font-size:22px;top:16%;right:17%}.auth-art-spark-two{font-size:42px;bottom:17%;left:17%}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;background:linear-gradient(145deg,#ffffff0c,#ffffff03 42%),#100d18c9;border:1px solid #d8b4fe25;border-radius:24px;place-self:center end;width:min(100%,470px);padding:clamp(28px,4vw,43px);transition:border-color .22s,box-shadow .22s,transform .22s;box-shadow:0 30px 90px #0008,0 0 65px #8b5cf61a,inset 0 1px #ffffff16}.auth-card:hover{border-color:#c084fc3d;box-shadow:0 34px 100px #0009,0 0 75px #8b5cf624,inset 0 1px #ffffff1d}.auth-card>.auth-kicker{color:#c084fc;letter-spacing:1.8px;margin-bottom:11px}.auth-card h1{letter-spacing:-1.4px;font-size:clamp(28px,3vw,35px);line-height:1.12;animation:.26s both auth-mode-change}.auth-intro{color:#a69db3;margin:11px 0 28px;font-size:12px}.auth-tabs{background:#08070dcc;border-color:#ffffff12;border-radius:12px;gap:4px;margin-bottom:25px;padding:4px}.auth-tabs button{color:#92899f;border:1px solid #0000;border-radius:9px;padding:11px 12px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s}.auth-tabs button:hover:not(.active){color:#e9d5ff;background:#c084fc0d}.auth-tabs button.active{background:linear-gradient(135deg,#a855f72b,#7c3aed18);border-color:#c084fc26;box-shadow:inset 0 1px #ffffff0d,0 3px 12px #0004}.auth-form{gap:10px}.auth-form label{color:#d8d1e2;letter-spacing:.1px;margin-top:7px;font-size:11px}.auth-form>input,.password-field{background:#08070db8;border:1px solid #ffffff17;border-radius:10px;min-height:47px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff05}.auth-form>input{padding:13px 14px}.auth-form>input:focus,.password-field:focus-within{background:#0b0812;border-color:#b77affbd;outline:none;box-shadow:0 0 0 3px #a855f71d,0 0 24px #9333ea16,inset 0 1px #ffffff08}.auth-form input::placeholder{color:#696174}.password-field input{color:#f4f0ff;padding:13px 14px}.password-field button{color:#c084fc;border-radius:7px;min-width:56px;height:36px;margin-right:5px;transition:color .16s,background .16s}.password-field button:hover{color:#ead7ff;background:#c084fc16}.auth-submit{letter-spacing:.2px;background:linear-gradient(105deg,#7137d6 0%,#8b42db 48%,#a855f7 100%);border:1px solid #e9d5ff35;border-radius:10px;min-height:48px;margin-top:14px;font-size:12px;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 9px 26px #7c3aed35,inset 0 1px #ffffff30}.auth-submit:before{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff18 50%,#0000 75%);transition:transform .55s;position:absolute;inset:0;transform:translate(-110%)}.auth-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 32px #7c3aed54,inset 0 1px #ffffff45}.auth-submit:hover:not(:disabled):before{transform:translate(110%)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:focus-visible,.auth-tabs button:focus-visible,.password-field button:focus-visible{outline-offset:3px;outline:2px solid #d8b4fe}.auth-error{background:linear-gradient(110deg,#fb718514,#fb718508);border-color:#fb718548;animation:.2s both auth-mode-change;box-shadow:inset 0 1px #ffffff08}.auth-footnote{color:#81788f;margin-top:19px;font-size:10px;line-height:1.7}.turnstile-widget{border-radius:8px;max-width:100%;margin-top:7px}@keyframes auth-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mk-symbol-float{0%,to{opacity:calc(var(--mk-opacity) * .82);filter:drop-shadow(0 0 16px #a855f78c)drop-shadow(0 0 40px #7c3aed70);transform:translate(-50%,-50%)rotate(-7deg)translateY(0)scale(.96)}50%{opacity:calc(var(--mk-opacity) * 1.35);filter:drop-shadow(0 0 25px #c084fcbd)drop-shadow(0 0 62px #7c3aedab);transform:translate(-50%,-50%)rotate(7deg)translateY(-22px)scale(1.03)}}@keyframes auth-mode-change{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.auth-page{align-items:start;padding:26px 22px 38px;display:block;overflow:hidden auto}.auth-layout{grid-template-columns:minmax(0,1fr);gap:30px;width:min(100%,550px);min-height:auto}.auth-showcase{gap:24px;min-height:0;padding:0}.auth-showcase-copy{max-width:470px;padding:0}.auth-showcase-copy h2{letter-spacing:-2.8px;font-size:clamp(40px,9vw,60px)}.auth-showcase-copy .auth-kicker{margin-bottom:15px}.auth-showcase-copy>p:last-child{margin-top:13px;font-size:12px}.auth-showcase-art{opacity:.35;width:270px;top:55%;right:-80px;transform:translateY(-50%)}.auth-showcase-note{display:none}}@media (width<=480px){.auth-page{padding:22px 14px 30px}.auth-brand{gap:10px;margin-bottom:22px;font-size:19px}.auth-brand img{width:46px;height:46px}.auth-card{border-radius:19px;justify-self:center;padding:26px 21px}.auth-card h1{font-size:29px}.auth-showcase-copy h2{letter-spacing:-2px;font-size:clamp(38px,10vw,49px)}.auth-showcase-copy>p:last-child{max-width:340px;margin-top:10px}}@media (prefers-reduced-motion:reduce){.auth-layout{animation:none}.auth-card,.auth-tabs button,.auth-submit,.auth-submit:before{transition:none}.auth-mk-symbol{opacity:var(--mk-opacity);animation:none}}