@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Red+Hat+Mono:wght@300;400;500;600;700&family=Syne+Mono&display=swap";:root{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Syne Mono", "Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-primary: #f6f3ef;--bg-secondary: #f1ede7;--bg-accent: #e8f1e9;--text-primary: #1f2329;--text-secondary: #5f676f;--text-accent: #2a9d68;--button-bg: #ffffff;--button-text: #1f2329;--button-border: #d4d8de;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .08);--hover-brightness: 1.03;--gradient-main: linear-gradient(135deg, #f6f3ef, #f0ece6, #eef3f9);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=soft-playful]{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Syne Mono", "Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-primary: #f7f2eb;--bg-secondary: #f2eee7;--bg-accent: #e5f2e8;--text-primary: #22262d;--text-secondary: #626b75;--text-accent: #2aa06f;--button-bg: #ffffff;--button-text: #22262d;--button-border: #d3d9df;--card-bg: #fffdfb;--card-shadow: rgba(0, 0, 0, .09);--hover-brightness: 1.04;--gradient-main: linear-gradient(135deg, #f7f2eb, #f0ece5, #eef4fa)}[data-theme=calm]{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Red Hat Mono", "Syne Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-primary: #f5f7f6;--bg-secondary: #e6f0ec;--bg-accent: #d9e7ff;--text-primary: #2e3a36;--text-secondary: #6b7c76;--text-accent: #5a8f8a;--button-bg: #ffffff;--button-text: #2e3a36;--button-border: #cfe1da;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .06);--hover-brightness: 1.03;--gradient-main: linear-gradient(135deg, #e6f0ec, #d9e7ff, #f7e8f0)}[data-theme=professional]{--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font-body);--bg-primary: #ffffff;--bg-secondary: #f5f6f8;--bg-accent: #e9ecef;--text-primary: #111827;--text-secondary: #6b7280;--text-accent: #2563eb;--button-bg: #111827;--button-text: #ffffff;--button-border: #d1d5db;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .05);--hover-brightness: .96;--gradient-main: none}ul,ol{list-style:none;padding:0;margin:0}button{cursor:pointer;transition:transform .15s ease,background-color .3s ease}button:hover{transform:scale(1.05)}body{font-family:var(--font-body);background:var(--gradient-main, var(--bg-primary));color:var(--text-primary)}h1,h2,h3,h4,.widget-preview,.time-display,code,pre{font-family:var(--font-display)}[data-theme=soft-playful] .card,[data-theme=soft-playful] .task-card,[data-theme=soft-playful] .draggable-widget,[data-theme=soft-playful] .add-task-button,[data-theme=soft-playful] .settings-section,[data-theme=soft-playful] .auth-modal,[data-theme=soft-playful] .modal-content{border-radius:8px!important;border:2px solid color-mix(in srgb,var(--button-border) 80%,#9ca3af 20%)}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.space-between{justify-content:space-between}.full-width{width:100%}.total-width{width:100vw}.full-height{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.p-1{padding:1rem}.pb-1{padding-bottom:1rem}.bottom{bottom:0}.text-center{text-align:center}.bold{font-weight:700}.light-text{color:#eee}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}body{font-family:var(--font-body);background:var(--gradient-main, var(--bg-primary));margin:0;padding:0;color:var(--text-primary)}.top-bar{display:flex;justify-content:space-between;background-color:color-mix(in srgb,var(--bg-primary) 82%,#000 18%);color:var(--text-primary);border-bottom:1px solid color-mix(in srgb,var(--button-border) 40%,transparent 60%)}.top-bar *{max-height:30px;margin:.3rem}.score-display{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#dbe3ef;position:relative}.score-icon{font-size:.7rem;opacity:.8}.score-award{position:absolute;right:-10px;top:-8px;font-size:.75rem;color:#a7f3d0;animation:score-fade 1.2s ease forwards}@keyframes score-fade{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.app-layout{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden}@media (max-width: 586px){.app-layout{flex-direction:column}.main-container{height:auto;min-height:100vh}}.settings-panel{width:100%;height:100vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.settings-panel::-webkit-scrollbar{display:none}.main-container{flex:1;overflow-y:auto;background:transparent}.hero-card{width:100%;background:color-mix(in srgb,var(--card-bg) 85%,transparent 15%);color:var(--text-primary);text-align:center;margin-bottom:2rem;box-shadow:0 8px 20px var(--card-shadow)}.hero-card h1{font-size:2.25rem;margin-bottom:.5rem}.hero-card h2{font-size:1.5rem;font-weight:400;color:#666}.subtitle{font-size:1rem;color:#888;margin-top:.5rem}.intro-grid{display:flex;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:color-mix(in srgb,var(--card-bg) 88%,transparent 12%);color:var(--text-primary);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 12px var(--card-shadow)}.card h3{margin-top:0}.form-area{display:flex;flex-direction:column;gap:1rem;z-index:2;right:1rem;top:1rem;text-align:center}.auth-modal-overlay{background:#0b0f148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-modal{max-width:440px;width:92%;padding:2rem;border-radius:18px;background:color-mix(in srgb,var(--bg-secondary) 92%,#fff 8%);box-shadow:0 16px 40px #0c141c2e,0 2px 8px #0c141c14;border:1px solid rgba(12,20,28,.06)}.auth-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.auth-modal .modal-header h2{font-size:1.35rem;letter-spacing:.2px;margin:0}.auth-modal .modal-close{border:none;background:#e9edf2;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:1.2rem;color:var(--text-primary)}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-form h3{font-size:1.1rem;margin:0 0 .25rem;color:#222}.auth-form input{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid #d7dde3;background:#fff;color:#1b2430;font-size:.95rem;transition:border .2s ease,box-shadow .2s ease}.auth-form input::placeholder{color:#7a8697}.auth-form input:focus{outline:none;border-color:#2c6bed;box-shadow:0 0 0 3px #2c6bed26}.auth-form button[type=submit]{margin-top:.25rem;padding:.85rem 1rem;border-radius:12px;border:none;background:#2c6bed;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 8px 18px #2c6bed40}.auth-form button[type=submit]:hover{background:#255dd2}.auth-form p{margin:0;font-size:.9rem}.section-error{margin:.75rem;padding:.75rem .9rem;border-radius:10px;background:#fff4f4;border:1px solid #f2c9c9;color:#8a2b2b;font-size:.9rem}.theme-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;pointer-events:none;background:var(--theme-bg);clip-path:circle(0 at var(--theme-x) var(--theme-y));transition:clip-path .52s ease-out}.theme-transition-overlay.active{clip-path:circle(160vmax at var(--theme-x) var(--theme-y))}@media (max-width: 586px){.top-bar{flex-wrap:wrap;gap:.4rem;padding-bottom:.35rem}.top-bar>div{min-width:0}.hero-card{margin-bottom:1rem;border-radius:14px}.task-filter-bar{gap:.45rem;padding:.5rem}.outer-task-window{margin-top:.5rem}.task-card{max-width:none;min-width:135px;width:44vw}.form-area{padding-bottom:1rem}}.row-display-center{display:flex;align-items:center;justify-content:center}.duration-input,.task-title-input{border:none;background:transparent;font-size:1rem;outline:none}.duration-input{color:#070303;width:60px;margin-left:.3rem;border-bottom:1px dashed #1c2628}.duration-input:focus,.task-title-input:focus{border-bottom:1px solid #333}.task-title-input{font-family:var(--font-display);font-size:1.1rem;color:#070303;border-bottom:1px dashed #ccc;padding:.2rem;margin-bottom:.3rem;text-align:center;width:100%}.outer-task-window{font-family:var(--font-display);margin-top:1rem;border-radius:12px}.task-row-wrapper{overflow-x:auto;padding:1rem}.task-column{display:flex;gap:1rem;padding:0 1rem}.add-task-button{margin:.3rem;color:#070303;align-items:center;justify-content:center;background:#f4f4f4;padding:1rem;width:100px;min-height:80px;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:99}.modal-content{background:#fff;padding:2rem;border-radius:12px;z-index:100;max-width:600px;width:90%;max-height:90%;overflow-y:auto;position:relative}.on-card-button{position:absolute;width:24px;height:24px;border:none;border-radius:50%;color:#fff;font-weight:700;cursor:pointer}.duplicate-button{background-color:#a9adf6;top:-4px;right:22px}.delete-button{background-color:#f16d6d;top:-4px;right:-4px}.frequency-controls{align-items:center;gap:.4rem;font-size:1rem}.notification-container{border:1px solid #070303;border-radius:12px;padding:1rem;background-color:#f4f4f4;margin-bottom:1rem}.notification-container.flex-column{display:flex;flex-direction:column;gap:.5rem;padding:.8rem;margin-top:1rem}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1rem;width:100%}.drag-handle{cursor:grab;padding:.25rem;-webkit-user-select:none;user-select:none;text-align:center;font-size:1.2rem;color:gray;touch-action:none}.task-card{position:relative;align-items:center;background:#f4f4f4;padding:1rem;min-width:100px;max-width:200px;min-height:100px;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;text-align:center;margin:.3rem;gap:.5rem;transition:background-color .3s ease}.task-card.done{background:#d1ffd6}.task-card-content{align-items:center;justify-content:space-between;height:100%}.task-title{font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.task-icon{font-size:3rem}.task-status{font-size:.9rem;color:#555;margin:.5rem}.task-progress-vertical{align-items:center;height:60px;position:relative}.progress-bar-vertical{display:flex;flex-direction:column-reverse;width:10px;height:70%;background-color:#ddd;border-radius:5px;overflow:hidden}.progress-bar-fill{background-color:#4caf50;transition:height .3s ease}.progress-label{font-size:.7rem;color:#555}.new-task-card{border:2px dashed #ccc;color:#777;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;margin-top:3rem}.new-task-card:hover{background-color:#eee}.new-task-title{font-weight:700;font-size:1.2rem}.segment-button-group{display:flex;border:1px solid #ccc;border-radius:9999px;overflow:hidden;width:fit-content;margin:0 auto;box-shadow:0 2px 4px #00000014}.segment-button{all:unset;padding:.2rem .4rem;font-size:.6rem;cursor:pointer;background-color:#f0f0f0;border-right:1px solid #ccc;transition:background-color .2s ease,color .2s ease;text-align:center}.segment-button:last-child{border-right:none}.segment-button.selected{background-color:#007acc;color:#fff;font-weight:700;font-size:.6rem}.task-filter-bar{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--bg-secondary) 70%,#fff 30%);border-bottom:1px solid color-mix(in srgb,var(--button-border) 60%,transparent 40%);flex-wrap:wrap}.radio-group{display:flex;gap:.5rem}.radio-button{all:unset;display:flex;align-items:center;justify-content:center;border:1px solid var(--button-border);background:var(--button-bg);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:.85rem;transition:all .25s ease;color:transparent;overflow:hidden;white-space:nowrap}.radio-button.selected{padding:0 1rem;border-radius:20px;background-color:color-mix(in srgb,var(--text-accent) 75%,#007acc 25%);border-color:color-mix(in srgb,var(--text-accent) 75%,#007acc 25%);color:var(--text-primary);width:auto;min-width:80px}.progress-grid{display:flex;align-items:center;justify-content:center;min-width:100px;max-width:200px;min-height:100px;padding:.8rem}.square-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16px,1fr));gap:6px;width:100%;height:100%;padding:.2rem;justify-items:center;align-items:center}.progress-square{width:14px;height:14px;background-color:#ccc;border-radius:4px;transition:background-color .3s ease;border:1px solid rgba(7,3,3,.7)}.progress-square.done{background-color:#4caf50}.progress-grid.hide-active{outline:2px dashed #ff9800;outline-offset:-6px}.weather-widget{background:#e0f7fa;border-radius:12px;padding:1rem;font-size:.9rem;color:#213547;min-width:200px;text-align:center}.weather-widget input{width:90px;padding:4px;margin:4px;font-size:.8rem;border:1px solid #ccc;border-radius:6px}.input-group{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-bottom:.5rem}.location-input{padding:.5rem;width:100%;font-size:1rem;border:1px solid #ccc;border-radius:8px}.suggestion-list{list-style:none;padding:0;margin:2rem 0 0;background:#fff;border:1px solid #ccc;border-radius:8px;max-height:150px;overflow-y:auto;position:absolute;z-index:10;width:100%}.suggestion-list li{padding:.5rem;cursor:pointer}.suggestion-list li:hover{background:#f0f0f0}.timeline-row{display:flex;position:relative;width:100%;height:60px;background:#eef2f7;border-radius:10px;overflow:hidden;margin-top:1rem}.timeline-segment{flex:1;border-right:1px solid #ccc;text-align:center;padding-top:10px;font-size:.9rem;color:#333}.current-time-indicator{position:absolute;top:0;bottom:0;width:2px;background:red}.timeline-container{position:relative;width:100%;padding:1rem 0;border-top:2px solid #ccc;border-bottom:2px solid #ccc;overflow-x:auto}.timeline-row{display:flex;justify-content:space-between;gap:1rem;position:relative}.time-slot{flex:1;min-width:60px;text-align:center;font-size:.8rem;color:#333}.time-slot .icon img{width:24px;height:24px}.temp{font-weight:700}.label{font-size:.75rem;color:#777}.time-indicator{position:absolute;top:0;bottom:0;width:2px;background:#dfc678;z-index:2}.weather-timeline{position:relative;display:flex;padding-top:1rem;margin-top:1rem;overflow-x:auto}.timeline-slot{text-align:center;border-left:1px solid #eee;border-right:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding:0;width:100%}.time-label{font-size:.75rem;margin-bottom:.5rem}.weather-icon{width:32px;height:32px}.time-line-indicator{position:absolute;top:0;bottom:0;width:2px;background:#dfc678;z-index:1}.temp-text{font-size:.8rem}.timeline-container{position:relative;margin-top:1rem}.current-time-indicator{position:absolute;top:0;bottom:0;width:2px;background-color:#dfc678;z-index:10}.timeline-grid{display:flex;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow-x:auto}.slot-label{font-size:.8rem;margin-bottom:.2rem}.weather-icon{width:36px;height:36px}.slot-temp{font-weight:700}.timeline-arcs{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.widget-library{padding:1rem;background:#f5f5f5}.widget-grid{display:flex;gap:1rem;flex-wrap:wrap}.widget-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#2c2c2e;border:1px solid #444;border-radius:.75rem;cursor:grab;width:80px;text-align:center;font-size:.9rem;color:#fff;box-shadow:inset 0 0 1px #555}.widget-preview{padding:.5rem 1rem;background:#1c1c1e;border:1px solid #333;border-radius:.5rem;color:#fff}.focus-widget{background:#0f1218;color:#f5f7fb;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:280px}.focus-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.focus-subtitle{margin:.25rem 0 0;color:#aeb7c7;font-size:.85rem}.focus-log-button{background:#2c6bed;color:#fff;border:none;border-radius:10px;padding:.5rem .85rem;cursor:pointer}.focus-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;background:#141926;padding:.75rem;border-radius:12px}.focus-summary-label{display:block;font-size:.75rem;color:#9aa4b6}.focus-recent{display:flex;flex-direction:column;gap:.5rem}.focus-session{background:#151a25;border-radius:12px;padding:.6rem .75rem;display:grid;gap:.3rem}.focus-session-time{font-weight:600}.focus-session-meta{display:flex;gap:.6rem;color:#9aa4b6;font-size:.8rem}.focus-tags{display:flex;gap:.4rem;flex-wrap:wrap}.focus-tag{background:#232a3a;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.focus-tag.active{background:#2c6bed;cursor:pointer}.focus-empty{color:#9aa4b6;font-size:.85rem}.focus-modal .modal-content{max-width:520px}.focus-form{display:flex;flex-direction:column;gap:1rem}.focus-row{display:flex;flex-direction:column;gap:.4rem}.focus-row input,.focus-row select,.focus-row textarea{background:#0f1218;border:1px solid #2a3142;color:#f5f7fb;border-radius:10px;padding:.5rem .6rem}.focus-duration{display:flex;gap:.5rem;align-items:center}.focus-started{font-size:.8rem;color:#8f99ab}.focus-quality-scale{display:flex;gap:.4rem;flex-wrap:wrap}.focus-quality-scale button{background:#1e2432;border:1px solid #2a3142;color:#d7deea;border-radius:8px;padding:.3rem .6rem;cursor:pointer}.focus-quality-scale button.selected{background:#2c6bed;color:#fff}.focus-tags-input{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;background:#0f1218;border:1px solid #2a3142;padding:.45rem;border-radius:10px}.focus-tags-input input{border:none;background:transparent;color:#f5f7fb;flex:1;min-width:120px;outline:none}.focus-suggestions{display:flex;gap:.4rem;flex-wrap:wrap}.focus-suggestions button,.focus-association{background:#1c222f;border:1px solid #2a3142;color:#d7deea;border-radius:999px;padding:.3rem .6rem;cursor:pointer;font-size:.8rem}.focus-actions{display:flex;justify-content:flex-end;gap:.6rem}.focus-cancel{background:transparent;color:#c2c9d6;border:1px solid #2a3142;border-radius:10px;padding:.45rem .9rem}.focus-save{background:#2c6bed;color:#fff;border:none;border-radius:10px;padding:.45rem .9rem}.sleep-widget{background:#0f1218;color:#f5f7fb;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:280px}.sleep-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sleep-subtitle{margin:.25rem 0 0;color:#aeb7c7;font-size:.85rem}.sleep-log-button{background:#2c6bed;color:#fff;border:none;border-radius:10px;padding:.5rem .85rem;cursor:pointer}.sleep-summary,.sleep-weekly{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;background:#141926;padding:.75rem;border-radius:12px}.sleep-summary-label{display:block;font-size:.75rem;color:#9aa4b6}.sleep-recent{display:flex;flex-direction:column;gap:.5rem}.sleep-entry{background:#151a25;border-radius:12px;padding:.6rem .75rem;display:grid;gap:.3rem}.sleep-entry-time{font-weight:600}.sleep-entry-meta{display:flex;gap:.5rem;flex-wrap:wrap}.sleep-badge{background:#232a3a;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;color:#d7deea}.sleep-tags{display:flex;gap:.4rem;flex-wrap:wrap}.sleep-tag{background:#232a3a;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.sleep-empty{color:#9aa4b6;font-size:.85rem}.sleep-form{display:flex;flex-direction:column;gap:1rem}.sleep-row{display:flex;flex-direction:column;gap:.4rem}.sleep-row input,.sleep-row select,.sleep-row textarea{background:#0f1218;border:1px solid #2a3142;color:#f5f7fb;border-radius:10px;padding:.5rem .6rem}.sleep-duration{display:flex;gap:.5rem;align-items:center}.sleep-quality-scale,.sleep-chip-row{display:flex;gap:.4rem;flex-wrap:wrap}.sleep-quality-scale button,.sleep-chip-row button{background:#1e2432;border:1px solid #2a3142;color:#d7deea;border-radius:8px;padding:.3rem .6rem;cursor:pointer}.sleep-quality-scale button.selected,.sleep-chip-row button.selected{background:#2c6bed;color:#fff}.sleep-tags-input{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;background:#0f1218;border:1px solid #2a3142;padding:.45rem;border-radius:10px}.sleep-tags-input input{border:none;background:transparent;color:#f5f7fb;flex:1;min-width:120px;outline:none}.sleep-suggestions{display:flex;gap:.4rem;flex-wrap:wrap}.sleep-suggestions button{background:#1c222f;border:1px solid #2a3142;color:#d7deea;border-radius:999px;padding:.3rem .6rem;cursor:pointer;font-size:.8rem}.sleep-advanced-toggle{background:transparent;border:1px dashed #2a3142;color:#9aa4b6;border-radius:10px;padding:.5rem .75rem;cursor:pointer}.sleep-actions{display:flex;justify-content:flex-end;gap:.6rem}.sleep-cancel{background:transparent;color:#c2c9d6;border:1px solid #2a3142;border-radius:10px;padding:.45rem .9rem}.sleep-save{background:#2c6bed;color:#fff;border:none;border-radius:10px;padding:.45rem .9rem}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.widget-slot{display:flex;justify-content:center;align-items:center;padding:.5rem;box-sizing:border-box;position:relative}.widget-content{width:100%;height:100%;position:relative}.widget-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c10b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:5;border-radius:16px;cursor:pointer}.widget-cover-content{text-align:center;color:#f3f5f9;display:flex;flex-direction:column;gap:.35rem;align-items:center}.widget-cover-icon{font-size:1.6rem}.widget-cover-title{font-size:1rem;font-weight:600}.widget-cover-sub{font-size:.8rem;color:#c7cfdd}.widget-cover-button{margin-top:.35rem;background:#2c6bed;color:#fff;border:none;padding:.4rem .8rem;border-radius:10px;cursor:pointer;font-size:.85rem}.widget-cover-toggle{position:absolute;top:8px;right:8px;background:#14181fcc;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.25rem .6rem;font-size:.7rem;cursor:pointer;z-index:4}.widget-shell-button,.widget-shell-small,.widget-shell-medium,.widget-shell-large{background-color:#1c1c1e;color:#fff;border-radius:16px;padding:1rem;box-shadow:0 2px 5px #0003;width:100%;height:100%;box-sizing:border-box;font-family:system-ui,sans-serif;overflow:hidden}.widget-shell-small,.widget-shell-medium,.widget-shell-large,.widget-content{max-width:100%;max-height:100%}.widget-shell-small p,.widget-shell-medium p,.widget-shell-large p,.widget-shell-small h1,.widget-shell-medium h1,.widget-shell-large h1,.widget-shell-small h2,.widget-shell-medium h2,.widget-shell-large h2,.widget-shell-small h3,.widget-shell-medium h3,.widget-shell-large h3,.widget-shell-small h4,.widget-shell-medium h4,.widget-shell-large h4,.widget-shell-small span,.widget-shell-medium span,.widget-shell-large span{overflow:hidden;text-overflow:"..";white-space:nowrap}.widget-shell-button{background-color:#0a84ff;color:#fff;border:none;font-size:1.25rem;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:12px;padding:.75rem 1rem;transition:background-color .2s}.widget-shell-button:hover{background-color:#006de1}.widget-shell-small{font-size:1.25rem;padding:.75rem}.widget-shell-medium,.widget-shell-large{font-size:1.5rem}.edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;z-index:10;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.time-display{font-size:1.5rem;font-weight:400;font-family:Menlo,Courier,monospace;text-align:center;margin-bottom:1rem;color:#fff}.timer-display{display:flex;flex-direction:column;align-items:center;gap:.75rem}.timer-progress-ring{--progress: 0;width:120px;height:120px;border-radius:50%;background:conic-gradient(#6ee7ff calc(var(--progress) * 1turn),#ffffff1f 0);display:grid;place-items:center;box-shadow:inset 0 0 0 6px #ffffff14}.timer-progress-core{width:86px;height:86px;border-radius:50%;background:#111216;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f5f7fb;font-size:.9rem;gap:.15rem;border:1px solid rgba(255,255,255,.08)}.timer-progress-sub{font-size:.7rem;color:#a5b4c8;letter-spacing:.3px}.timer-note{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.timer-note textarea{background:#121318;border:1px solid #2c2f36;color:#e6e9ef;border-radius:10px;padding:.6rem .75rem;resize:vertical;font-family:inherit}.timer-note-banner{margin:.5rem auto .25rem;padding:.45rem .75rem;border-radius:999px;background:#6ee7ff26;color:#d7f3ff;border:1px solid rgba(110,231,255,.35);font-size:.85rem}.timer-note-title{font-size:1.1rem;font-weight:600;color:#f2f6ff;text-align:center;margin-bottom:.5rem}.timer-action-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.timer-fullscreen-toggle{margin-top:.75rem;background:#0a84ff;color:#fff;border:none;padding:.6rem .9rem;border-radius:10px;cursor:pointer;font-size:.9rem}.timer-fullscreen-toggle.active{background:#0c62b8}.timer-sound-toggle{margin-top:.5rem;background:#1f242f;color:#d8e1ef;border:1px solid #2c3443;padding:.55rem .85rem;border-radius:10px;cursor:pointer;font-size:.85rem}.timer-sound-toggle.active{border-color:#2c6bed;color:#fff}.timer-sound-stop{margin-top:.5rem;background:#3a1f27;color:#ffd7df;border:1px solid #5a2c39;padding:.55rem .85rem;border-radius:10px;cursor:pointer;font-size:.85rem}.timer-fullscreen-modal{width:95vw;height:90vh;max-width:1200px;max-height:95vh}.timer-mode-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.timer-mode-selector button{background-color:transparent;color:#aaa;border:1px solid #555;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.timer-mode-selector button.selected{background-color:#0a84ff;color:#fff;border-color:#0a84ff}.timer-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.timer-controls button{background-color:#2c2c2e;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .2s}.timer-controls button:hover{background-color:#3a3a3c}.interval-config{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.interval-config label{display:flex;justify-content:space-between;color:#ccc;font-size:.875rem}.interval-config input{width:60px;background-color:#1c1c1e;color:#fff;border:1px solid #333;border-radius:6px;padding:.25rem;text-align:right}.settings-outer{background:color-mix(in srgb,var(--bg-secondary) 92%,#fff 8%);display:flex;flex-direction:column;gap:1rem;z-index:200;width:100%;height:100%;box-shadow:0 4px 12px #0003;transition:all .3s ease;position:fixed;top:0;left:0}.settings-outer.mobile{width:100%;height:50vh;border-radius:0 0 12px 12px}.settings-outer.desktop{width:38%;height:100vh;border-radius:0 16px 16px 0}.settings-panel{padding:1.5rem .75rem 0 1rem;color:var(--text-primary)}.settings-section{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.4rem;max-width:70%;padding:1rem;background:var(--card-bg);border-radius:14px;border:1px solid rgba(15,23,42,.06);box-shadow:0 8px 20px #0f172a0f}.settings-header{display:flex;align-items:center;gap:1rem;justify-content:space-between;margin-bottom:.75rem;margin-right:3rem}.close-settings-button{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:10px;border:1px solid #d6dbe1;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem}.settings-header h2{margin:0;font-size:1.25rem;letter-spacing:.2px;font-family:var(--font-display)}.settings-auth{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0 0}.settings-auth-actions{display:flex;gap:.5rem;flex-wrap:wrap}.settings-auth-actions button{padding:.5rem .9rem;border-radius:10px;border:1px solid #cfd6dd;background:#fff;cursor:pointer}.settings-auth-actions button:last-child{background:#2c6bed;color:#fff;border-color:#2c6bed}.settings-subsection{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;border-top:1px solid rgba(15,23,42,.08)}.settings-subsection:first-of-type{border-top:none;padding-top:0}.widget-meta{margin-top:.35rem;font-size:.75rem;color:var(--text-secondary)}.widget-library{margin-top:1rem}.widget-preview-grid{display:flex;flex-wrap:wrap;gap:.5rem}.draggable-widget{padding:.5rem;border:1px solid #e3e8ee;border-radius:10px;background:color-mix(in srgb,var(--bg-secondary) 70%,#fff 30%);cursor:grab}.theme-picker{margin-top:.5rem}.theme-picker p{margin:0 0 .35rem;font-family:var(--font-display)}.theme-picker-buttons{display:flex;gap:.45rem;flex-wrap:wrap}.theme-picker-buttons button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);border-radius:999px;padding:.35rem .75rem}.theme-picker-buttons button.active{background:var(--text-accent);color:var(--bg-primary);border-color:transparent}.main-footer{margin-top:2.5rem;padding:1.25rem 1rem 1rem;border-top:1px solid #d9dee6;background:linear-gradient(180deg,#f7f9fc,#f0f3f8)}.footer-top,.footer-bottom{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-bottom{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e1e6ef}.footer-logo-button{border:1px solid #d3dae6;background:#fff;border-radius:10px;padding:.3rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.footer-logo-button img{width:34px;height:34px}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem}.footer-links button{border:1px solid #d3dae6;background:#fff;color:#2a3442;border-radius:999px;padding:.35rem .75rem;cursor:pointer;font-size:.85rem}.footer-links.small button{font-size:.8rem}.footer-socials{display:inline-flex;align-items:center;gap:.7rem}.footer-socials a{min-width:92px;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.footer-socials img{height:20px;width:auto}.yt-fallback{color:#d01f1f;font-weight:600}.ig-fallback{font-weight:600}.footer-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d121c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;display:flex;justify-content:center;align-items:center;padding:1rem}.footer-info-panel{width:min(900px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:14px;border:1px solid #d4dce8;padding:1rem 1rem 1.2rem;position:relative}.footer-back-button{position:sticky;top:0;z-index:2;border:1px solid #cfd8e6;background:#fff;border-radius:999px;padding:.35rem .8rem;cursor:pointer}.footer-info-panel h2{margin:.75rem 0}.footer-info-nav{display:flex;flex-wrap:wrap;gap:.45rem}.footer-info-nav button{border:1px solid #d5deeb;background:#f8fafd;border-radius:999px;padding:.3rem .7rem;cursor:pointer}.footer-info-nav button.active{background:#2c6bed;color:#fff;border-color:#2c6bed}.footer-info-section{margin-top:1rem;border-top:1px solid #e6ebf3;padding-top:.75rem}@media (max-width: 640px){.footer-top,.footer-bottom{align-items:flex-start}}.greetingBanner{display:flex;align-items:center;justify-content:space-around;width:100%;border:0;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:14px 16px;cursor:pointer;overflow:hidden}.greetingText{position:relative;display:grid;gap:4px;color:#000}.greetingTitle{font-size:18px;font-weight:650;letter-spacing:.2px}.greetingSub{font-size:13px;opacity:.85}.greetingHint{font-size:12px;opacity:.55}.greetingGlow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff38,#ffffff14 35%,#fff0 60%);transform-origin:center;filter:blur(10px)}