.birthday-trigger{display:flex;flex-direction:column;gap:var(--birthday-trigger-gap,12px);width:100%;min-height:var(--birthday-trigger-min-height,100px);padding:var(--birthday-trigger-padding,14px 0 18px);text-align:left;background:var(--birthday-trigger-bg,none);border:0;border-bottom:1px solid var(--birthday-trigger-border,#cab18380);border-radius:var(--birthday-trigger-radius,0);color:var(--birthday-trigger-ink,#f4e5ca);cursor:pointer}.birthday-trigger-label{font:15px/1.4 var(--birthday-font-body,var(--font-body,sans-serif));color:var(--birthday-trigger-label-color,#cbb999)}.birthday-entry[data-headed] .birthday-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.birthday-trigger-value{font:32px/1.2 var(--birthday-font-display,var(--font-display,Georgia,serif));text-wrap:balance}.birthday-trigger:focus-visible{outline:2px solid var(--birthday-trigger-focus,#dbc391);outline-offset:4px}dialog.birthday-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);height:fit-content;max-width:100%;max-height:calc(100dvh - 16px);padding:22px 22px max(22px,env(safe-area-inset-bottom));box-sizing:border-box;border:1px solid var(--birthday-sheet-border,#cab18345);border-bottom:0;border-radius:24px 24px 0 0;background:var(--birthday-sheet-bg,#131712);color:var(--birthday-sheet-ink,#f4e5ca);box-shadow:0 -18px 80px #0007;overflow-y:auto;overscroll-behavior:contain;--entry-ink:var(--birthday-sheet-ink,#f4e5ca)}.birthday-sheet::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.birthday-sheet[open]{animation:birthday-open .22s ease-out}@keyframes birthday-open{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.birthday-sheet [hidden]{display:none!important}.birthday-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.birthday-sheet h2{font:30px/1.2 var(--birthday-font-display,var(--font-display,Georgia,serif));margin:0}.birthday-sheet button{font-family:var(--birthday-font-body,var(--font-body,sans-serif));cursor:pointer;color:inherit;min-height:44px;background:none;border:0}.birthday-sheet [data-date-close]{font-size:30px;width:44px;padding:0}.birthday-preview{display:block;min-height:34px;margin:12px 0 18px;color:var(--birthday-sheet-accent,#dac49d);font:25px/1.35 var(--birthday-font-display,var(--font-display,Georgia,serif));text-align:center}.birthday-wheels{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:8px}.birthday-column>span{display:block;text-align:center;font:14px/1.5 var(--birthday-font-body,var(--font-body,sans-serif));color:var(--birthday-sheet-muted,#b9b3a2);margin-bottom:8px}.birthday-wheel{height:220px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;box-sizing:border-box;padding:88px 0;position:relative;background:linear-gradient(transparent 88px,var(--birthday-wheel-band,#d6bf8520) 88px,var(--birthday-wheel-band,#d6bf8520) 132px,transparent 132px);background-attachment:scroll;-webkit-mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent);mask-image:linear-gradient(transparent,#000 32%,#000 68%,transparent)}.birthday-wheel::-webkit-scrollbar{display:none}.birthday-option{height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font:24px/1 var(--birthday-font-display,var(--font-display,Georgia,serif));color:var(--birthday-sheet-muted,#b0aa99);cursor:pointer;-webkit-user-select:none;user-select:none}.birthday-option[aria-selected=true]{color:var(--birthday-sheet-confirm,#ffe8b9);font-weight:600}.birthday-wheel:focus-visible{outline:1px solid var(--birthday-trigger-focus,#ddc38e);outline-offset:1px}.birthday-error{font:14px/1.35 var(--birthday-font-body,var(--font-body,sans-serif));color:var(--birthday-sheet-error,#f6c3ae);min-height:19px;margin:12px 0}.birthday-sheet-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.birthday-sheet [data-date-mode]{font-size:15px;color:var(--birthday-sheet-muted,#c9bba0);padding:10px 0}.birthday-sheet [data-date-confirm]{font:24px/1.2 var(--birthday-font-display,var(--font-display,Georgia,serif));padding:10px 0;color:var(--birthday-sheet-confirm,#ffe6b4)}.birthday-sheet [data-date-confirm]:disabled{opacity:.4;cursor:default}.birthday-sheet button:focus-visible{outline:2px solid var(--birthday-trigger-focus,#ddc38e);outline-offset:2px}.birthday-manual{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px;margin:24px 0}.birthday-manual label{font:14px var(--birthday-font-body,var(--font-body,sans-serif));color:var(--birthday-sheet-muted,#c9bba0)}.birthday-manual input{width:100%;box-sizing:border-box;min-height:60px;padding:10px 2px!important;font:26px var(--birthday-font-display,var(--font-display,Georgia,serif))!important;text-align:center;margin-top:8px;background:var(--entry-wash,#b998580c);color:var(--entry-ink,#f4e5ca);border:0;border-bottom:1px solid var(--entry-line,#b998586b);border-radius:0;outline:none}@media(min-width:761px){dialog.birthday-sheet{top:0;right:0;bottom:0;left:0;margin:auto;border:1px solid var(--birthday-sheet-border,#cab18345);border-radius:24px;max-height:560px}}@media(max-height:600px){dialog.birthday-sheet{padding-top:12px;padding-bottom:12px}.birthday-preview{margin:4px 0 8px}.birthday-error{margin:6px 0}.birthday-sheet h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.birthday-sheet[open]{animation:none}}.birthday-wheels[data-order=year-first]{grid-template-columns:1fr 1.4fr .8fr}.birthday-manual[data-order=year-first]{grid-template-columns:1.35fr 1fr 1fr}.reader-recs{--rec-ink:var(--ink,#f2ebdd);--rec-body:var(--ink-2,#d6caba);--rec-mute:var(--mute,#9c8f7d);--rec-gold:var(--gold,#c6a468);--rec-rule:var(--rule,#2f2720);--rec-card-bg:color-mix(in srgb,var(--night-2,#171310) 88%,transparent);--rec-card-border:color-mix(in srgb,var(--rec-gold) 28%,transparent);--rec-thumb-border:color-mix(in srgb,var(--rec-gold) 38%,transparent);margin:2.4rem auto 0;padding:1.6rem 0 .4rem;border-top:1px solid var(--rec-rule);text-align:left;box-sizing:border-box;width:100%;max-width:35rem}.julie-result .reader-recs,.reader-recs[data-from-reader=julie]:not([data-surface=folio]){--rec-ink:var(--cream,#f3e8cf);--rec-body:var(--on-black-2,#c9b896);--rec-mute:var(--on-black-3,#9b8a6c);--rec-gold:var(--brass-bright,#e0b868);--rec-rule:#3a302a;--rec-card-bg:#171311d9;--rec-card-border:#b88b3a44;--rec-thumb-border:#b88b3a66}.pansu-ledger .reader-recs,.pansu-offer .reader-recs,.reader-recs[data-from-reader=pansu]:not([data-surface=folio]){--rec-ink:var(--ledger-cream,#f4e5ca);--rec-body:var(--ledger-ink,#e6e1d6);--rec-mute:var(--ledger-dim,#b9ad98);--rec-gold:var(--ledger-gold,#c8b27a);--rec-rule:#c8b27a33;--rec-card-bg:#14141cd9;--rec-card-border:#c8b27a38;--rec-thumb-border:#c8b27a55}.reader-recs[lang=ko]{word-break:keep-all}.reader-recs[lang=ja]{line-break:strict}.reader-recs:is([lang=ja],[lang^=zh]) *{font-variant-numeric:lining-nums}.reader-recs-kicker{margin:0 0 .35rem;font:600 .74rem/1.35 var(--sans,var(--font-body,Outfit,sans-serif));letter-spacing:.12em;color:var(--rec-gold)}.reader-recs-title{margin:0 0 1rem;font:600 clamp(1.15rem,4.3vw,1.38rem)/1.36 var(--serif,var(--font-display,"Noto Serif KR",serif));color:var(--rec-ink);text-wrap:balance}.reader-recs-list{display:grid;gap:.65rem}.reader-rec-card{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.5rem;padding:.68rem .78rem;background:var(--rec-card-bg);border:1px solid var(--rec-card-border);border-radius:.22rem;color:var(--rec-ink);text-decoration:none;box-sizing:border-box;transition:border-color .18s ease,background-color .18s ease}.reader-rec-card:hover,.reader-rec-card:focus-visible{border-color:var(--rec-gold)}.reader-rec-card:focus-visible,.reader-recs-all:focus-visible{outline:2px solid var(--rec-gold);outline-offset:2px}.reader-rec-thumb{display:block;width:3.5rem;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--rec-thumb-border);border-radius:.14rem;background:#0e0b09;flex-shrink:0}.reader-rec-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:contrast(1.03) saturate(.92)}.reader-rec-body{display:block;min-width:0}.reader-rec-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.28rem;margin:0 0 .18rem;font:500 .73rem/1.3 var(--sans,var(--font-body,Outfit,sans-serif));color:var(--rec-mute)}.reader-rec-worry{color:var(--rec-gold);font-weight:600}.reader-rec-dot{opacity:.65}.reader-rec-role{color:var(--rec-mute)}.reader-rec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.38rem;margin:0 0 .2rem}.reader-rec-name{font:700 clamp(1rem,3.8vw,1.12rem)/1.25 var(--serif,var(--font-display,"Noto Serif KR",serif));color:var(--rec-ink)}.reader-rec-chip{font:500 .72rem/1.2 var(--sans,var(--font-body,Outfit,sans-serif));color:var(--rec-gold);opacity:.92}.reader-rec-premise{display:block;font:400 .86rem/1.44 var(--serif,var(--font-display,"Noto Serif KR",serif));color:var(--rec-body);text-wrap:pretty}.reader-rec-arrow{font:400 1rem/1 var(--serif,var(--font-display,serif));color:var(--rec-gold);opacity:.85;padding-left:.1rem}.reader-recs-all{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:2.75rem;margin-top:.65rem;padding:.55rem .85rem;box-sizing:border-box;border:1px solid var(--rec-card-border);border-radius:.22rem;background:transparent;color:var(--rec-body);font:500 .86rem/1.3 var(--serif,var(--font-display,"Noto Serif KR",serif));text-decoration:none}.reader-recs-all:hover{border-color:var(--rec-gold);color:var(--rec-ink)}.bf-page.bf-end:has(.reader-recs){padding-top:0}.bf-page.bf-end:has(.reader-recs) h2{font-size:clamp(1.28rem,4.4vw,1.6rem);margin:.2rem 0 .55rem}.bf-page.bf-end:has(.reader-recs) .bf-primary{margin-top:.3rem;min-height:2.75rem;padding:.55rem .85rem;font-size:.94rem}.bf-page.bf-end:has(.reader-recs) .bf-link{margin-top:.15rem;min-height:2.15rem;padding:.2rem 0;font-size:.84rem}.complete-reading-end:has(.reader-recs){padding:.35rem 0}.complete-reading-end:has(.reader-recs) h2{font-size:clamp(1.4rem,4.5vw,1.95rem);margin:.3rem 0 .6rem}.complete-reading-end:has(.reader-recs) .ink-link{margin:.3rem 0;min-height:2.1rem}.reader-recs[data-surface=folio]{--rec-ink:var(--paper-ink,var(--pansu-ink,var(--ishi-ink,#2b1d12)));--rec-body:var(--paper-ink,var(--pansu-ink,var(--ishi-ink,#392614)));--rec-mute:var(--paper-mute,var(--pansu-mute,var(--ishi-mute,#624c36)));--rec-gold:var(--red,var(--pansu-accent,var(--ishi-accent,#883d29)));--rec-rule:var(--paper-rule,var(--pansu-rule,var(--ishi-rule,#7b532a38)));--rec-card-bg:#2a1d120d;--rec-card-border:var(--paper-rule,var(--pansu-rule,var(--ishi-rule,#7b532a38)));--rec-thumb-border:#7b532a44;margin:.7rem 0 0;padding:.65rem 0 0;break-inside:avoid}.reader-recs[data-surface=folio] .reader-recs-kicker{font-size:.66rem;margin:0 0 .15rem}.reader-recs[data-surface=folio] .reader-recs-title{font-size:clamp(.96rem,3.6vw,1.1rem);line-height:1.28;margin:0 0 .45rem}.reader-recs[data-surface=folio] .reader-recs-list{gap:.38rem}.reader-recs[data-surface=folio] .reader-rec-card{grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.55rem;min-height:3.1rem;padding:.42rem .55rem}.reader-recs[data-surface=folio] .reader-rec-thumb{width:2.5rem}.reader-recs[data-surface=folio] .reader-rec-meta{font-size:.65rem;margin:0 0 .08rem}.reader-recs[data-surface=folio] .reader-rec-head{gap:.3rem;margin:0 0 .1rem}.reader-recs[data-surface=folio] .reader-rec-name{font-size:.9rem}.reader-recs[data-surface=folio] .reader-rec-chip{font-size:.65rem}.reader-recs[data-surface=folio] .reader-rec-premise{font-size:.76rem;line-height:1.3}.reader-recs[data-surface=folio] .reader-recs-all{min-height:2.2rem;margin-top:.38rem;padding:.28rem .5rem;font-size:.76rem}@media(max-height:700px){.bf-page.bf-end:has(.reader-recs) h2,.complete-reading-end:has(.reader-recs) h2{font-size:1.18rem;margin:.15rem 0 .35rem}.bf-page.bf-end:has(.reader-recs) .bf-primary{min-height:2.4rem;padding:.4rem .7rem;font-size:.86rem}.bf-page.bf-end:has(.reader-recs) .bf-link{min-height:1.85rem;padding:.12rem 0;font-size:.78rem}.reader-recs[data-surface=folio]{margin-top:.45rem;padding-top:.45rem}.reader-recs[data-surface=folio] .reader-recs-title{font-size:.88rem;margin-bottom:.3rem}.reader-recs[data-surface=folio] .reader-recs-list{gap:.28rem}.reader-recs[data-surface=folio] .reader-rec-card{grid-template-columns:2.1rem minmax(0,1fr) auto;min-height:2.75rem;padding:.32rem .45rem}.reader-recs[data-surface=folio] .reader-rec-thumb{width:2.1rem}.reader-recs[data-surface=folio] .reader-rec-premise{font-size:.72rem;line-height:1.24}.reader-recs[data-surface=folio] .reader-recs-all{min-height:1.95rem;margin-top:.28rem;font-size:.72rem}}
