:root{--background:#080d18;--surface:#11192ae6;--surface-solid:#11192a;--surface-raised:#172238;--surface-soft:#0e1626;--border:#263653;--border-strong:#334766;--foreground:#f7f9fc;--muted:#93a4be;--muted-strong:#bdc9db;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-soft:#38bdf81f;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#fb7185;--danger-soft:#fb71851f;--radius-xl:24px;--radius-lg:18px;--radius-md:13px;--shadow:0 24px 80px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);min-width:320px}body{min-height:100vh;color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 0,#0ea5e914,#0000 34rem),linear-gradient(#080d18 0%,#0a101c 52%,#080d18 100%);margin:0}button,input{font:inherit}button,summary,input[type=time]{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,summary:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #38bdf880}.app-shell{isolation:isolate;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;padding:24px 0 32px;position:relative}.ambient{z-index:-1;filter:blur(100px);opacity:.12;pointer-events:none;border-radius:999px;width:360px;height:360px;position:fixed}.ambient-one{background:#0ea5e9;top:24%;left:-180px}.ambient-two{background:#34d399;bottom:12%;right:-160px}.site-header{justify-content:space-between;align-items:center;padding-bottom:64px;display:flex}.brand{color:var(--foreground);letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.02rem;font-weight:740;text-decoration:none;display:inline-flex}.brand-mark{color:#7dd3fc;width:38px;height:38px;font-family:var(--font-geist-mono), monospace;background:linear-gradient(145deg,#38bdf838,#0ea5e914);border:1px solid #38bdf857;border-radius:12px;place-items:center;font-size:.8rem;display:grid;box-shadow:inset 0 1px #ffffff14}.local-badge{border:1px solid var(--border);color:var(--muted-strong);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.local-badge:before{background:var(--success);content:"";border-radius:999px;width:7px;height:7px;box-shadow:0 0 14px #34d399b3}.hero{max-width:780px;padding-bottom:46px}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:760}.hero h1{letter-spacing:-.065em;max-width:700px;margin:14px 0 16px;font-size:clamp(2.25rem,6vw,4.65rem);font-weight:700;line-height:.99}.hero-copy{max-width:650px;color:var(--muted-strong);margin:0;font-size:clamp(1rem,2vw,1.12rem);line-height:1.7}.workspace{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:start;gap:22px;display:grid}.main-column,.result-column{gap:18px;display:grid}.result-column{position:sticky;top:20px}.panel,.status-card,.suggestions,.notice-card,.error-list{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #334766b8}.panel{border-radius:var(--radius-xl)}.punch-panel{padding:26px}.panel-heading,.suggestions-heading,.suggestion-title-row,.suggestion-footer,.routine-heading,.settings-actions,.period-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading h2,.suggestions-heading h2,.status-card h2{letter-spacing:-.035em;margin:7px 0 0;font-size:1.28rem}.text-button,.ghost-button,.routine-heading button{color:var(--muted-strong);cursor:pointer;background:0 0;border:0;font-size:.82rem;font-weight:650}.text-button:hover,.ghost-button:hover,.routine-heading button:hover{color:var(--accent)}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 12px;display:grid}.summary-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#080d186b;min-width:0;padding:14px 15px}.summary-item span{color:var(--muted);margin-bottom:5px;font-size:.72rem;display:block}.summary-item strong{font-family:var(--font-geist-mono), monospace;letter-spacing:-.04em;font-size:1.12rem}.summary-highlight strong{color:var(--accent)}.progress-track{background:#1b2940;border-radius:99px;width:100%;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), #67e8f9);height:100%;transition:width .24s;display:block;box-shadow:0 0 16px #38bdf873}.period-list{gap:11px;margin:26px 0 18px;display:grid}.period-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:#080d185c;grid-template-columns:34px minmax(0,1fr) 20px minmax(0,1fr) 34px;align-items:end;gap:10px;padding:14px;transition:border-color .16s,background .16s;display:grid}.period-row:focus-within{background:#0e1626b8;border-color:#38bdf87a}.period-index{color:#5f728f;height:44px;font-family:var(--font-geist-mono), monospace;place-items:center;font-size:.72rem;display:grid}.time-field-wrap label,.target-setting label{color:var(--muted-strong);margin:0 0 7px 2px;font-size:.74rem;font-weight:650;display:block}.time-field{position:relative}.time-field input,.target-setting input,.routine-row input{border:1px solid var(--border-strong);background:var(--surface-soft);width:100%;min-height:44px;color:var(--foreground);font-family:var(--font-geist-mono), monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:11px;font-size:.96rem;transition:border-color .16s,box-shadow .16s}.time-field input{padding:0 12px}.time-field input:focus,.target-setting input:focus,.routine-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf81a}.time-field.is-suggested input{background:var(--success-soft);color:#a7f3d0;border-color:#34d39980;padding-right:78px}.source-dot{color:#6ee7b7;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#34d39926;border-radius:999px;padding:3px 6px;font-size:.58rem;font-weight:760;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.time-separator{color:#5f728f;place-items:center;height:44px;display:grid}.remove-button{color:#70829e;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:34px;height:44px;font-size:1.25rem;display:grid}.remove-button:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.remove-button:disabled,.routine-row button:disabled{cursor:not-allowed;opacity:.25}.period-actions{flex-wrap:wrap;justify-content:flex-start}.primary-button,.secondary-button,.suggestion-footer button{cursor:pointer;border:0;border-radius:11px;min-height:42px;font-size:.82rem;font-weight:720;transition:transform .16s,box-shadow .16s,background .16s}.primary-button,.suggestion-footer button{background:var(--accent);color:#04111b;padding:0 16px;box-shadow:0 8px 24px #0ea5e92e}.secondary-button{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--foreground);align-items:center;gap:8px;padding:0 14px;display:inline-flex}.primary-button:hover,.secondary-button:hover,.suggestion-footer button:hover{transform:translateY(-1px)}.primary-button:hover,.suggestion-footer button:hover{background:#67d0f8;box-shadow:0 10px 28px #0ea5e940}.settings-panel{overflow:hidden}.settings-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:20px 24px;list-style:none;display:flex}.settings-panel summary::-webkit-details-marker{display:none}.settings-panel summary strong{margin-top:7px;font-size:1rem;display:block}.summary-chevron{border:1px solid var(--border);width:32px;height:32px;color:var(--muted-strong);border-radius:10px;place-items:center;font-size:1.15rem;transition:transform .18s;display:grid}.settings-panel[open] .summary-chevron{transform:rotate(45deg)}.settings-content{border-top:1px solid #33476685;padding:0 24px 24px}.settings-content>p{color:var(--muted);margin:20px 0;font-size:.84rem;line-height:1.6}.target-setting{grid-template-columns:1fr 150px;align-items:center;gap:14px;margin-bottom:22px;display:grid}.target-setting label{margin:0;font-size:.85rem}.target-setting input,.routine-row input{padding:0 10px}.routine-heading{color:var(--muted-strong);margin-bottom:10px;font-size:.82rem;font-weight:680}.routine-heading button{color:var(--accent)}.routine-list{gap:8px;display:grid}.routine-row{grid-template-columns:24px minmax(0,1fr) 18px minmax(0,1fr) 30px;align-items:center;gap:8px;display:grid}.routine-row>span{color:#657895;font-family:var(--font-geist-mono), monospace;text-align:center;font-size:.72rem}.routine-row button{color:#70829e;cursor:pointer;background:0 0;border:0;border-radius:9px;width:30px;height:36px}.routine-row button:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.settings-errors,.settings-success{border-radius:10px;margin-top:16px;padding:10px 12px;font-size:.78rem}.settings-errors{background:var(--danger-soft);color:#fecdd3;border:1px solid #fb718547}.settings-errors p{margin:2px 0}.settings-success{background:var(--success-soft);color:#a7f3d0}.settings-actions{justify-content:flex-start;margin-top:20px}.status-card{border-radius:var(--radius-xl);grid-template-columns:44px 1fr;gap:14px;padding:22px;display:grid}.status-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border:1px solid #38bdf840;border-radius:14px;place-items:center;font-size:1.25rem;font-weight:760;display:grid}.status-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:720}.status-card p{color:var(--muted-strong);margin:9px 0 0;font-size:.84rem;line-height:1.55}.status-exact{background:linear-gradient(135deg, #34d3991a, var(--surface));border-color:#34d3995c}.status-exact .status-icon{background:var(--success-soft);color:var(--success);border-color:#34d3994d}.status-over,.status-invalid,.status-impossible{border-color:#fb718547}.status-over .status-icon,.status-invalid .status-icon,.status-impossible .status-icon{background:var(--danger-soft);color:var(--danger);border-color:#fb718542}.error-list{border-radius:var(--radius-lg);background:var(--danger-soft);color:#fecdd3;border-color:#fb718540;padding:14px 16px;font-size:.8rem;line-height:1.5}.error-list p{margin:3px 0}.suggestions{border-radius:var(--radius-xl);padding:22px}.suggestions-heading{align-items:flex-end;margin-bottom:16px}.suggestions-heading>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:.72rem}.suggestion-list{gap:11px;display:grid}.suggestion-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#080d186b;padding:17px}.suggestion-card.is-primary{background:linear-gradient(135deg,#38bdf814,#080d1880);border-color:#38bdf86b}.suggestion-title-row>div{align-items:center;gap:9px;display:flex}.suggestion-number{color:#57708f;font-family:var(--font-geist-mono), monospace;font-size:.65rem}.suggestion-card h3{letter-spacing:-.02em;margin:0;font-size:.98rem}.best-badge{background:var(--accent-soft);color:#7dd3fc;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:.6rem;font-weight:750}.suggestion-card>p{color:var(--muted);margin:10px 0 14px;font-size:.76rem;line-height:1.5}.suggestion-schedule{background:#0509116b;border:1px solid #263653b8;border-radius:12px;gap:7px;padding:11px 12px;display:grid}.schedule-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.schedule-row>span{color:var(--muted);font-size:.7rem}.schedule-row strong{font-family:var(--font-geist-mono), monospace;align-items:center;gap:7px;font-size:.82rem;font-weight:580;display:flex}.schedule-row em{color:var(--muted-strong);font-style:normal}.schedule-row em.suggested-time{color:#6ee7b7}.schedule-row small{color:#536681;font-size:.7rem}.suggestion-footer{margin-top:13px}.suggestion-footer>span{color:var(--muted);font-size:.7rem}.suggestion-footer button{min-height:36px;padding:0 12px;font-size:.74rem}.notice-card{border-radius:var(--radius-lg);box-shadow:none;grid-template-columns:28px 1fr;align-items:start;gap:11px;padding:16px;display:grid}.notice-card>span{border:1px solid var(--border-strong);width:26px;height:26px;color:var(--accent);border-radius:999px;place-items:center;font-family:Georgia,serif;font-size:.78rem;font-style:italic;display:grid}.notice-card p{color:var(--muted);margin:1px 0 0;font-size:.74rem;line-height:1.55}footer{color:#60718a;justify-content:space-between;align-items:center;gap:20px;padding:34px 4px 6px;font-size:.72rem;display:flex}footer span{color:var(--muted-strong);font-weight:680}footer p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.site-header{padding-bottom:48px}.workspace{grid-template-columns:1fr}.result-column{position:static}}@media (width<=620px){.app-shell{width:min(100% - 24px,1180px);padding-top:16px}.site-header{padding-bottom:42px}.local-badge{padding:7px 9px;font-size:.66rem}.hero{padding-bottom:32px}.hero h1{max-width:350px}.hero-copy{font-size:.94rem}.punch-panel,.suggestions{padding:18px}.summary-grid{gap:7px}.summary-item{padding:11px 9px}.summary-item span{font-size:.64rem}.summary-item strong{font-size:.94rem}.period-row{grid-template-columns:26px minmax(0,1fr) 18px minmax(0,1fr);gap:7px;padding:12px 10px}.remove-button{grid-column:2/5;justify-self:end;width:auto;height:28px;padding:0 9px;font-size:1rem}.time-field input{padding:0 8px;font-size:.84rem}.time-field.is-suggested input{padding-right:8px}.source-dot{display:none}.target-setting{grid-template-columns:1fr 130px}.routine-row{grid-template-columns:18px minmax(0,1fr) 14px minmax(0,1fr) 26px;gap:5px}.routine-row input{padding:0 5px;font-size:.8rem}.suggestions-heading{flex-direction:column;align-items:flex-start;gap:7px}footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}