.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:52px;padding:0 var(--s-5);border-radius:var(--r-md);font-weight:600;font-size:var(--t-md);transition:transform var(--d-fast) var(--ease-out), background-color var(--d-med) var(--ease-out), box-shadow var(--d-med) var(--ease-out);-webkit-user-select:none;user-select:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--win:disabled,.btn--miss:disabled{opacity:1;background:var(--surface-2);color:var(--soft);box-shadow:none}.page-title{font-size:var(--t-3xl);line-height:1.05}.page-lead{color:var(--soft);margin-top:calc(var(--s-2) * -1)}.focus{width:100%;max-width:var(--focus);margin-inline:auto}.btn--ghost{background:var(--surface)}.btn--ghost:hover{background:var(--surface-2)}.btn--win{background:var(--win);color:var(--on-win)}.btn--win:hover{box-shadow:var(--shadow-win)}.btn--miss{background:var(--miss);color:var(--on-miss)}.btn--miss:hover{box-shadow:var(--shadow-miss)}.btn--block{width:100%}.pill{align-items:center;gap:var(--s-1);border-radius:var(--r-pill);font-size:var(--t-xs);background:var(--surface-2);color:var(--soft);padding:4px 10px;font-weight:600;display:inline-flex}.pill--win{background:var(--win);color:var(--on-win)}.pill--miss{background:var(--miss);color:var(--on-miss)}.screen{width:100%;min-height:100dvh;max-width:var(--page);padding:max(var(--s-4), env(safe-area-inset-top)) var(--s-4) max(var(--s-4), env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}@media (width>=900px){.screen{padding:var(--s-6) var(--s-7)}}.topbar{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:44px;color:var(--soft);font-size:var(--t-sm);display:flex}.back{align-items:center;gap:var(--s-2);min-height:44px;padding-right:var(--s-3);border-radius:var(--r-sm);color:var(--soft);font-weight:500;text-decoration:none;display:inline-flex}.back:hover{color:var(--text)}.speak{width:44px;height:44px;transition:box-shadow var(--d-med) var(--ease-out);background:currentColor;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.speak svg{color:var(--bg);mix-blend-mode:normal}.speak--sm{width:36px;height:36px}.speak--sm:after{content:"";border-radius:50%;position:absolute;inset:-4px}.speak--lg{width:56px;height:56px}.speak.is-playing{animation:speak-pulse .9s var(--ease-out) infinite}@keyframes speak-pulse{0%{box-shadow:0 0}to{box-shadow:0 0 0 12px #0000}}.speak__slow{font-size:13px;position:absolute;bottom:-4px;right:-6px}.mute{width:44px;height:44px;color:var(--soft);border-radius:50%;place-items:center;display:grid}.mute:hover{color:var(--text)}.round-top__end{align-items:center;gap:var(--s-1);display:inline-flex}.signal{background:color-mix(in oklab, var(--rule-now) 22%, transparent);color:inherit;box-shadow:inset 0 -.12em 0 var(--rule-now);border-radius:.25em;margin:0 -.1em;padding:0 .1em}.rule-line{--rule:var(--rule-now);--rule-text:var(--rule-now-text);gap:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rule) 45%, transparent);color:var(--text);font-size:var(--t-sm);text-align:left;font-weight:600;line-height:1.45;display:grid}.rule-line--past{--rule:var(--rule-past);--rule-text:var(--rule-past-text)}.rule-line--general{--rule:var(--rule-general);--rule-text:var(--rule-general-text)}.rule-line--future{--rule:var(--rule-future);--rule-text:var(--rule-future-text)}.rule-line__rule b{color:var(--text);font-weight:800}.rule-line__foot{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.study-link{min-height:44px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.study-link:hover{background:color-mix(in oklab, var(--rule,var(--text)) 18%, var(--surface-2))}.rule-line__why{color:var(--soft);font-weight:500}.rule-card{gap:var(--s-2);text-align:left;display:grid}.rule-card__row{--rule:var(--rule-now);--rule-text:var(--rule-now-text);gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);border-left:4px solid var(--rule);background:var(--surface-2);color:var(--text);transition:opacity var(--d-med) var(--ease-out);align-items:flex-start;display:flex}.rule-card__row--past{--rule:var(--rule-past);--rule-text:var(--rule-past-text)}.rule-card__row--general{--rule:var(--rule-general);--rule-text:var(--rule-general-text)}.rule-card__row--future{--rule:var(--rule-future);--rule-text:var(--rule-future-text)}.rule-card__row.is-dim{opacity:.4}.rule-card__emoji{font-size:1.5rem;line-height:1.2}.rule-card__name{font-family:var(--font-display);font-weight:700}.rule-card__name span{font-family:var(--font-body);font-weight:500;font-size:var(--t-sm);color:var(--soft)}.rule-card__form{color:var(--rule-text);font-weight:600}.rule-card__ex{font-size:var(--t-sm);color:var(--soft)}.rule-card--compact .rule-card__row{padding:var(--s-2) var(--s-3)}.tabbar{z-index:5;gap:var(--s-1);margin:auto calc(var(--s-4) * -1) calc(max(var(--s-4), env(safe-area-inset-bottom)) * -1);padding:var(--s-2) var(--s-3) max(var(--s-2), env(safe-area-inset-bottom));background:var(--bg-raised);border-top:1px solid var(--line);order:99;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;bottom:0}.tabbar__t{min-height:52px;padding:var(--s-1);border-radius:var(--r-md);color:var(--soft);font-size:var(--t-sm);justify-items:center;gap:2px;font-weight:600;text-decoration:none;display:grid}.tabbar__t.is-now{color:var(--win-text)}.tabbar--4{grid-template-columns:repeat(4,1fr)}@media (width>=900px){.tabbar{width:max-content;margin:0 0 var(--s-2);padding:var(--s-1);border-radius:var(--r-pill);background:var(--surface);border:0;order:-1;grid-template-columns:repeat(3,auto);justify-content:start;position:static}.tabbar__t{align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);font-size:var(--t-sm);display:flex}.tabbar__t.is-now{background:var(--win);color:var(--on-win)}.tabbar--4{grid-template-columns:repeat(4,auto)}}.skeleton{gap:var(--s-3);padding-top:max(var(--s-6), env(safe-area-inset-top))}.skeleton__bar,.skeleton__block{border-radius:var(--r-md);background:var(--surface);animation:1.6s ease-in-out infinite skeleton-breathe;display:block}.skeleton__bar{border-radius:var(--r-pill);width:70%;height:14px}.skeleton__bar--title{width:45%;height:32px;margin-bottom:var(--s-3)}.skeleton__bar--short{width:40%}.skeleton__block{height:96px;margin-top:var(--s-2);background:var(--bg-raised);border:1px solid var(--line)}@keyframes skeleton-breathe{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton__bar,.skeleton__block{animation:none}}.timeline{height:76px;margin:var(--s-2) var(--s-1) 0;position:relative}.timeline__axis{inset-inline:0;background:var(--line);height:2px;position:absolute;top:36px}.timeline__span{border-radius:6px;height:20px;position:absolute;top:27px}.timeline__span--closed{background:color-mix(in oklab, var(--miss) 25%, transparent);border:2px solid var(--miss)}.timeline__span--open{background:color-mix(in oklab, var(--rule-future) 20%, transparent);border:2px dashed var(--rule-future)}.timeline__span--point{background:var(--soft);border-radius:var(--r-pill);max-width:12px;height:12px;top:31px}.timeline__span--now{background:color-mix(in oklab, var(--win) 25%, transparent);border:2px solid var(--win-mark)}.timeline__label,.timeline__nowl{font-size:var(--t-xs);white-space:nowrap;line-height:1.2;position:absolute}.timeline__label{color:var(--soft)}.timeline__label.is-below,.timeline__nowl.is-below{top:52px}.timeline__label.is-above,.timeline__nowl.is-above{top:4px}.timeline__now{background:var(--win);width:2px;height:30px;position:absolute;top:22px}.timeline__nowl{color:var(--win-text);font-weight:800;transform:translate(-50%)}.vrow{gap:var(--s-2);display:grid}.vrow__forms{align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:700;font-size:var(--t-lg);flex-wrap:wrap;display:flex}.vrow--compact .vrow__forms{font-size:inherit;gap:6px}.vrow__forms>i{color:var(--muted);font-style:normal;font-weight:400}.vrow__slot--irr{color:var(--rule-verbs-text)}.vrow__end{color:var(--win-text)}.vrow__slot--locked{border:2px dashed var(--line);border-radius:var(--r-sm);color:var(--muted);padding:0 8px;font-size:.8em}.vrow__chips{flex-wrap:wrap;gap:6px;display:flex}.vrow__chip{border-radius:var(--r-pill);background:var(--surface-2);font-size:var(--t-sm);color:var(--soft);padding:3px 10px;font-weight:500}.vrow__chip b{color:var(--text);font-weight:700}.vrow__chip--note{color:var(--rule-verbs-text)}.pick{vertical-align:middle;min-width:0;max-width:100%;display:inline-flex;position:relative}.pick__btn{align-items:center;gap:var(--s-2);border:1px solid var(--line);border-radius:var(--ctl-r,12px);background:var(--bg-raised);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out), background-color var(--d-fast) var(--ease-out);padding:0 12px 0 14px;font-weight:500;display:flex}.pick__btn:hover:not(:disabled){border-color:color-mix(in oklab, var(--line) 60%, var(--soft))}.pick__btn:focus-visible,.pick.is-open .pick__btn{border-color:var(--win);box-shadow:0 0 0 3px color-mix(in oklab, var(--win) 20%, transparent);outline:none}.pick__btn:disabled{cursor:not-allowed;opacity:.55}.pick__value{align-items:center;gap:var(--s-2);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;display:flex;overflow:hidden}.pick__value>:last-child:not(svg,.tavatar){text-overflow:ellipsis;min-width:0;overflow:hidden}.pick__value.is-empty{color:var(--muted)}.pick__icon,.pick__caret{color:var(--soft);flex:none}.pick__caret{transition:rotate var(--d-med) var(--ease-out)}.pick.is-open .pick__caret{color:var(--win-text);rotate:180deg}.pick .pick__proxy{opacity:0;pointer-events:none;bottom:0;left:50%;border:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;position:absolute!important}.pickpop{z-index:70;background:var(--surface-2);width:max-content;max-width:min(420px,100vw - 16px);max-height:min(360px,70vh);color:var(--text);font-family:var(--font-body);font-size:var(--t-sm);box-shadow:0 22px 48px -18px var(--shade), 0 4px 12px -6px var(--shade), inset 0 0 0 1px var(--line);transform-origin:0 0;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:fixed}.pickpop.is-above{transform-origin:0 100%}.pickshade{z-index:70;background:var(--shade);align-items:flex-end;display:flex;position:fixed;inset:0}.pickpop--sheet{width:100%;max-width:none;max-height:82dvh;padding:var(--s-2) var(--s-2) calc(var(--s-3) + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;font-size:var(--t-md);box-shadow:0 -24px 48px -24px var(--shade);position:relative}.pickpop__head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-3) var(--s-3);display:flex}.pickpop__head h2{font-size:var(--t-lg)}.pickpop__x{border-radius:var(--r-pill);width:44px;height:44px;color:var(--soft);background:var(--surface);flex:none;place-items:center;display:grid}.pick__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;overflow-y:auto}.pick__list:focus{outline:none}.pick__opt{align-items:center;gap:var(--s-3);min-height:40px;padding:6px var(--s-3);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;font-weight:600;display:flex}.pick__text{align-items:center;gap:var(--s-2);flex:1;min-width:0;display:flex}.pick__opt.is-on{color:var(--win-text)}.pick__opt.is-active{background:color-mix(in oklab, var(--text) 8%, transparent)}.pick__opt[aria-disabled=true]{color:var(--muted);cursor:default;opacity:.6}.pick__check{color:var(--win-text);flex:none}.pick__grplabel{z-index:1;padding:10px var(--s-3) 4px;background:var(--surface-2);color:var(--muted);font-size:var(--t-xs);letter-spacing:.02em;font-weight:700;position:sticky;top:0}.pick__grp+.pick__grp,.pick__opt+.pick__grp{border-top:1px solid color-mix(in oklab, var(--line) 70%, transparent);margin-top:4px}.pick__none{padding:var(--s-3);color:var(--muted)}.pick__list--big .pick__opt{min-height:52px;padding:8px var(--s-4);border-radius:var(--r-md)}.pick__list--big .pick__grplabel{padding:14px var(--s-4) 6px;font-size:var(--t-sm)}.pick__search{align-items:center;gap:var(--s-2);padding:0 var(--s-3);background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex:none;margin-bottom:6px;display:flex}.pick__search:focus-within{box-shadow:inset 0 0 0 1px var(--win)}.pick__search input{min-width:0;min-height:40px;color:var(--text);font:inherit;caret-color:var(--win);background:0 0;border:0;flex:1;font-weight:500}.pick__search input:focus{outline:none}.pick__search input::placeholder{color:var(--muted)}.pickpop--sheet .pick__search{margin:0 var(--s-2) var(--s-2)}.pickpop--sheet .pick__search input{min-height:48px;font-size:var(--t-md)}