.br{--br-face:#d8c9a6;--br-back:#2b3170;--br-outline:#7a77a8;--br-moon:#f2cf6b;--br-on-moon:#1b1e3c;--br-card-ink:#1b1e3c;--br-water:#9fb8d9;--br-foam:#eef0f8;--br-wood:#c98c6a;--br-lamp:#e8b84a;gap:var(--s-4);min-height:24rem;padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .br{--br-on-moon:#111226}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .br{--br-on-moon:#111226}}html.br-locked{overflow:hidden}.br-page{gap:var(--s-4);min-width:0;display:grid}.br-pic{fill:none;width:100%;height:100%;stroke:var(--br-card-ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.br-pic .f-water{fill:var(--br-water)}.br-pic .f-foam{fill:var(--br-foam)}.br-pic .f-wood{fill:var(--br-wood)}.br-pic .f-lamp{fill:var(--br-lamp)}.br-pic .dot{fill:var(--br-card-ink);stroke:none}.br-face{width:100%;height:100%;color:var(--br-card-ink);flex-direction:column;justify-content:center;align-items:center;gap:4%;padding:6%;display:flex}.br-face__art{aspect-ratio:1;width:70%;display:block}.br-face__words{max-width:100%;font-family:var(--font-display);font-weight:800;font-size:var(--face-words,var(--step-3));text-align:center;overflow-wrap:anywhere;line-height:1.05}.br-face--words .br-face__words{font-size:calc(var(--face-words,var(--step-3)) * 1.35)}.br-back{background:var(--br-back);border:2px solid var(--br-outline);place-items:center;display:grid;overflow:hidden}.br-star{width:100%;height:100%;fill:var(--br-moon)}.br-tabs-row{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.br-tabs{gap:var(--s-2);flex-wrap:wrap;min-width:0;display:flex}.br-tab{min-height:2.75rem;padding:0 var(--s-4);border:2px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font:inherit;overflow-wrap:anywhere;cursor:pointer;font-weight:600}.br-tab[aria-selected=true]{background:var(--ink);color:var(--on-ink)}.br-layout{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.br-head{align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.br-head h2{min-width:0;font-family:var(--font-display);font-weight:800;font-size:var(--step-3);overflow-wrap:anywhere;line-height:1.1}.br-lights{color:var(--ink-2);font-weight:600}.br-cards{gap:var(--s-2);min-width:0;display:grid}.br-list{display:grid}.br-list .kit-reorder__row{border-bottom:1.5px solid var(--rule)}.br-row{align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-2) 0;display:flex}.br-thumb{--face-words:.5625rem;border:2px solid var(--br-card-ink);background:var(--br-face);border-radius:10px;flex:none;width:56px;height:56px;display:block;overflow:hidden}.br-thumb .br-face{padding:4%}.br-row__text{flex:auto;min-width:0;display:grid}.br-row__words{overflow-wrap:anywhere;font-weight:600}.br-row__time{color:var(--ink-2);font-size:var(--step--1)}.br-row__edit{flex:none}.br-row__edit[aria-disabled=true],.br-layout .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.br-add{justify-self:start}.br-locked-line,.br-first,.br-hint{color:var(--ink-2);font-size:var(--step--1)}.br-start{gap:var(--s-2);display:grid}.br-start__go{background:var(--br-moon);min-height:3.5rem;color:var(--br-on-moon);font-size:var(--step-1)}.br-note{color:var(--ink-2);max-width:44ch;font-weight:500}.br-foot{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.br-none{justify-items:start;gap:var(--s-3);display:grid}.br-bar{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:2px solid var(--line);border-radius:var(--r-input);background:var(--paper);display:grid}.br-bar p{overflow-wrap:anywhere;font-weight:600}.br-bar__actions{gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}@media (width>=60rem){.br-layout{column-gap:var(--s-7);grid-template:"head lights""cards start""cards note"1fr/minmax(0,2fr) minmax(0,1fr)}.br-head{grid-area:head}.br-lights{grid-area:lights;align-self:center}.br-cards{grid-area:cards}.br-start{grid-area:start}.br-note{grid-area:note}}.br-form{gap:var(--s-2);display:grid}.br-form__field,.br-form__group legend{margin-top:var(--s-2);font-weight:700}.br-form__group{border:0;min-width:0;padding:0}.br-form__actions{align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.br-danger{color:var(--danger)}.br-error{color:var(--danger);font-weight:600}.br-pictures{gap:var(--s-2);margin-top:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));display:grid}.br-opt{justify-items:center;gap:var(--s-1);padding:var(--s-2);border:2px solid var(--rule);border-radius:var(--r-input);text-align:center;font-size:var(--step--1);cursor:pointer;font-weight:600;display:grid;position:relative}.br-opt__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.br-opt:has(input:checked){border-color:var(--line);background:var(--desk)}.br-opt:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.br-opt__art{border:2px solid var(--br-card-ink);background:var(--br-face);border-radius:10px;width:64px;height:64px;padding:4px;display:block;overflow:hidden}.br-opt__art--words{color:var(--br-card-ink);font-family:var(--font-display);font-weight:800;font-size:var(--step-2);place-items:center;padding:0;display:grid}.br-opt__name{overflow-wrap:anywhere}.br-settings{gap:var(--s-3);display:grid}.br-check{align-items:flex-start;gap:var(--s-3);font-weight:600;display:flex}.br-check input{flex:none;width:1.5rem;height:1.5rem;margin:.125rem 0 0}.br-check>span{gap:var(--s-1);display:grid}.br-sound{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.br-layer.is-open{z-index:50;position:fixed;inset:0}.br-stage{--br-stage:#12163a;--br-stage-text:#c9c6e6;--br-stage-text-2:#9a97c4;--br-night:#06071a;--br-night-text:#7c789c;--br-night-line:#6a6790;--br-night-star:#8f8460;--br-night-moon:#9c8f62;--paper:#1b1f4d;--ink:var(--br-stage-text);--ink-2:var(--br-stage-text-2);--line:var(--br-outline);--shadow:var(--br-outline);--on-ink:var(--br-stage);--signal:var(--br-moon);--hold-color:var(--br-moon);gap:var(--s-3);box-sizing:border-box;padding:max(var(--s-4), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--s-4), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));background:var(--br-stage);color:var(--br-stage-text);grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);transition:background-color 1.5s ease-out;display:grid;position:absolute;inset:0;overflow:hidden auto}.br-stage[data-sky]{--paper:var(--br-night);--ink:var(--br-night-text);--ink-2:var(--br-night-text);--line:var(--br-night-line);--shadow:var(--br-night-line);--on-ink:var(--br-night);--signal:var(--br-night-moon);--hold-color:var(--br-night-line);background:var(--br-night);color:var(--br-night-text)}.br-strip,.br-line,.br-back-button{transition:opacity 1.5s ease-out,visibility}.br-stage[data-sky] .br-strip,.br-stage[data-sky] .br-line{opacity:0;visibility:hidden;transition:opacity 1.5s ease-out,visibility 0s 1.5s}.br-strip{flex-wrap:wrap;grid-row:1;gap:14px 10px;margin:0;padding:6px;list-style:none;display:flex}.br-cell{border-radius:6px;flex:none;width:40px;height:52px}.br-cell>span{border-radius:6px;width:100%;height:100%}.br-cell.is-landing>span{visibility:hidden}.br-cell--now{outline:3px solid var(--br-moon);outline-offset:4px}.br-mini{--face-words:.5rem;border:2px solid var(--br-card-ink);background:var(--br-face);display:block;overflow:hidden}.br-mini .br-face{gap:1px;padding:3px}.br-mini .br-face__words{display:none}.br-mini .br-face--words .br-face__words{font-size:.5rem;display:block}.br-cell .br-star{transform:scale(2.1)}.br-card{box-sizing:border-box;aspect-ratio:1;border:var(--border) solid var(--br-card-ink);border-radius:calc(var(--r-object) * .75);background:var(--br-face);width:min(78vw,46vh);color:var(--br-card-ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-row:2;place-self:center;padding:0;overflow:hidden}.br-card:focus-visible{outline:6px solid var(--br-moon);outline-offset:4px}.br-card__face{width:100%;height:100%;display:block}.br-stage:has(.br-ghost) .br-card__face{animation:br-face-in var(--t-state) var(--ease) .25s both}.br-side{display:contents}.br-line{gap:var(--s-2);text-align:center;font-weight:600;font-size:var(--step-0);color:var(--br-stage-text);grid-row:3;justify-items:center;display:grid}.br-timer{gap:var(--s-2);justify-items:center;width:100%;display:grid}.br-digits,.br-up{font-family:var(--font-display);font-weight:800;font-size:var(--step-4);font-variant-numeric:tabular-nums lining-nums;line-height:1}.br-timestrip{border:2px solid var(--br-outline);border-radius:999px;width:min(100%,20rem);height:.5rem;overflow:hidden}.br-timestrip>span{background:var(--br-moon);height:100%;display:block}.br-back-button{grid-row:4;justify-self:center}.br-lock{justify-items:center;gap:var(--s-2);grid-row:5;display:grid}.br-lock__line{text-align:center;font-size:var(--step--1);color:var(--br-stage-text-2);font-weight:500}.br-stage[data-sky] .br-lock__line{color:var(--br-night-text)}.br-sky{pointer-events:none;animation:1.5s ease-out both br-sky-in;position:absolute;inset:0}.br-skystar{display:block;position:absolute;transform:translate(-50%,-50%)}.br-skystar svg{width:100%;height:100%;fill:var(--br-night-star);display:block}.br-skystar--1{width:6px;height:6px}.br-skystar--2{width:8px;height:8px}.br-skystar--3{width:10px;height:10px}.br-moon{width:48px;height:48px;fill:var(--br-night-moon);position:absolute;top:10%;left:92%;transform:translate(-50%,-50%)}.br-goodnight{text-align:center;font-family:var(--font-display);font-weight:800;font-size:var(--step-4);color:var(--br-night-text);margin:0;animation:1.5s ease-out both br-sky-in;position:absolute;top:66%;left:0;right:0}.br-ghost{z-index:3;pointer-events:none;perspective:900px;animation:br-fly .18s var(--ease) .3s both;position:fixed}.br-ghost__turn{width:100%;height:100%;transform-style:preserve-3d;animation:br-flip .3s var(--ease) both;display:block;position:relative}.br-ghost__front,.br-ghost__back{box-sizing:border-box;backface-visibility:hidden;border-radius:calc(var(--r-object) * .75);display:block;position:absolute;inset:0;overflow:hidden}.br-ghost__front{border:var(--border) solid var(--br-card-ink);background:var(--br-face)}.br-ghost__back{transform:rotateY(180deg)}@keyframes br-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes br-fly{0%{transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(var(--scale))}}@keyframes br-face-in{0%{opacity:0}to{opacity:1}}@keyframes br-sky-in{0%{opacity:0}to{opacity:1}}@media (orientation:landscape) and (width>=40rem){.br-stage{column-gap:var(--s-7);grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr)}.br-strip{grid-column:1/-1}.br-card{grid-column:1;width:min(40vw,60vh)}.br-side{justify-content:center;align-items:center;gap:var(--s-4);flex-direction:column;grid-area:2/2;min-width:0;display:flex}.br-line,.br-back-button,.br-lock{grid-row:auto}.br-stage[data-sky] .br-side{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.br-stage:has(.br-ghost) .br-card__face{animation:none}}.br-print{display:none}@media print{@page{margin:15mm}body :not(:has(.br-print)):not(.br-print):not(.br-print *){display:none!important}body{color:#000;background:#fff}.br,.br-page{background:0 0;border:0;min-height:0;padding:0;display:block}.br-print{color:#000;display:block}.br-print__name{font-family:var(--font-display);color:#000;margin:0 0 6mm;font-size:24pt;font-weight:800}.br-print__cards{grid-template-columns:repeat(3,58mm);gap:0;margin:0;padding:0;list-style:none;display:grid}.br-print__card{--face-words:18pt;box-sizing:border-box;break-inside:avoid;color:#000;border:.3mm dashed #000;width:58mm;height:58mm;font-weight:700}.br-print__card .br-face__words{font-family:var(--font-text);color:#000;font-size:18pt;font-weight:700}.br-print .br-pic{stroke:#000}.br-print .br-pic .f-water,.br-print .br-pic .f-foam,.br-print .br-pic .f-wood,.br-print .br-pic .f-lamp{fill:none}.br-print .br-pic .dot{fill:#000}}