#spatial .birthday-panel{position:absolute;top:calc(var(--nav-height) + 24px);left:28px;z-index:7;width:300px;max-height:calc(96dvh - var(--nav-height) - 160px);overflow:auto;box-sizing:border-box;background:#0a1624df;border:1px solid #c1d7df3b;backdrop-filter:blur(20px);color:#edf2ee;padding:22px;border-radius:16px;box-shadow:0 20px 60px #0003}.birthday-panel .label{font-size:8px;letter-spacing:.12em;color:#a7d2d3}.birthday-panel h2{font-size:27px;line-height:1.1;letter-spacing:-.04em;margin:17px 0 20px}.birthday-panel form{display:grid;grid-template-columns:1fr 60px;gap:12px}.birthday-panel label{display:block;font-size:10px;margin-bottom:7px}.birthday-panel select,.birthday-panel input{width:100%;box-sizing:border-box;padding:10px 7px;border:1px solid #abc7d04a;border-radius:5px;background:#14293a;color:#fff;font:inherit;font-size:12px}.birthday-panel form button{grid-column:1/-1;background:#b7dbd5;border:0;border-radius:5px;color:#17383d;padding:12px;font:inherit;font-size:12px;text-align:left}.birthday-panel .birthday-privacy{font-size:9px;color:#b5c5ca;margin:12px 0}.birthday-panel p{font-size:12px;line-height:1.6;margin:12px 0}.birthday-panel h3{font-size:29px;letter-spacing:-.04em;margin:10px 0 6px}.birthday-panel strong{font-size:12px;color:#b7dbd5;font-weight:500}.birthday-panel small{display:block;font-size:9px;line-height:1.5;color:#aabac1}.sky-context{border-top:1px solid #b6d7df33;margin-top:18px;padding-top:12px}.birthday-panel .sky-context summary{font-size:11px;padding:0;letter-spacing:0;display:list-item;margin-left:12px}.birthday-panel .sky-context p{font-size:11px}.birthday-panel .sky-context .note{font-size:9px;color:#aabac1}.birthday-panel.has-sign h2,.birthday-panel.has-sign .birthday-privacy{display:none}.birthday-panel.has-sign form{margin:14px 0 20px}.birthday-panel:focus-within{border-color:#c5e6df}#spatial .calendar-ui{gap:12px}#spatial .calendar-ui>div:first-child{max-width:330px}@media(max-width:760px){#spatial .birthday-panel{top:calc(var(--nav-height) + 8px);left:12px;width:calc(100% - 24px);max-height:40dvh;padding:13px 16px}.birthday-panel h2{font-size:20px;margin:10px 0}.birthday-panel h2 br{display:none}.birthday-panel form{grid-template-columns:1fr 52px 1fr;align-items:end;gap:8px}.birthday-panel form button{grid-column:auto;padding:10px}.birthday-panel .sky-context{margin-top:10px;padding-top:9px}.birthday-panel.has-sign form{margin:8px 0}.birthday-panel.has-sign #birthday-result p{display:none}.birthday-panel.has-sign h3{font-size:22px;margin:6px 0}.birthday-panel.has-sign #birthday-result strong{font-size:11px}.birthday-panel.has-sign #birthday-result small{margin-top:5px}.birthday-panel.has-sign #birthday-result>.label{display:none}#spatial .calendar-ui>div:first-child{display:none}#spatial .calendar-ui{bottom:70px}}

#birthday-result #look-up{display:block;width:100%;border:1px solid #a3ded5a3;background:#a3ded51a;color:#d6f6f0;padding:10px 12px;border-radius:6px;font-size:12px;margin:12px 0}#birthday-result .look-up-hint{color:#a3ded5;font-size:11px!important;display:block!important}@media(max-width:760px){.birthday-panel.has-sign #birthday-result>strong,.birthday-panel.has-sign #birthday-result>small{display:none}#birthday-result #look-up{padding:7px;margin:7px 0}.birthday-panel.has-sign .sky-context{display:none}}

#birthday-panel-toggle{position:absolute;right:10px;top:7px;width:28px;height:28px;color:#bce6df;font-size:18px}.birthday-panel>.label{display:block;padding-right:20px}.birthday-panel.sky-minimized>*:not(#birthday-panel-toggle){display:none!important}#spatial .birthday-panel.sky-minimized{width:auto;max-width:calc(100% - 40px);padding:9px 14px;overflow:visible}.birthday-panel.sky-minimized #birthday-panel-toggle{position:static;width:auto;height:auto;font-size:11px;line-height:1.5;text-align:left}#spatial>.close{z-index:9}@media(max-width:760px){#spatial .birthday-panel{top:calc(var(--nav-height) + 60px)}}
