.popover{position:fixed;left:50%;top:50%;width:240px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0006;padding:12px;font-size:13px;z-index:20;cursor:move}.popover--fit{width:max-content;max-width:min(440px,92vw)}.popover__close{position:absolute;top:6px;right:8px;background:transparent;border:0;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:2px 6px}.popover__title{display:flex;align-items:center;gap:6px;font-weight:700;margin:0 0 2px;padding-right:20px}.popover__title>span:first-child{display:inline-flex;align-items:center;justify-content:center;flex:none}.popover__meta{color:var(--muted);margin:0 0 10px;font-variant-numeric:tabular-nums}.popover__row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.popover__row button,.popover__actions button{padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--fg);cursor:pointer;font-size:12px}.popover__actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.popover__danger{color:var(--danger);border-color:var(--danger)!important}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;max-width:min(520px,calc(100vw - 32px));padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--fg);font-size:12px;line-height:1.35;text-align:center;box-shadow:0 8px 24px #00000073;cursor:pointer;animation:toast-in .14s ease-out}.toast kbd{font:inherit;padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:#00000047}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.drop-indicator{position:fixed;z-index:100000;border:3px solid #facc15;border-radius:6px;background:#facc1526;pointer-events:none}.week-grid{display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));gap:0;background:var(--line);border:1px solid var(--line);font-size:12px;border-radius:10px;overflow:hidden}.week-grid__header{background:var(--surface-2);color:var(--fg);padding:6px 4px;text-align:center;font-weight:600}.time-gutter,.day-column{background:var(--surface);position:relative}.time-gutter__label{height:var(--row-height);padding-right:6px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.day-column__slot{height:var(--row-height);position:relative}.day-column__slot:not(.day-column__slot--out-of-bounds){cursor:default}.week-grid--creating .day-column__slot:not(.day-column__slot--out-of-bounds){cursor:crosshair}.week-grid--zebra .day-column__slot--odd-slot:not(.day-column__slot--out-of-bounds),.week-grid--zebra .time-gutter__label--odd-slot{background:#ffffff09}.day-column__slot-time{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--fg);opacity:0;pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.55)}.day-column__slot:not(.day-column__slot--out-of-bounds):hover .day-column__slot-time{opacity:1}.day-column__slot--out-of-bounds{background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 4px,#ffffff0f 4px,#ffffff0f 8px)}.instance-block{position:absolute;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:2px solid transparent;border-radius:8px;background:color-mix(in srgb,var(--c) 30%,#16223f);background-clip:padding-box;box-shadow:inset 4px 0 0 var(--c);padding:5px 8px 5px 12px;overflow:hidden;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);line-height:1.2;cursor:pointer}.instance-block__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;overflow:hidden}.instance-block__icon{display:inline-flex;align-items:center;flex:none}.instance-block__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-block__time{font-size:11px;opacity:.8;margin-top:1px;font-variant-numeric:tabular-nums}.instance-block--dragging{opacity:.35}.instance-block--moving{opacity:.45}@keyframes instance-pulse{0%{box-shadow:inset 4px 0 0 var(--c),0 0 color-mix(in srgb,var(--c) 60%,transparent)}70%{box-shadow:inset 4px 0 0 var(--c),0 0 0 7px color-mix(in srgb,var(--c) 0%,transparent)}to{box-shadow:inset 4px 0 0 var(--c),0 0 color-mix(in srgb,var(--c) 0%,transparent)}}.instance-block--pulsing{animation:instance-pulse 1.4s ease-out infinite;z-index:4}@media(prefers-reduced-motion:reduce){.instance-block--pulsing{animation:none;outline:2px solid var(--c);outline-offset:1px}}.instance-block--editing{outline:3px solid #ffffff;outline-offset:-2px;z-index:3}.instance-block--selected{outline:3px dashed #facc15;outline-offset:-2px;z-index:2}.day-column__slot:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:6px;pointer-events:none;background:transparent}.day-column__slot--over:before{background:#93b4ff38}.day-column__slot:not(.day-column__slot--out-of-bounds):hover:before{background:#93b4ff24}.instance-block:hover{filter:brightness(1.1)}.placement-outline{position:absolute;left:0;right:0;box-sizing:border-box;border:2px dashed var(--accent);border-radius:8px;background:#93b4ff24;pointer-events:none;z-index:3}.lasso{z-index:9000;pointer-events:none;border:1px solid #facc15;background:#facc151f;border-radius:2px}.now-line{position:absolute;left:0;right:0;height:2px;background:#ef444466;z-index:4;pointer-events:none}.now-line--today{background:#ef4444}.now-line--today:before{content:"";position:absolute;left:-1px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}.selection-badge{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;padding:8px 14px;border-radius:999px;background:#1e293b;color:#f8fafc;z-index:10000;box-shadow:0 4px 16px #0006}.selection-badge>button:last-child{background:#facc15;color:#0f172a;border:0;border-radius:999px;padding:4px 12px;cursor:pointer}.selection-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#f8fafc;cursor:pointer}.selection-badge__icon:hover{background:#ffffff29}.selection-badge__icon--danger{color:#fca5a5;border-color:#f8717166}.instance-block__resize{position:absolute;left:0;right:0;height:6px;cursor:ns-resize;touch-action:none}.instance-block__resize--top{top:0}.instance-block__resize--bottom{bottom:0}.instance-block__icon{display:inline-flex;align-items:center;vertical-align:-2px}.palette{width:var(--palette-width, 190px);flex:none;display:flex;flex-direction:column;gap:6px}.palette--collapsed{width:74px}.palette--collapsed .template-card{justify-content:space-between;gap:4px;padding:6px}.palette--collapsed .template-card__duration{margin-left:0}.palette--collapsed .template-card__actions{display:none}.palette-seam{position:relative;flex:none;align-self:stretch;width:16px}.palette-seam__grip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;cursor:col-resize}.palette-seam__grip:hover,.palette-seam--dragging .palette-seam__grip{background:var(--surface-2)}.palette-seam__grip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.palette-seam__caret{position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:var(--bg);color:var(--muted);cursor:pointer}.palette-seam__caret:hover{color:var(--fg);background:var(--surface-2)}body.is-resizing-palette,body.is-resizing-palette *{cursor:col-resize!important}.template-card{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.35);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45);font-size:12px;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none;text-align:left;width:100%}.template-card__actions{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .1s}.template-card:hover .template-card__actions,.template-card:focus-within .template-card__actions{opacity:1;pointer-events:auto}.template-card:hover .template-card__duration,.template-card:focus-within .template-card__duration{opacity:0}.palette--collapsed .template-card:hover .template-card__duration,.palette--collapsed .template-card:focus-within .template-card__duration{opacity:1}.template-card__actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:0;background:#0006;color:#fff;cursor:pointer}.template-card__actions button:hover{background:#0009}.template-card--dragging{opacity:.4}.template-card--editing{outline:3px solid #ffffff;outline-offset:-2px}.editor__identity{display:flex;align-items:center;gap:8px;padding-right:22px;margin-bottom:12px}.editor__identity input{flex:1;min-width:0;padding:7px 10px;text-align:center;font-size:14px;font-weight:600;color:var(--fg);background:var(--surface-3);border:1px solid rgba(255,255,255,.4);border-radius:8px;outline:none}.editor__identity input:focus{border-color:#ffffffbf;box-shadow:0 0 0 3px #93b4ff40}.editor__icon-preview{font-size:22px;display:inline-flex;align-items:center;justify-content:center;min-width:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.template-card__duration{margin-left:auto;font-weight:500;opacity:.9;font-variant-numeric:tabular-nums}.palette__new{padding:6px 8px;border-radius:6px;border:1px dashed var(--line);background:none;color:var(--muted);font-size:12px;cursor:pointer}.editor__field{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;font-size:12px}.editor__field input{padding:4px 6px;border:1px solid var(--line);border-radius:4px;font-size:13px;background:#00000040;color:var(--fg)}.editor__swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}.editor__swatch{height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.3);cursor:pointer}.editor__swatch--on{outline:2px solid var(--fg);outline-offset:1px}.icon-tabs{display:flex;gap:4px;padding:4px;margin-bottom:6px;background:#00000040;border-radius:8px}.icon-tab{flex:1;padding:4px 0;border:1px solid var(--line);border-radius:6px;background:#0003;color:var(--fg);cursor:pointer;font-size:15px;line-height:1}.icon-tab:hover{border-color:var(--accent)}.icon-tab--on{border-color:var(--accent);background:var(--surface-3)}.icon-picker__label{margin:0 0 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:10px}.icon-grid__icon{padding:3px 0;border:1px solid var(--line);border-radius:4px;background:#0003;color:var(--fg);cursor:pointer;font-size:15px;line-height:1}.icon-grid__icon:hover{border-color:var(--accent)}.icon-grid__icon--on{border-color:var(--accent);background:var(--surface-3)}.template-card--archived{background:var(--surface-2);color:var(--muted);text-shadow:none;cursor:pointer}.template-card__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none}.template-card__name{line-height:1}.icon-grid__icon,.icon-tab{display:inline-flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000004d;display:flex;align-items:center;justify-content:center;padding:16px}.popover--modal{position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:none;cursor:default;width:min(380px,94vw);max-height:90vh;overflow-y:auto}.popover--editor{width:min(360px,92vw);max-height:90vh;overflow-y:auto}.duration-picker{margin-bottom:10px}.duration-presets{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin-bottom:6px}.duration-preset{min-width:52px;padding:5px 4px;border:1px solid var(--line);border-radius:6px;background:#0003;color:var(--fg);cursor:pointer;font-size:12px;font-variant-numeric:tabular-nums}.duration-preset--on{border-color:var(--accent);background:var(--surface-3)}.duration-fine{display:flex;gap:6px;align-items:center;justify-content:center}.duration-fine button{padding:4px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--fg);cursor:pointer;font-size:12px}.duration-fine span{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.icon-grid{grid-template-columns:repeat(7,1fr)}.icon-grid__icon{padding:6px 0;font-size:20px}.phone{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.phone__nav{display:flex;align-items:center;gap:8px;margin-bottom:8px}.phone__nav h2{flex:1;text-align:center;margin:0;font-size:16px}.phone__nav button{padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--fg);font-size:16px;cursor:pointer}.phone__day{position:relative;border:1px solid var(--line)}.phone__slot{height:28px;border-top:1px solid var(--line-faint);display:flex;align-items:center;padding-left:4px;font-size:10px;color:var(--muted);background:none;width:100%;text-align:left}.phone__slot--out-of-bounds{background:#ffffff08}.now-banner{background:var(--surface-3);color:#fff;border-radius:8px;padding:8px 10px;margin-bottom:8px;font-size:13px}.now-banner__next{opacity:.75;font-size:12px}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:70vh;overflow-y:auto;background:var(--surface);color:var(--fg);border-top-left-radius:14px;border-top-right-radius:14px;box-shadow:0 -8px 24px #0006;padding:12px 12px calc(12px + env(safe-area-inset-bottom));z-index:30}.sheet__search{width:100%;padding:8px;font-size:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;background:#00000040;color:var(--fg)}.sheet__list{display:flex;flex-direction:column;gap:6px}.sync-control{display:inline-flex;align-items:center;gap:6px;font-size:12px}.sync-control__ok{display:inline-flex;align-items:center;gap:5px;min-width:0}.sync-control__dot{color:#34d399}.sync-control__who{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font-weight:600}.sync-control__signin,.sync-control button{padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--fg);cursor:pointer;font-size:12px}.sync-control input{padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:#00000040;color:var(--fg);font-size:12px;width:150px}.sync-control__msg{color:var(--muted)}.sync-control__msg--err{color:var(--danger)}.signin{width:min(340px,94vw)}.signin__providers{display:flex;flex-direction:column;gap:6px;margin:14px 0 0}.signin__provider{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 12px;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--fg);font-size:13px;font-weight:600}.signin__provider:hover:not(:disabled){background:var(--surface-3)}.signin__provider:disabled{opacity:.6;cursor:default}.signin__or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:11px}.signin__or:before,.signin__or:after{content:"";flex:1;height:1px;background:var(--line)}.signin__email{display:flex;gap:6px}.signin__email input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#00000040;color:var(--fg);font-size:13px}.signin__email button{flex:none;padding:8px 12px;cursor:pointer;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--fg)}.signin__email button:hover:not(:disabled){background:var(--surface-3)}.signin__email button:disabled{opacity:.6;cursor:default}.signin__msg{margin:10px 0 0;font-size:12px;color:var(--muted)}.signin__msg--err{color:var(--danger)}.routine-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.routine-bar__logo{display:block;border-radius:5px;flex:none}.routine-bar select{padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--fg)}.routine-bar button{padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--fg);cursor:pointer;font-size:12px}.settings__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin-bottom:10px}.settings__grid label{display:flex;flex-direction:column;gap:2px;font-size:11px}.settings__grid input{padding:3px 5px;border:1px solid var(--line);border-radius:4px;background:#00000040;color:var(--fg)}.settings__error{color:var(--danger);font-size:12px;margin:0 0 8px}.routine-bar__toggles{margin-left:auto;display:flex;gap:6px}.routine-bar__toggle[aria-pressed=true]{background:var(--surface-3);border-color:var(--accent);color:var(--fg)}.settings__toggle{display:flex;gap:6px}.settings__toggle-btn{flex:1;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#0003;color:var(--fg);cursor:pointer;font-size:12px}.settings__toggle-btn--on{border-color:var(--accent);background:var(--surface-3)}.time-stepper{display:inline-flex;align-items:stretch;gap:2px}.time-stepper input{width:4.5em;text-align:center;font-variant-numeric:tabular-nums;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:#00000040;color:var(--fg);font-size:13px}.time-stepper__arrows{display:flex;flex-direction:column;gap:2px}.time-stepper__arrows button{flex:1;width:20px;padding:0;line-height:1;font-size:9px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--fg);cursor:pointer}.time-stepper__arrows button:hover{background:var(--surface-3)}.first-run{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.first-run__card{width:min(420px,100%);padding:28px;text-align:center;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.first-run__logo{display:block;margin:0 auto 14px;border-radius:12px}.first-run__card h1{margin:0 0 8px;font-size:20px;font-weight:600}.first-run__card p{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}.first-run__cta{padding:8px 16px;cursor:pointer;font-size:13px;font-weight:600;border:1px solid var(--accent);border-radius:8px;background:var(--surface-3);color:var(--fg)}.first-run__cta:hover{background:var(--surface-2)}.first-run__cta:disabled{opacity:.6;cursor:default}.first-run__signin{margin:16px 0 0;font-size:12px;color:var(--muted)}.first-run__signin button{padding:0;border:0;background:none;cursor:pointer;color:var(--accent);font:inherit;text-decoration:underline}.settings__tabs{display:flex;gap:2px;margin:0 0 12px;padding-right:22px;border-bottom:1px solid var(--line)}.settings__tab{padding:5px 10px;cursor:pointer;font-size:12px;border:0;background:none;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.settings__tab:hover{color:var(--fg)}.settings__tab--on{color:var(--fg);border-bottom-color:var(--accent)}.sharing__link+.sharing__link{margin-top:8px}.sharing__label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.sharing__row{display:flex;gap:4px}.sharing__url{flex:1;min-width:0;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:#00000040;color:var(--fg);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.sharing__row button{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;padding:0;cursor:pointer;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--fg)}.sharing__row button:hover{background:var(--surface-3)}.sharing__note{margin:3px 0 0;font-size:10px;line-height:1.4;color:var(--muted)}.sharing__os{display:inline-block;margin-right:5px;padding:0 4px;border:1px solid var(--line);border-radius:3px;color:var(--fg);font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.sharing__note code{padding:0 3px;border-radius:3px;background:#0000004d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sharing__rotate{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 8px;cursor:pointer;font-size:11px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--muted)}.sharing__rotate:hover{color:var(--fg);background:var(--surface-3)}.routine-bar__current{font-size:13px;font-weight:600;padding:4px 8px;display:inline-flex;align-items:center;gap:6px}.routine-bar__current:after{content:"▾";font-size:9px;color:var(--muted)}.routine-overview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060c20b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;padding:24px 16px;overflow-y:auto}.routine-overview__panel{width:min(1040px,100%);margin:auto;padding:18px;cursor:default;background:var(--surface);border:1px solid var(--line);border-radius:14px}.routine-overview__head{display:flex;align-items:center;gap:8px;margin-bottom:16px}.routine-overview__head h2{margin:0 auto 0 0;font-size:16px;font-weight:600}.routine-overview__sort{display:flex;margin-right:4px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.routine-overview__head .routine-overview__sort-btn{padding:5px 10px;border:0;border-radius:0;border-left:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;font-size:12px}.routine-overview__head .routine-overview__sort-btn:first-child{border-left:0}.routine-overview__head .routine-overview__sort-btn:hover,.routine-overview__head .routine-overview__sort-btn[aria-pressed=true]{background:var(--surface-3);color:var(--fg)}.routine-overview__head button{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--fg);cursor:pointer;font-size:12px}.routine-overview__head button:hover{background:var(--surface-3)}.routine-overview__season+.routine-overview__season{margin-top:20px}.routine-overview__season h3{margin:0 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.routine-overview__empty{margin:0;padding:14px;font-size:12px;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.routine-overview__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.routine-overview__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.routine-overview__grid{grid-template-columns:1fr}}.routine-tile{position:relative;overflow:hidden;cursor:pointer;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.routine-tile:hover{border-color:var(--accent)}.routine-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.routine-tile--active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.routine-tile__meta{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.routine-tile__name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.routine-tile--active .routine-tile__name:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent)}.routine-tile__sub{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.routine-tile__actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s ease}.routine-tile:hover .routine-tile__actions,.routine-tile:focus-within .routine-tile__actions{opacity:1}.routine-tile__actions button{display:inline-flex;padding:4px;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#060c20cc;color:var(--fg)}.routine-tile__actions button:hover{background:var(--surface-3)}.routine-thumb{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;height:116px;padding:6px;background:var(--bg)}.routine-thumb__day{position:relative;border-radius:2px;background:#ffffff08}.routine-thumb__block{position:absolute;border-radius:1.5px;min-height:2px}.routine-thumb__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:11px}@media(prefers-reduced-motion:reduce){.routine-tile__actions{transition:none}}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;--bg: #0f1a3e;--surface: #172554;--surface-2: #223163;--surface-3: #2c3d7a;--line: rgba(255, 255, 255, .16);--line-faint: rgba(255, 255, 255, .08);--fg: #eef2ff;--muted: #9fb0d6;--danger: #f87171;--accent: #93b4ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.drag-ghost{padding:4px 8px;border-radius:4px;background:var(--surface-3);color:var(--fg);border:1px solid var(--line);font-size:12px;font-weight:600;pointer-events:none}.drag-ghost--block{width:150px;color:#fff;border-color:#00000059;text-shadow:0 1px 1px rgba(0,0,0,.45);filter:brightness(.85);overflow:visible;position:relative}.drag-ghost__copy{position:absolute;top:-9px;left:-9px;width:18px;height:18px;border-radius:999px;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;text-shadow:none;box-shadow:0 1px 4px #00000080}body.alt-drag .instance-block{cursor:copy}.drop-error{position:fixed;left:50%;top:16px;transform:translate(-50%);background:#b91c1c;color:#fff;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;z-index:10000}