.birth>[aria-live]:not([data-state=idle]){align-self:stretch}.birth .sentence:disabled .field{cursor:default;border-bottom-color:#d9b26a47}.birth .sentence:disabled .field:not(:placeholder-shown){opacity:1}.birth .idk:has(input:disabled){opacity:.45;cursor:default}.birth[aria-busy=true] .btn-gold{color:var(--gold);cursor:progress;background:0 0;border:1px solid #d9b26a99}.birth .btn-gold .mini{flex:none;overflow:visible}.birth .mini .moon{animation:1.7s ease-in-out infinite alternate birth-slide}@keyframes birth-slide{0%{transform:translate(-5px)}to{transform:translate(5px)}}.birth .bar{background:#ede9e11f;border-radius:2px;width:min(14rem,70%);height:2px;margin:1.25rem auto 0;overflow:hidden}.birth .bar i{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:40%;height:100%;animation:1.9s ease-in-out infinite birth-sweep;display:block}@keyframes birth-sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}.birth .live{text-wrap:balance;max-width:36ch;font-family:var(--serif);text-align:center;margin:1rem auto 0;font-size:clamp(1.3rem,2vw,1.55rem);font-weight:300;line-height:1.3}.birth .pick{text-align:left;width:min(30rem,100%);margin:1.5rem auto 0}.birth .pick-h{font-family:var(--serif);color:var(--muted);margin:0 0 .6rem;padding-left:.25rem;font-size:1.2rem;font-style:italic}.birth .pick ul{background:#0c0c10;border:1px solid #d9b26a80;border-radius:16px;margin:0;padding:.35rem;list-style:none;box-shadow:0 18px 50px #00000080}.birth .pick li button{appearance:none;width:100%;min-height:52px;color:var(--bone);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.8rem;margin:0;padding:.5rem .9rem;font-size:1.02rem;display:flex}.birth .pick li svg{width:1rem;height:1rem;color:var(--gold);flex:none}.birth .pick li button:hover{background:#d9b26a0f}.birth .pick li button:focus{box-shadow:inset 2px 0 0 var(--gold);background:#d9b26a1f;outline:none}.birth .pick .reg{color:var(--muted)}.birth .pick-none{appearance:none;min-height:44px;color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;margin:.25rem 0 0 .25rem;padding:0;font-size:.85rem;-webkit-text-decoration:underline #d9b26a80;text-decoration:underline #d9b26a80;display:inline-flex}.birth .pick-none:hover{color:var(--bone)}.birth .friend-line{max-width:30rem;font-family:var(--serif);color:var(--bone);text-align:center;text-wrap:balance;background:radial-gradient(closest-side,#b4becb14,#0000);border:1px solid #c9d2de47;border-radius:1rem;flex-direction:column;align-items:center;gap:.6rem;margin:0 auto 1.5rem;padding:1rem 1.4rem;font-size:clamp(1.15rem,1.8vw,1.3rem);font-style:italic;line-height:1.35;display:flex}.birth .friend-line svg{width:6.5rem;height:auto}.birth .friend-line .grade{white-space:nowrap}.birth .form-note{max-width:34rem;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .9rem;margin:.9rem auto 0;font-size:.95rem;line-height:1.45;display:flex}.birth .form-note .more svg{width:1rem;height:1rem}.birth .field[aria-invalid=true]{border-bottom:2px dashed var(--gold-hi)}.birth .msg{text-align:left;max-width:34rem;color:var(--bone);align-items:flex-start;gap:.7rem;margin:1.25rem auto 0;font-size:1.02rem;line-height:1.45;display:flex}.birth .msg svg{width:1.15rem;height:1.15rem;color:var(--gold-hi);flex:none;margin-top:.2rem}.birth .notice-box{border:1px solid var(--line);text-align:center;background:#ede9e108;border-radius:18px;width:min(34rem,100%);margin:1.75rem auto 0;padding:1.6rem 1.5rem 1.5rem}.birth .notice-box>svg{width:2.1rem;height:2.1rem;margin:0 auto .8rem;display:block}.birth .notice-box h2{font-family:var(--serif);text-wrap:balance;margin:0;font-size:clamp(1.55rem,2.5vw,1.95rem);font-weight:300;line-height:1.15}.birth .notice-box p{color:var(--muted);text-wrap:balance;max-width:40ch;margin:.7rem auto 0}.birth .notice-box .btn-gold{margin-top:1.25rem}.birth .notice-box .more{margin-top:.9rem}.birth .notice-box .more svg{width:1rem;height:1rem}@media (max-width:860px){.birth .pick{margin-top:1.25rem}.birth .notice-box{padding:1.4rem 1.1rem}.birth .notice-box .btn-gold{width:100%}.birth .msg{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.birth .mini .moon,.birth .bar i{animation:none}.birth .bar i{opacity:.5;width:100%}}
.birth[data-first-focus] .field{font-family:var(--font-cormorant),Georgia,var(--ko-sans)}.birth .slot[data-slot]{flex-direction:column;align-items:center;display:inline-flex;position:relative}.birth .note{width:0;min-width:100%;font-family:var(--font-hanken),var(--ko-sans);color:var(--soft);text-align:center;text-wrap:balance;white-space:normal;justify-content:center;align-items:flex-start;gap:.4rem;margin-top:.5rem;font-size:.8125rem;font-weight:400;line-height:1.35;display:flex}.birth .note svg{width:.95rem;height:.95rem;color:var(--gold-hi);flex:none;margin-top:.05rem}.birth .note--problem,.birth .note--none,.birth .note--near{color:var(--bone)}:is(.birth .sentence:has(.note),.birth .seg:has(.note)){align-items:baseline}.birth .halves{gap:.3rem;margin-top:.5rem;display:inline-flex}.birth .halves button{appearance:none;isolation:isolate;min-width:3.4rem;min-height:36px;color:var(--bone);font-family:var(--font-hanken),var(--ko-sans);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;margin:0;padding:0 .85rem;font-size:.9rem;font-weight:600;display:inline-grid;position:relative}.birth .halves button:before{content:"";z-index:-1;border:1px solid #d9b26a8c;border-radius:999px;position:absolute;inset:2px 0}.birth .halves button[aria-checked=true]{color:var(--ground)}.birth .halves button[aria-checked=true]:before{border-color:var(--gold);background:var(--gold)}.birth .halves button:hover:not(:disabled):before{border-color:var(--gold-hi)}.birth .halves button:disabled{opacity:.35;cursor:default}.birth .halves button:focus{outline:none}.birth .halves button:focus-visible:before{outline:2px solid var(--gold);outline-offset:2px}.birth .slot[data-halves=typing] .note{min-height:2.7em}.birth .seg--time .note>span{text-wrap:balance}.birth .slot[data-slot=list] .pop{z-index:30;overscroll-behavior:contain;width:min(24rem,100vw - 2rem);font-family:var(--font-hanken),var(--ko-sans);text-align:left;white-space:normal;background:#0c0c10;border:1px solid #d9b26a80;border-radius:16px;padding:.35rem;font-size:1rem;font-weight:400;line-height:1.35;display:block;position:absolute;top:calc(100% + .45rem);left:0;overflow-y:auto;box-shadow:0 18px 50px #00000080}.birth .slot[data-slot=list] .opts{display:block}.birth .opt{min-height:52px;color:var(--bone);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:.8rem;padding:.5rem .9rem;display:flex}.birth .opt svg{width:1rem;height:1rem;color:var(--gold);flex:none}.birth .opt:hover{background:#d9b26a0f}.birth .opt[aria-selected=true]{box-shadow:inset 2px 0 0 var(--gold);background:#d9b26a1f}.birth .opt b{font-weight:600}.birth .opt-rest{color:var(--muted)}.birth .opt-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);vertical-align:.1em;border:1px solid #d9b26a73;border-radius:999px;margin-left:.35rem;padding:.05rem .45rem;font-size:.72rem}.birth .pop-line{color:var(--muted);padding:.75rem .9rem;font-size:.92rem;line-height:1.45;display:block}@media (max-width:860px){.birth .slot[data-slot]{grid-column:2;align-items:stretch;min-width:0;display:flex}.birth .seg:has(#bdate) .slot[data-slot]{grid-row:2}.birth .seg--time .slot[data-slot]{grid-row:3}.birth .seg:has(#bcity) .slot[data-slot]{grid-row:4}.birth .sentence:has(.note){align-items:normal}.birth .seg:has(.note) .w{align-self:baseline}.birth .slot:has(.note){align-self:baseline}.birth .note{text-align:left;justify-content:flex-start;width:auto;min-width:0;margin:.5rem 0 .4rem .25rem}.birth .slot[data-slot=list] .pop{width:auto;left:-2.75rem;right:0}.birth .halves{margin:0;position:absolute;top:0;right:0}.birth .halves button{min-width:3.6rem;min-height:44px;font-size:.95rem}.birth .halves button:before{inset:5px 0}.birth .slot[data-halves] .field{padding-right:7.75rem}.birth .slot[data-halves=typing] .note{min-height:1.35em}}
