.toi{--toi-sheet:1;--toi-sky-0:var(--sky-0,#1a1412);--toi-light:var(--light,#ffe2b0);--toi-accent:var(--accent,#ffd98a);--toi-gold:var(--gold-fill,#ffc93c);--toi-gold-ink:var(--gold-fill-ink,#2b0c07);--toi-gold-line:var(--gold-line,#ffc93c8c);--toi-line:var(--glass-border,#ffd68242);--toi-paper:var(--surface-paper,#fbf1dc);--toi-paper-ink:var(--paper-ink,#2b0c07);--toi-son:var(--paper-son,#c01b15);--toi-solid:var(--surface-solid,#1a1412);--toi-object:var(--font-object,var(--font-sans));--toi-ink-2:color-mix(in srgb, var(--color-ink) 78%, transparent);--toi-ink-3:color-mix(in srgb, var(--color-ink) 30%, transparent);--toi-err:var(--color-tone-error,#ffb4a8);box-sizing:border-box;width:100%;max-width:31rem;color:var(--color-ink);font:400 1rem/1.5 var(--font-sans);margin-inline:auto;padding:4.5rem 1rem 3rem}html.light .toi,html[data-theme=light] .toi{--toi-sky-0:var(--sky-0,#fbf6ec);--toi-light:var(--light,#c9a24d);--toi-accent:var(--accent,#7a4f00);--toi-gold:var(--gold-fill,#f5b81c);--toi-gold-line:var(--gold-line,#8f5c0073);--toi-line:var(--glass-border,#783c0a29);--toi-paper:var(--surface-paper,#fffdf6);--toi-son:var(--paper-son,#cc111d);--toi-solid:var(--surface-solid,#fffdf8);--toi-err:var(--color-tone-error,#a1150f)}.toi *,.toi :before,.toi :after{box-sizing:border-box}.toi :is(h1,h2,h3,p,ul,ol,figure){margin:0}.toi :is(ul,ol){padding:0;list-style:none}.toi :focus-visible{outline:3px solid var(--color-gold);outline-offset:3px;border-radius:.375rem}.toi[data-live=false] .toi-dev{visibility:hidden}.toi-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.toi-head{gap:.375rem;margin-bottom:1.5rem;display:grid}.toi-head h1{font:600 var(--text-h1,2rem) / 1.15 var(--font-serif);letter-spacing:-.01em}.toi-head h1:focus{outline:none}.toi-head p,.toi-lead{font-size:var(--text-small,.9rem);color:var(--toi-ink-2);text-wrap:pretty;line-height:1.5}.toi-note{border-left:3px solid var(--toi-gold-line);font-size:var(--text-small,.9rem);margin-top:.25rem;padding:.5rem .75rem;line-height:1.45}.toi-cols,.toi-col{align-content:start;gap:2rem;display:grid}.toi-sec{gap:.75rem;scroll-margin-top:5rem;display:grid}.toi-sec h2{font:600 1.25rem/1.3 var(--font-serif);letter-spacing:-.01em}.toi-h3{font:600 .9375rem/1.4 var(--font-sans);margin-top:.5rem}.toi .btn{min-height:3rem;font-size:.9375rem}.toi-id{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.875rem 1rem;min-height:11rem;display:grid}.toi-id__mark{isolation:isolate;place-items:center;width:6rem;height:6rem;display:grid;position:relative}.toi-id__mark[data-lit]:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--toi-light) 30%, transparent), color-mix(in srgb, var(--toi-light) 9%, transparent) 62%, transparent);border-radius:50%;position:absolute;inset:-16%}.toi .toi-id__art{width:100%;height:100%}.toi .toi-id__seal{border:2px solid var(--toi-son);background:var(--toi-son);width:2.875rem;min-width:0;height:2.875rem;color:var(--toi-paper);font:700 .75rem/1 var(--toi-object);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;outline:1.5px solid var(--toi-paper);outline-offset:-4.5px;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:absolute;bottom:-.25rem;right:-.375rem;transform:rotate(-6deg)}.toi .toi-id__seal:empty,.toi-id [data-wait]{visibility:hidden}.toi-id__txt{align-content:start;min-height:7.5rem;display:grid}.toi-id__name{font:600 1.375rem/1.2 var(--font-serif);overflow-wrap:anywhere}.toi-id__line{margin-top:.1875rem;font-size:.9375rem;line-height:1.45}.toi-id__line+.toi-id__line{color:var(--toi-ink-2)}.toi-id__acts{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.toi-id__acts small,.toi-own{color:var(--toi-ink-2);font-size:.8125rem}.toi-ask{justify-items:start;gap:.75rem;display:grid}.toi-form{border-top:1px solid var(--toi-line);gap:1rem;padding-top:1rem;display:grid}.toi-form,.toi-form :is(input,select,button){scroll-margin-top:5rem}.toi-field{border:0;gap:.375rem;min-width:0;margin:0;padding:0;display:grid}.toi-field>label,.toi-field>legend{font:600 .9375rem/1.3 var(--font-sans);padding:0}.toi-field :is(input[type=text],select,.vdp-input){border:1px solid var(--toi-gold-line);border-radius:var(--radius-field,.75rem);background:var(--toi-solid);width:100%;min-height:3rem;color:var(--color-ink);font:400 1rem/1.3 var(--font-sans);padding:.5rem .75rem}.toi-field .vdp{--vdp-size:2.75rem;width:100%}.toi-field [aria-invalid=true]{border-color:var(--toi-err)}.toi-radios{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.toi-radios label{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}.toi-radios input{width:1.25rem;height:1.25rem;accent-color:var(--toi-gold);margin:0}.toi-err{color:var(--toi-err);font-size:.875rem;line-height:1.4}.toi-btns{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.toi-weeks{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3125rem;display:grid}.toi-weeks__head{text-align:center;font:500 .75rem/1.6 var(--font-sans);color:var(--toi-ink-2)}.toi-day{aspect-ratio:1/.92;border:1px dashed var(--toi-ink-3);min-height:2.75rem;font:600 .9375rem/1 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--toi-ink-2);border-radius:.25rem;place-items:center;display:grid;position:relative}.toi-day[data-torn]{background:var(--toi-paper);color:var(--toi-paper-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--toi-paper-ink) 30%, transparent), 0 2px 5px #0000002e;border:0}.toi-day[data-torn]:before{content:"";background:var(--toi-son);border-radius:.25rem .25rem 0 0;height:.25rem;position:absolute;inset:0 0 auto}.toi-day[data-red][data-torn]{color:var(--toi-son)}.toi-day[data-future]{border-style:dotted;border-color:color-mix(in srgb, var(--color-ink) 18%, transparent)}.toi-day[data-today]{outline:2px solid var(--toi-gold);outline-offset:2px}.toi-cards{flex-wrap:wrap;align-items:center;gap:0 1rem;font-size:.9375rem;display:flex}.toi-cards a,.toi-link{min-height:2.75rem;color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--toi-gold-line);text-decoration-color:var(--toi-gold-line);text-underline-offset:.22em;align-items:center;display:inline-flex}.toi-t30 svg{width:100%;height:2.5rem;display:block}.toi-t30 .on{fill:var(--toi-son)}.toi-t30 .off{fill:none;stroke:var(--toi-ink-3)}.toi-opts>li+li .toi-opt{border-top:0}.toi-opt{border:0;border-top:1px solid var(--toi-line);border-bottom:1px solid var(--toi-line);width:100%;min-height:3.5rem;color:inherit;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0;display:flex}.toi-opt b{font:500 1rem/1.3 var(--font-sans);display:block}.toi-opt small{color:var(--toi-ink-2);font-size:.8125rem;line-height:1.35;display:block}.toi-sw{background:color-mix(in srgb, var(--color-ink) 26%, transparent);border-radius:999px;flex:none;width:3.25rem;height:2rem;position:relative}.toi-sw:after{content:"";background:var(--toi-paper);border-radius:50%;width:1.625rem;height:1.625rem;transition:transform .15s ease-out;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #0000004d}.toi-opt[aria-checked=true] .toi-sw{background:var(--toi-gold)}.toi-opt[aria-checked=true] .toi-sw:after{transform:translate(1.25rem)}.toi-skies{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.toi-sky{min-width:4.5rem;color:inherit;font:500 .8125rem/1.3 var(--font-sans);cursor:pointer;background:0 0;border:0;justify-items:center;gap:.25rem;padding:0;display:grid}.toi-sky i{width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 1px var(--toi-line);border-radius:50%}.toi-sky[aria-checked=true] i{outline:2px solid var(--toi-gold);outline-offset:2px}.toi-sky--auto i{background:radial-gradient(circle at 66% 34%, var(--light,#dfe8ff) 0 18%, transparent 20%), linear-gradient(var(--sky-1,#1c2756), var(--sky-0,#0c1230))}.toi-sky--trang-ram i{background:radial-gradient(circle at 50% 46%, var(--light,#dfe8ff) 0 30%, color-mix(in srgb, var(--light,#dfe8ff) 30%, transparent) 34%, transparent 52%), var(--sky-0,#0c1230)}.toi-sky--troi-sao i{background:radial-gradient(1.5px 1.5px at 30% 30%, var(--light,#f5c453) 50%, transparent 60%), radial-gradient(1.5px 1.5px at 66% 24%, var(--light,#f5c453) 50%, transparent 60%), radial-gradient(1.5px 1.5px at 52% 62%, var(--light,#f5c453) 50%, transparent 60%), radial-gradient(1px 1px at 22% 70%, var(--light,#f5c453) 50%, transparent 60%), radial-gradient(1px 1px at 78% 72%, var(--light,#f5c453) 50%, transparent 60%), linear-gradient(var(--sky-1,#431650), var(--sky-0,#1c0b24))}.toi-sky--phao-hoa i{background:radial-gradient(circle at 50% 42%, var(--light,#ffb347) 0 6%, transparent 7%), repeating-conic-gradient(from 0deg at 50% 42%, color-mix(in srgb, var(--light,#ffb347) 80%, transparent) 0 4deg, transparent 4deg 30deg), linear-gradient(var(--sky-1,#5a1019), var(--sky-0,#2a0910))}.toi-data{gap:.625rem;display:grid}.toi-data .btn{width:100%}.toi-fold{border-top:1px solid var(--toi-line);border-bottom:1px solid var(--toi-line)}.toi-fold>summary{cursor:pointer;align-items:center;gap:1rem;min-height:3rem;font-weight:600;list-style:none;display:flex}.toi-fold>summary::-webkit-details-marker{display:none}.toi-fold>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:.5rem;height:.5rem;margin:0 .375rem .25rem auto;transform:rotate(45deg)}.toi-fold[open]>summary:after{margin-bottom:-.125rem;transform:rotate(-135deg)}.toi-fold dl{gap:.75rem;margin:0 0 1rem;display:grid}.toi-fold dt{font-weight:600}.toi-fold dd{color:var(--toi-ink-2);margin:.125rem 0 0;font-size:.875rem;line-height:1.45}.toi-fold p{margin-bottom:1rem;font-size:.9375rem;line-height:1.55}.toi-dlg{border:1px solid var(--toi-gold-line);border-radius:var(--radius-panel,1.5rem);background:var(--toi-solid);width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-ink);font:400 1rem/1.5 var(--font-sans);margin:auto;padding:1.25rem}.toi-dlg::backdrop{background:#0a06049e}.toi-dlg h2{font:600 1.25rem/1.3 var(--font-serif);margin:0 0 .5rem}.toi-dlg p{margin:0 0 .75rem;font-size:.9375rem;line-height:1.5}.toi-dlg label{cursor:pointer;align-items:center;gap:.625rem;min-height:2.75rem;margin-bottom:.75rem;display:flex}.toi-dlg input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--toi-gold);margin:0}.toi-dlg .toi-btns{margin-top:.5rem}.toi-foot{border-top:1px solid var(--toi-line);gap:.25rem;margin-top:2.5rem;padding-top:1rem;display:grid}.toi-foot ul{flex-wrap:wrap;gap:0 1.25rem;display:flex}.toi-foot button.toi-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (width>=64rem){.toi{max-width:66rem;padding:5rem 2rem 4rem}.toi-id{min-height:9rem}.toi-id__mark{width:7rem;height:7rem}.toi-id__txt{min-height:7rem}.toi-cols{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3rem}}@media (prefers-reduced-motion:reduce){.toi-sw:after{transition:none}}html:is([data-effects=off],[data-reduce-motion=true]) .toi-sw:after{transition:none}@keyframes toi-light{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes toi-rise{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes toi-stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.4)}60%{opacity:1;transform:rotate(-6deg)scale(.94)}to{opacity:1;transform:rotate(-6deg)scale(1)}}@keyframes toi-settle{0%{opacity:0;transform:translateY(-.5rem)rotate(-4deg)scale(1.04)}to{opacity:1;transform:none}}@keyframes toi-fade{0%{opacity:0}to{opacity:1}}@keyframes toi-draw{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.toi-id__mark[data-lit]:before{animation:.7s cubic-bezier(.2,.8,.2,1) 60ms both toi-light}.toi .toi-id__art{animation:.56s cubic-bezier(.2,.8,.2,1) .1s both toi-rise}.toi .toi-id__seal{animation:toi-stamp .42s var(--ease-stamp,cubic-bezier(.3, 1.55, .5, 1)) .4s both}.toi-day[data-torn]{animation:toi-settle .3s cubic-bezier(.2, .8, .2, 1) calc(.18s + var(--i,0) * 14ms) both}.toi-day:not([data-torn],[data-future]){animation:toi-fade .3s ease-out calc(.18s + var(--i,0) * 14ms) both}.toi-ask .btn[data-first]{animation:.52s cubic-bezier(.2,.8,.2,1) .26s both toi-rise}.toi .st-fig .st-on{transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.2,.8,.2,1) .14s both toi-draw}@media (prefers-reduced-motion:reduce){.toi-id__mark[data-lit]:before,.toi .toi-id__art,.toi .toi-id__seal,.toi .toi-day,.toi-ask .btn[data-first],.toi .st-fig .st-on{animation:none}}html:is([data-effects=off],[data-reduce-motion=true]) .toi-id__mark[data-lit]:before,html:is([data-effects=off],[data-reduce-motion=true]) .toi .toi-id__art,html:is([data-effects=off],[data-reduce-motion=true]) .toi .toi-id__seal,html:is([data-effects=off],[data-reduce-motion=true]) .toi .toi-day,html:is([data-effects=off],[data-reduce-motion=true]) .toi-ask .btn[data-first],html:is([data-effects=off],[data-reduce-motion=true]) .toi .st-fig .st-on{animation:none}