:root{--bg-color:#f4f4f5;--panel-bg:#fff;--card-bg:#ffffffb3;--card-hover:#fff;--text-main:#09090b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--border-color:#00000014;--border-hover:#00000026;--border-focus:#0000004d;--accent-color:#09090b;--accent-hover:#27272a;--status-ready:#10b981;--status-waiting:#f59e0b;--status-warning:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--shadow-inset:inset 0 1px 0 #fffc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#fffc 0%,#0000 60%);flex-direction:column;min-height:100vh;line-height:1.5;display:flex}#app{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:flex}.app-header{z-index:50;justify-content:center;display:flex;position:sticky;top:1.5rem}.nav-pill{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background-color:#fffc;border-radius:9999px;gap:.25rem;padding:.25rem;display:flex;box-shadow:0 4px 20px #0000001a}.nav-pill a{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none}.nav-pill a:hover{color:var(--text-main)}.nav-pill a.active{color:var(--text-main);background-color:#0000000f}.dashboard{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.bento-card{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:0 4px 24px -4px #0000000f, var(--shadow-inset);flex-direction:column;padding:2rem;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-hover);background-color:var(--card-hover)}.bento-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.platform-name{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.status-dot{background-color:var(--status-waiting);border-radius:50%;width:8px;height:8px}.status-dot.ready{background-color:var(--status-ready);box-shadow:0 0 12px var(--status-ready)}.bento-main{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.countdown-timer{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--text-main);margin-bottom:.5rem;font-size:3rem;font-weight:600;line-height:1}.countdown-label{color:var(--text-secondary);font-size:.875rem}.bento-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;margin-top:2rem;padding-top:1.5rem;font-size:.875rem;display:flex}.timeline-info{align-items:center;gap:.5rem;display:flex}.bento-actions{gap:.5rem;margin-top:1rem;display:flex}.btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#00000008;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn:hover{border-color:var(--border-hover);background-color:#0000000f}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent-color);color:#fff;border:none}.btn-primary:hover{background-color:var(--accent-hover)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.form-input,.form-select{border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-sans);transition:all var(--transition-fast);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fff;padding:.75rem 1rem;font-size:1rem}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(0,0,0,0.5)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-input:focus,.form-select:focus{border-color:var(--border-focus);outline:none}.list-group{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.list-item:last-child{border-bottom:none}.list-item-content{flex-direction:column;display:flex}.list-item-title{font-size:1rem;font-weight:500}.list-item-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.page-header{margin-bottom:2rem}.page-title{letter-spacing:-.04em;margin-bottom:.5rem;font-size:2rem;font-weight:600}.page-subtitle{color:var(--text-secondary);font-size:1rem}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#0000001a;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--status-ready)}input:checked+.slider:before{transform:translate(20px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity var(--transition-normal);background-color:#ffffff80;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;transition:all var(--transition-normal);padding:2.5rem;transform:translateY(20px)scale(.95)}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}.modal-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.cs,.cdt{width:100%;position:relative}.form-select-trigger{border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast);background-color:#fff;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5;display:flex}.form-select-trigger:hover{border-color:var(--border-hover)}.form-select-trigger.open{border-color:var(--border-focus)}.form-select-trigger svg{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.cs-trigger.open svg{transform:rotate(180deg)}.cs-label,.cdt-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes cs-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cs-menu{z-index:200;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:280px;padding:.375rem;animation:.12s cs-pop;position:fixed;overflow-y:auto;box-shadow:0 8px 28px -6px #0000002e}.cs-option{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;padding:.5rem .75rem;font-size:.9375rem;display:flex}.cs-option:hover{background:#0000000d}.cs-option.selected{background:var(--accent-color);color:#fff}.cs-option.selected:hover{background:var(--accent-hover)}.cdt-pop{z-index:200;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:300px;padding:.875rem;animation:.12s cs-pop;position:fixed;box-shadow:0 8px 28px -6px #0000002e}.cdt-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.cdt-title{font-size:.9375rem;font-weight:600}.cdt-nav{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.cdt-nav:hover{color:var(--text-main);background:#0000000d}.cdt-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cdt-wd{text-align:center;color:var(--text-tertiary);padding:.25rem 0;font-size:.75rem}.cdt-days{margin-top:2px}.cdt-day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;display:flex}.cdt-day.empty{cursor:default}.cdt-day:not(.empty):hover{background:#0000000f}.cdt-day.today{color:var(--accent-color);font-weight:700}.cdt-day.sel,.cdt-day.sel.today{background:var(--accent-color);color:#fff;font-weight:600}.cdt-time{border-top:1px solid var(--border-color);align-items:center;gap:.5rem;margin-top:.875rem;padding-top:.875rem;display:flex}.cdt-time-label{color:var(--text-secondary);margin-right:auto;font-size:.8125rem}.cdt-num{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);width:48px;font-family:var(--font-mono);color:var(--text-main);background:#fff;padding:.375rem;font-size:.875rem}.cdt-num:focus{border-color:var(--border-focus);outline:none}.cdt-colon{color:var(--text-tertiary)}.cdt-now{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;margin-left:.25rem;padding:.375rem .625rem;font-size:.8125rem}.cdt-now:hover{color:var(--text-main);background:#0000000d}