html:not([data-theme=midnight-violet]) .form-group input[type=color]{border:1px solid #181818}.app{min-height:100vh;background:linear-gradient(135deg,var(--bg),var(--bg-alt));background-size:200% 200%;animation:soft-shift 22s ease-in-out infinite alternate;color:var(--text);transition:background .5s ease,color .3s ease}@keyframes soft-shift{0%{background-position:0% 50%;background-color:#2d3580}to{background-position:100% 50%;background-color:#3d4fa0}}.topbar{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:.85rem 1.25rem;width:100%;position:fixed;top:0;left:0;right:0;z-index:10;box-sizing:border-box;background:linear-gradient(90deg,#ab9b8ef2,#8690a2bf);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s ease}html[data-theme=pastel-serenity] .topbar{background:linear-gradient(90deg,#ded6d1f2,#eec6cad9)}html[data-theme=fairy-rosette] .topbar{background:linear-gradient(90deg,#cabcd7f2,#947cacd9)}html[data-theme=burgundy-beige] .topbar{background:linear-gradient(90deg,#f5e6d3eb,#d4af9ee0)}html[data-theme=marsala] .hero,html[data-theme=marsala] .panel{background:linear-gradient(135deg,#f2e8dcd9,#f5e6d3bf);border-color:#8b3a3a99}html[data-theme=midnight-violet] .topbar{background:linear-gradient(90deg,#0f0f0ffa,#1a1a1af2);border-bottom:1px solid rgba(167,139,250,.2)}html[data-theme=midnight-violet] .hero,html[data-theme=midnight-violet] .panel{background:linear-gradient(135deg,#0f0f0fe6,#151515d9);border-color:#a78bfa4d}.brand{font-weight:700;letter-spacing:.04em;font-size:1.2rem;background:transparent;border:none;color:var(--text);cursor:pointer;padding:0}.hamburger-wrapper{position:relative}#hamburger-checkbox{display:none}.hamburger{position:relative;width:40px;height:40px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .5s ease}.hamburger .bars{width:100%;height:3px;background-color:var(--accent);border-radius:4px;transition:all .5s ease}.hamburger #bar2{transition:all .8s ease}.hamburger #bar1,.hamburger #bar3{width:70%}#hamburger-checkbox:checked+.hamburger .bars{position:absolute;transition:all .5s ease}#hamburger-checkbox:checked+.hamburger #bar2{transform:scaleX(0);transition:all .5s ease}#hamburger-checkbox:checked+.hamburger #bar1{width:100%;transform:rotate(45deg);transition:all .5s ease}#hamburger-checkbox:checked+.hamburger #bar3{width:100%;transform:rotate(-45deg);transition:all .5s ease}#hamburger-checkbox:checked+.hamburger{transition:all .5s ease;transform:rotate(180deg)}.nav-links{display:none;gap:.75rem;margin-left:.5rem}.nav-link{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.6rem 1rem;cursor:pointer;font-weight:600;transition:all .2s ease}.nav-link.active,.nav-link:hover{border-color:var(--accent);background:var(--accent-soft)}.nav-links.open{display:flex}.theme-selector-wrapper{position:relative;margin-left:auto;display:flex;align-items:center}.theme-btn{width:45px;height:45px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--blue-veil),var(--cloud-cocoa));color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;box-shadow:0 0 0 2px var(--accent-soft);position:relative}.theme-btn .bar{width:50%;height:2px;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;position:relative;border-radius:2px}.theme-btn .bar:before{content:"";width:2px;height:2px;background-color:var(--accent);position:absolute;border-radius:50%;border:2px solid white;transition:all .3s;box-shadow:0 0 5px #fffc}.theme-btn .bar1:before{transform:translate(-4px)}.theme-btn .bar2:before{transform:translate(4px)}.theme-btn:hover{box-shadow:0 0 0 3px var(--accent-soft),0 4px 12px var(--accent-soft);transform:translateY(-2px)}.theme-btn:hover .bar1:before{transform:translate(4px)}.theme-btn:hover .bar2:before{transform:translate(-4px)}.fullscreen-btn{font-size:1.3rem;gap:0;background:linear-gradient(135deg,var(--accent),var(--blue-veil-strong))}.fullscreen-btn:hover{box-shadow:0 0 0 3px var(--accent-soft),0 4px 12px var(--accent-soft);transform:translateY(-2px) scale(1.05)}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:100;min-width:160px;overflow:hidden}.theme-option{display:block;width:100%;padding:.75rem 1.25rem;text-align:left;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;font-family:Comic Sans MS,Comic Sans,cursive}.theme-option:hover{background:#8690a240}.theme-option.active{background:#8690a266;border-left:3px solid var(--accent);padding-left:1.15rem}.main{max-width:1100px;margin:0 auto;padding:5.5rem 1.75rem 3rem}.hero{padding:3rem 2.5rem;border-radius:24px;background:linear-gradient(135deg,#e0decdd9,#bdd1d3a6);border:1.5px solid var(--blue-veil);box-shadow:0 25px 80px #00000026;text-align:left}.hero h1{font-size:2.6rem;line-height:1.2;margin:1rem 0 .75rem}.lede{color:var(--text-soft);font-size:1.1rem;max-width:640px}.cta-row{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.panel{background:linear-gradient(135deg,#e0decdcc,#bdd1d399);border:1.5px solid var(--blue-veil);border-radius:22px;padding:2rem;box-shadow:0 15px 60px #00000026}.section-header{margin-bottom:1.5rem}.subtitle{color:var(--text-soft);margin-top:.35rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#8690a224;border:1px solid var(--border);border-radius:999px;font-weight:600;letter-spacing:.01em}.timer-container{position:relative;width:300px;height:300px;margin:0 auto 2.5rem}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .3s ease,filter .3s ease;stroke-linecap:round}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text);text-align:center}.time{font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px rgba(0,0,0,.12)}.mode-label{margin-top:.35rem;color:var(--text-soft);letter-spacing:.05em}.controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn{padding:1rem 1.2rem;font-size:1rem;border:none;border-radius:12px;cursor:pointer;font-weight:650;transition:all .2s ease;box-shadow:0 4px 15px #0000001f}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000047}.btn:active{transform:translateY(0)}.btn-primary{background:var(--blue-veil);color:#fff}.btn-primary:hover{background:var(--blue-veil-strong);box-shadow:0 6px 22px #0000002e}.btn-secondary{background:var(--accent-soft);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--blue-veil);background:var(--accent-soft)}.btn-third{background:#ab9b8e40;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(171,155,142,.35)}.btn-third:hover{background:#ab9b8e61}.btn-fourth{background:var(--surface);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent)}.btn-fourth:hover{background:var(--accent-soft);border-color:var(--accent)}.beautiful-button{position:relative;display:inline-block;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700;font-size:18px;border-radius:30px;padding:14px 28px;cursor:pointer;box-shadow:0 5px 15px #0003;animation:button-shimmer 2s infinite;transition:all .3s ease-in-out}.beautiful-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #00000047}.beautiful-button:active{transform:scale(.95);box-shadow:0 2px 10px #0000004d}@keyframes button-shimmer{0%{background-position:left top}to{background-position:right bottom}}.settings{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;margin-top:1.5rem;max-width:440px;margin-left:auto;margin-right:auto}.setting-item{margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.setting-item:last-child{margin-bottom:0}.setting-item label{color:var(--text);font-weight:600}.setting-item input{width:90px;padding:.55rem;font-size:1rem;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:650;text-align:center}.setting-item input:focus{outline:none;border-color:#fff;background:#ffffff40}.setting-item input:disabled{opacity:.55;cursor:not-allowed}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.kanban-column{background:var(--surface);border:1.5px solid var(--blue-veil);border-radius:14px;padding:1rem;min-height:220px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kanban-header{font-weight:700;margin-bottom:.75rem;letter-spacing:.02em}.kanban-card{background:var(--accent-soft);border:1.5px solid var(--blue-veil);border-radius:10px;padding:.85rem;margin-bottom:.7rem;box-shadow:0 10px 24px #0000002e;cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-column.drag-over{border-color:var(--accent);background:var(--accent-soft);transition:background .15s ease,border-color .15s ease}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.month-label{font-weight:700;letter-spacing:.03em}.calendar-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;margin-bottom:1rem}.calendar-weekday{text-align:center;font-weight:700;color:var(--text-soft);padding:.5rem 0}.calendar-day{position:relative;height:64px;border:1.5px solid var(--blue-veil);background:var(--angel-milk);color:var(--text);border-radius:10px;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-start;padding:.5rem;transition:all .2s ease}.calendar-day:hover{border-color:var(--blue-veil);background:var(--accent-soft)}.calendar-day.selected{border-color:var(--sand-gold);background:#d2c2968c;box-shadow:0 10px 30px #d2c29666}.calendar-day.has-note .note-dot{position:absolute;bottom:6px;right:8px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444b3}.calendar-day.empty{border:none;background:transparent;cursor:default}.calendar-meta{display:flex;gap:1rem;margin-bottom:1rem;color:#fffc}html:not([data-theme=midnight-violet]) .calendar-meta{color:#181818!important}.calendar-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group input,.form-group textarea{padding:.75rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:.95rem;resize:vertical}.form-group textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;display:block;border:1px solid #6b5e3a}html[data-theme=midnight-violet] .form-group textarea{border:1px solid rgba(255,255,255,.2)}.calendar-form .controls{display:flex;gap:.75rem;align-items:flex-start}.calendar-form .btn{width:140px;min-width:120px;max-width:140px;box-sizing:border-box;flex-shrink:0}.form-group textarea:focus,.form-group input:focus{outline:none}html:not([data-theme=midnight-violet]) .form-group textarea,html:not([data-theme=midnight-violet]) .form-group textarea:focus{border-color:#6b5e3a;color:#181818;background:#ffffff14}html[data-theme=midnight-violet] .form-group textarea,html[data-theme=midnight-violet] .form-group textarea:focus{border-color:#fff3;color:#fff;background:#ffffff14}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.sticky{position:relative;background:var(--sand-gold);color:#2d2a1f;padding:1rem 1.1rem 1.2rem;border-radius:12px;box-shadow:0 10px 30px #00000040;transform:none}.sticky:before{display:none}.sticky-date{font-weight:700;margin-bottom:.3rem;color:#1f1b14}.sticky-text{line-height:1.4;margin-bottom:.75rem}.sticky-actions{display:flex;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-card{background:linear-gradient(135deg,#e0decd8c,#bdd1d373);border:1.5px solid var(--blue-veil);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-card:hover{border-color:#a78bfa;box-shadow:0 8px 32px #a78bfa33;transition:all .3s ease}.stats-label{font-size:.9rem;color:var(--blue-veil);margin-bottom:.5rem;font-weight:600;letter-spacing:.02em}.stats-value{font-size:2.3rem;font-weight:700;background:linear-gradient(135deg,var(--blue-veil),var(--cloud-cocoa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stats-subtitle{font-size:.95rem;color:#fffc}.stats-recent{margin-top:2rem}.stats-recent h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;max-height:300px;overflow-y:auto}.stats-session-card{background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);border:1px solid #60A5FA;border-radius:12px;padding:1rem;font-size:.9rem;transition:all .2s ease}.stats-session-card:hover{border-color:#a78bfa;background:linear-gradient(135deg,#60a5fa33,#a78bfa26)}.stats-session-date{font-weight:700;margin-bottom:.35rem;color:#60a5fa}.stats-session-duration{color:#ffffffb3;margin-bottom:.2rem}.stats-session-time{color:#ffffff80;font-size:.8rem}html[data-theme=marsala] .sticky{color:#181818}html[data-theme=midnight-violet] .sticky{color:#e9d5ff}html[data-theme=midnight-violet] .kanban-column input[type=text]{background:#181828;color:#e9d5ff;border:1px solid #4a4e91}html[data-theme=midnight-violet] .btn-primary{background:linear-gradient(90deg,#4a4e91,#a78bfa);color:#fff;border:none}html[data-theme=midnight-violet] .btn-primary:hover{background:linear-gradient(90deg,#6d6fcf,#c084fc);box-shadow:0 6px 22px #a78bfa2e}html[data-theme=marsala] .calendar-meta{color:#181818}html[data-theme=midnight-violet] .kanban-column input[type=text]{background:#0a0a0a;color:#e9d5ff;border:1px solid #4a4e91}html[data-theme=midnight-violet] .calendar-day.selected{background:#2a1a3a;border-color:#a78bfa;color:#e9d5ff;box-shadow:0 10px 30px #a78bfa40}html[data-theme=midnight-violet] .calendar-meta{color:#e9d5ff}html[data-theme=midnight-violet] .kanban-column input[type=text]{background:#000!important;color:#e9d5ff!important;border:2px solid #a78bfa!important;box-shadow:0 2px 8px #a78bfa1f}html[data-theme=midnight-violet] .kanban-column input[type=text]::placeholder{color:#b39ddb!important;opacity:1}.sniglet-regular{font-family:Sniglet,system-ui;font-weight:400;font-style:normal}.sniglet-extrabold{font-family:Sniglet,system-ui;font-weight:800;font-style:normal}@media(max-width:900px){.hamburger{display:inline-flex}.nav-links{position:absolute;left:1.25rem;top:64px;flex-direction:column;background:#e0decdf2;padding:.75rem;border-radius:12px;border:1px solid var(--border);opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .2s ease;margin-left:0}html[data-theme=golden-hour] .nav-links{background:#141210f2;border-color:#b8860b99}html[data-theme=golden-hour] .nav-link{border-color:#b8860b80;color:var(--text)}html[data-theme=golden-hour] .nav-link.active,html[data-theme=golden-hour] .nav-link:hover{border-color:var(--blue-veil);background:#8b735566}.nav-links.open{display:flex;opacity:1;pointer-events:auto;transform:translateY(0)}html[data-theme=midnight-violet] .nav-links{background:#1a102afa;border:none!important}}@media(max-width:768px){.topbar{padding:1rem 1.1rem}.main{padding:5rem 1.1rem 2.5rem}.hero{padding:2.2rem 1.5rem}.hero h1{font-size:2rem}.timer-container{width:250px;height:250px}.time{font-size:2.5rem}.mode-label{font-size:.85rem}.btn{padding:.85rem 1rem}.kanban{grid-template-columns:1fr;gap:1rem}.kanban-column input[type=text]{font-size:.85rem!important;padding:.45rem .6rem!important}.kanban-column button{font-size:.85rem!important;padding:.45rem .65rem!important}}@media(max-width:540px){.kanban{grid-template-columns:1fr!important;gap:.5rem!important;padding:0 .25rem!important}.kanban-column{min-width:0!important;padding:.5rem .25rem!important}.kanban-column>div{flex-direction:column!important;gap:.5rem!important}.kanban-column button{width:100%!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}}@media(max-width:480px){.timer-container{width:200px;height:200px}.time{font-size:2rem}.mode-label{font-size:.75rem}}@media(max-width:360px){.timer-container{width:180px;height:180px}.time{font-size:1.75rem}.mode-label{font-size:.7rem}}:fullscreen .topbar,:-webkit-full-screen .topbar,:-moz-full-screen .topbar,:-ms-fullscreen .topbar{display:none}:fullscreen main,:-webkit-full-screen main,:-moz-full-screen main,:-ms-fullscreen main{padding-top:0;display:flex;align-items:center;justify-content:center;min-height:100vh}:fullscreen .time,:-webkit-full-screen .time,:-moz-full-screen .time,:-ms-fullscreen .time{font-size:3.2rem}:fullscreen .mode-label,:-webkit-full-screen .mode-label,:-moz-full-screen .mode-label,:-ms-fullscreen .mode-label{font-size:.95rem}html[data-theme=midnight-violet] .kanban-column input[type=text]{background:#000;color:#e9d5ff;border:1px solid #a78bfa;box-shadow:0 2px 8px #a78bfa14}*{margin:0;padding:0;box-sizing:border-box}:root{--cloud-cocoa: #ab9b8e;--blue-veil: #8690a2;--sand-gold: #d2c296;--whisper-mint: #bdd1d3;--angel-milk: #e0decd;--blue-veil-strong: #6f7a8e;--sand-gold-strong: #c7b684;--bg: var(--angel-milk);--bg-alt: var(--whisper-mint);--text: #1f2329;--text-soft: rgba(31, 35, 41, .75);--border: rgba(134, 144, 162, .55);--surface: rgba(224, 222, 205, .75);--accent: var(--blue-veil);--accent-soft: rgba(134, 144, 162, .35);--btn-grad-start: var(--blue-veil-strong);--btn-grad-end: var(--cloud-cocoa)}html[data-theme=pastel-serenity]{--cloud-cocoa: #A4C3B2;--blue-veil: #689080;--sand-gold: #FFB7C3;--whisper-mint: #EEC6CA;--angel-milk: #DED6D1;--blue-veil-strong: #5a7270;--sand-gold-strong: #ff9db3;--bg: var(--angel-milk);--bg-alt: var(--whisper-mint);--text: #1f2329;--text-soft: rgba(31, 35, 41, .75);--border: rgba(104, 144, 128, .55);--surface: rgba(222, 214, 209, .75);--accent: var(--blue-veil);--accent-soft: rgba(104, 144, 128, .35);--btn-grad-start: var(--blue-veil);--btn-grad-end: var(--cloud-cocoa)}html[data-theme=fairy-rosette]{--cloud-cocoa: #A580A6;--blue-veil: #947CAC;--sand-gold: #4F3466;--whisper-mint: #CABCD7;--angel-milk: #D2C9D4;--blue-veil-strong: #7a6494;--sand-gold-strong: #3d264f;--bg: var(--angel-milk);--bg-alt: var(--whisper-mint);--text: #2d1f3a;--text-soft: rgba(45, 31, 58, .75);--border: rgba(148, 124, 172, .55);--surface: rgba(202, 188, 215, .55);--accent: var(--blue-veil);--accent-soft: rgba(148, 124, 172, .35);--btn-grad-start: var(--blue-veil);--btn-grad-end: var(--whisper-mint)}html[data-theme=marsala]{--cloud-cocoa: #5C2E3A;--blue-veil: #8B3A3A;--sand-gold: #D4AF9E;--whisper-mint: #F5E6D3;--angel-milk: #FAF5F0;--blue-veil-strong: #6B2E2E;--sand-gold-strong: #C89E8E;--bg: var(--angel-milk);--bg-alt: var(--whisper-mint);--text: #3d2828;--text-soft: rgba(61, 40, 40, .75);--border: rgba(139, 58, 58, .5);--surface: rgba(242, 232, 220, .75);--accent: var(--blue-veil);--accent-soft: rgba(139, 58, 58, .35);--btn-grad-start: var(--blue-veil);--btn-grad-end: var(--sand-gold)}html[data-theme=midnight-violet]{--cloud-cocoa: #a78bfa;--blue-veil: #c084fc;--sand-gold: #e879f9;--whisper-mint: #1a1a1a;--angel-milk: #0f0f0f;--blue-veil-strong: #a855f7;--sand-gold-strong: #d946ef;--bg: #0a0a0a;--bg-alt: #151515;--text: #e9d5ff;--text-soft: rgba(233, 213, 255, .7);--border: rgba(167, 139, 250, .25);--surface: rgba(18, 18, 18, .92);--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .2);--btn-grad-start: #1b1c3f;--btn-grad-end: #4a4e91}body{font-family:Comic Sans MS,Comic Sans,cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:linear-gradient(135deg,var(--bg),var(--bg-alt));transition:background .5s ease,color .3s ease}#root{width:100%;min-height:100vh}