*,:before,:after{box-sizing:border-box}body{color:var(--txt);font-family:var(--font);line-height:var(--lh-normal);word-break:keep-all;overflow-wrap:anywhere;background:#07080b;margin:0}:root{--mok:#2f9e6b;--mok-deep:#0f3d2a;--hwa:#e0533f;--hwa-deep:#4a140c;--to:#d4a537;--to-deep:#4a3607;--geum:#c9d0d8;--geum-deep:#2b3138;--su:#3b6fd6;--su-deep:#0c1633;--ink:#0b0d12;--panel:#12151d;--panel2:#1a1e28;--line:#2a2f3a;--txt:#e8ebf0;--dim:#8a92a3;--faint:#5a6272;--gold:#cba35a;--tier-silver:#c3cad6;--tier-silver-deep:#6b7788;--tier-teal:#43b3a1;--tier-teal-deep:#1f6f63;--tier-red:#d9584b;--tier-red-deep:#8f2f28;--tier-gold:#cfa64e;--tier-gold-deep:#8a6a2c;--art:#0c0c08;--font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",-apple-system,sans-serif;--serif:"MaruBuri","Noto Serif KR","Apple Myungjo","Nanum Myeongjo","AppleMyungjo",serif;--foil-hi:#eccd8b;--foil-lo:#8a6a33;--signal:#ff5a28;--page:376px;--page-pad:16px;--fs-micro:10px;--fs-caption:11.5px;--fs-label:12.5px;--fs-small:13.5px;--fs-body:15px;--fs-body-lg:16.5px;--fs-subhead:18.5px;--fs-title:22.5px;--fs-display:32px;--lh-flat:1;--lh-tight:1.15;--lh-normal:1.5;--lh-relaxed:1.7;--lh-loose:1.85;--sp-2:2px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px}.reader .beat p,.ir-p{font-size:var(--fs-body);color:var(--txt);line-height:var(--lh-relaxed)}.chap-note,.stub-status,.reader .beat .beat-ev{font-size:var(--fs-label);color:var(--dim);line-height:var(--lh-relaxed)}.reader .cover .t1,.chap .no,.cprog{font-size:var(--fs-caption);color:var(--gold)}.cback-sub,.toggle,.celeb-empty,.save-cta,.today .t-date,.ir-sub,.ir-note,.cp-sub,.more-email{font-size:var(--fs-small);color:var(--dim)}.sgroup-blurb,.field .fl,.auth-cta,.appx-slot,.ctitle{font-size:var(--fs-label);color:var(--dim)}.rsnap,.swipe-hint,.cmeta,.sky-label{font-size:var(--fs-caption);color:var(--dim)}.sinsal-sec-sub,.today-card .tc-k,.auth-note{font-size:var(--fs-label);color:var(--faint)}.more-credit,.more-delete{font-size:var(--fs-small);color:var(--faint)}.ir-title,.cp-title{font-size:var(--fs-body-lg);color:var(--gold);font-weight:700}.screen h3,.celeb-h{font-size:var(--fs-body-lg);font-weight:700}.toast,.more-delete-msg,.edit-reset-msg{font-size:var(--fs-body);color:var(--txt)}.nickname-error,.more-delete-err{font-size:var(--fs-small);color:var(--hwa)}.today-card .newstamp,.album-cell .album-new{font-size:var(--fs-micro)}.scard .pol,.sback-pol{font-size:var(--fs-micro);font-weight:700}.app-view{width:100%;max-width:var(--page);padding:var(--page-pad);margin-inline:auto}.card{perspective:1400px;cursor:pointer;isolation:isolate;border-radius:22px;width:100%;position:relative}.card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.cflip{width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.card.flipped .cflip{transform:rotateY(180deg)}.cface{background:var(--art);box-shadow:0 34px 70px -24px #000, 0 0 40px -18px color-mix(in srgb,var(--el,var(--geum)) 40%,transparent), 0 0 0 1px #000;backface-visibility:hidden;border:1px solid #ffffff0d;border-radius:22px;overflow:hidden}.cfront{z-index:1;position:relative}.cback{position:absolute;inset:0;transform:rotateY(180deg)}.frame{pointer-events:none;z-index:6;border:4px solid color-mix(in srgb,var(--el,var(--geum)) 82%,#fff 10%);box-shadow:inset 0 0 0 1px #00000080, 0 0 13px -1px color-mix(in srgb,var(--el,var(--geum)) 50%,transparent), inset 0 0 16px -4px color-mix(in srgb,var(--el,var(--geum)) 28%,transparent);border-radius:17px;position:absolute;inset:11px}.cface:after{content:"";pointer-events:none;opacity:.4;mix-blend-mode:overlay;z-index:7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/></svg>");position:absolute;inset:0}.card .head{z-index:8;padding:var(--sp-32) var(--sp-32) var(--sp-4);justify-content:flex-end;align-items:center;display:flex;position:relative}.badge{border:2.5px solid color-mix(in srgb,var(--el,var(--geum)) 82%,#fff 10%);width:52px;height:52px;box-shadow:inset 0 0 0 1px #00000080,0 4px 11px -3px #000c, 0 0 12px -3px color-mix(in srgb,var(--el,var(--geum)) 50%,transparent);background:radial-gradient(circle at 42% 34%,#232830,#08090d);border-radius:50%;place-items:center;display:grid;position:relative}.badge img{object-fit:contain;filter:drop-shadow(0 1px 3px #0009);width:36px;height:36px}.card .art{z-index:5;width:74%;margin:var(--sp-4) auto 0;display:block;position:relative}.card .art img{width:100%;display:block}.card .art .glyph{text-align:center}.card .body{z-index:6;padding:0 var(--sp-32) var(--sp-32);margin-top:var(--sp-12);position:relative}.nm{font-family:var(--serif);font-size:var(--fs-display);letter-spacing:.01em;line-height:var(--lh-flat);color:#f3f5f8;align-items:baseline;gap:var(--sp-12);display:flex}.nm .hanja{font-size:var(--fs-subhead);color:var(--gold);letter-spacing:.06em;opacity:.92;font-weight:400}.card .flavor{font-size:var(--fs-small);color:#c3cad6;border-left:2px solid var(--el,var(--geum));padding-left:var(--sp-8);margin-top:var(--sp-12);font-style:italic}.cback-body{z-index:6;height:100%;padding:var(--sp-40) var(--sp-32) var(--sp-40);flex-direction:column;display:flex;position:relative}.cback-sub{margin-top:var(--sp-12)}.cback-sub b{color:var(--gold);font-weight:600}.cback-desc{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:#dce1e9;margin:var(--sp-20) 0 0}.cback-celeb{padding-top:var(--sp-16);margin-top:auto}.cback-celeb .celeb-h{font-size:var(--fs-body);margin:0 0 var(--sp-8);color:var(--txt);font-weight:700}.cback-celeb .celeb-ph{width:46px;height:46px;font-size:22px}.cback-celeb .celeb-item{width:66px}.cback-celeb .celeb-empty{padding:var(--sp-8) 0;text-align:left;font-size:var(--fs-small)}.flip-ico{z-index:9;font-size:0;line-height:var(--lh-flat);pointer-events:none;position:absolute;bottom:12px;right:13px}.flip-ico:before{content:"";border:1.6px solid color-mix(in srgb,var(--gold) 82%,#fff 18%);opacity:.9;width:10px;height:14px;transform-style:preserve-3d;border-radius:2px;animation:3.4s ease-in-out infinite flipcue;display:block}.card .flip-ico{bottom:24px;right:26px}.card .flip-ico:before{width:13px;height:18px}@keyframes flipcue{0%,52%{transform:rotateY(0)}70%{transform:rotateY(-180deg)}88%,to{transform:rotateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:none}}@keyframes up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeArt{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}.card{animation:.85s cubic-bezier(.2,.7,.2,1) both rise}.card .art{animation:1s .15s both fadeArt}.card .head{animation:.7s .5s both up}.nm{animation:.7s .7s both up}@media (prefers-reduced-motion:reduce){.card,.card .art,.card .head,.nm{animation:none}.cflip{transition:none}.flip-ico:before{animation:none}}.scard{perspective:900px;cursor:pointer;isolation:isolate;flex:0 0 156px;width:156px;animation:.6s both up;position:relative}.scard:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:15px}.sflip{width:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:relative}.scard.flipped .sflip{transform:rotateY(180deg)}.sface{background:var(--art);box-shadow:0 18px 34px -18px #000, 0 0 22px -14px color-mix(in srgb,var(--el,var(--geum)) 42%,transparent), 0 0 0 1px #000;backface-visibility:hidden;border:1px solid #ffffff0d;border-radius:14px;overflow:hidden}.sfront{z-index:1;position:relative}.sback{position:absolute;inset:0;transform:rotateY(180deg)}.scard .sframe{pointer-events:none;z-index:6;border:2.5px solid color-mix(in srgb,var(--el,var(--geum)) 82%,#fff 10%);box-shadow:inset 0 0 0 1px #00000080, 0 0 9px -1px color-mix(in srgb,var(--el,var(--geum)) 50%,transparent), inset 0 0 11px -4px color-mix(in srgb,var(--el,var(--geum)) 28%,transparent);border-radius:9px;position:absolute;inset:7px}.sface:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:overlay;z-index:7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.3'/></svg>");position:absolute;inset:0}.scard .sart{z-index:5;width:92%;margin:var(--sp-8) auto var(--sp-2);display:block;position:relative}.scard .sart img{width:100%;display:block}.scard .sbody{z-index:6;padding:var(--sp-8) var(--sp-12) var(--sp-12);position:relative}.snm{font-family:var(--serif);font-size:var(--fs-subhead);line-height:var(--lh-tight);color:#f3f5f8;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap;display:flex}.snm .shanja{font-size:var(--fs-label);color:var(--gold);letter-spacing:.04em;opacity:.92;font-weight:400}.scard .sf{font-size:var(--fs-caption);color:#c3cad6;border-left:2px solid var(--el,var(--geum));padding-left:var(--sp-8);margin-top:var(--sp-8);font-style:italic;line-height:var(--lh-normal);min-height:2.8em}.scard .pol{z-index:8;padding:var(--sp-2) var(--sp-8);border-radius:99px;position:absolute;top:11px;right:11px;box-shadow:0 2px 6px -1px #000000b3}.pol.sal{background:var(--hwa);color:#fff}.pol.gil{background:var(--mok);color:#04140c}.sback-body{z-index:6;height:100%;padding:var(--sp-12) var(--sp-12) var(--sp-32);flex-direction:column;display:flex;position:relative}.sback .snm{font-size:var(--fs-body-lg)}.cback .nm{margin-left:-2px}.sback-pol{letter-spacing:.02em;margin:var(--sp-4) 0 var(--sp-8)}.sback-pol.gil{color:var(--mok)}.sback-pol.sal{color:color-mix(in srgb,var(--hwa) 78%,#fff 22%)}.sback-desc{font-size:var(--fs-label);line-height:var(--lh-normal);color:#cbd2dc;margin:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.scard{animation:none}.sflip{transition:none}}.hero-tagline{margin:var(--sp-12) 0 var(--sp-2);text-align:center;font-size:var(--fs-body);color:var(--dim)}.hero-tagline b{color:var(--gold);font-weight:700}.sinsal-sec-h{font-size:var(--fs-subhead);margin:var(--sp-20) 0 var(--sp-2);color:var(--txt);letter-spacing:.01em;font-weight:800}.sinsal-sec-sub{margin:0 0 var(--sp-4)}.sgroup{margin:var(--sp-12) 0 var(--sp-4)}.sgroup-h{align-items:baseline;gap:var(--sp-8);font-size:var(--fs-body);color:var(--txt);margin:0 0 var(--sp-2);padding-left:var(--sp-8);border-left:3px solid var(--gold);font-weight:700;display:flex}.sgroup-blurb{margin:0 0 var(--sp-8);padding-left:var(--sp-12)}.sgroup[data-pillar=day] .sgroup-h{font-size:var(--fs-body-lg)}.screen{border:1px solid var(--line);width:100%;padding:var(--sp-16);background:#0d0f14;border-radius:16px;min-height:380px}.screen .brand{margin-bottom:12px}.brand-logo{width:auto;height:24px;display:block}.screen h3{margin-bottom:3px}.field{margin-bottom:12px}.field .fl{margin-bottom:5px}.inp{border:1px solid var(--line);width:100%;padding:var(--sp-8) var(--sp-12);color:var(--txt);font-size:var(--fs-body);font-family:var(--font);background:#080a0e;border-radius:9px}.inp.err{border-color:var(--hwa)}.errmsg{font-size:var(--fs-caption);color:#f0a79b;margin-top:4px}.toggle{align-items:center;gap:var(--sp-8);margin:6px 0 14px;display:flex}.toggle .sw{background:var(--mok);border-radius:99px;width:34px;height:19px;position:relative}.toggle .sw:after{content:"";background:#04140c;border-radius:99px;width:15px;height:15px;position:absolute;top:2px;right:2px}.gender-row{gap:var(--sp-16);align-items:center;display:flex}.gender-row .radio{align-items:center;gap:var(--sp-4);font-size:var(--fs-small);cursor:pointer;display:flex}.gender-row input{accent-color:var(--mok)}.gender-note{font-size:var(--fs-caption);color:var(--faint);margin-top:5px}.screen .inp{box-sizing:border-box;min-height:44px}.inp::placeholder{color:var(--dim);opacity:1}select.inp{appearance:none;padding-right:var(--sp-24);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%238a92a3' stroke-width='1.5'/></svg>");background-position:right 10px center;background-repeat:no-repeat}.date-row,.time-row{gap:var(--sp-4);display:flex}.date-row>select,.time-row>select{min-width:0;padding-left:var(--sp-8);padding-right:var(--sp-16);background-position:right 5px center}.date-row .caltype{flex:0 auto;width:auto;min-width:104px}.date-row select[name=year]{flex:1.5 1 0}.date-row select[name=month],.date-row select[name=day],.time-row select{flex:1 1 0}@media (width<=360px){.date-row{gap:var(--sp-4)}.date-row .caltype{min-width:94px}.date-row>select,.time-row>select{padding-left:var(--sp-4);padding-right:var(--sp-16);background-position:right 4px center}.date-row select[name=year]{flex:1.8 1 0}}@media (width>=768px){.date-row select,.time-row select{text-align:center;text-align-last:center}}.cta{background:linear-gradient(165deg,var(--foil-hi),var(--foil-lo));width:100%;color:var(--ink);padding:var(--sp-12);font-size:var(--fs-body-lg);font-weight:800;font-family:var(--font);cursor:pointer;margin-top:var(--sp-4);border:none;border-radius:10px;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000040}.cta.ghost{color:var(--gold);border:1px solid var(--gold);box-shadow:none;background:0 0}@media (hover:hover){.cta:not([disabled]):hover{filter:brightness(1.06)}}.cta:not([disabled]):active{box-shadow:inset 0 2px 4px #00000059}.cta.ghost:active{box-shadow:none}.cta:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.banner{background:color-mix(in srgb,var(--to) 15%,var(--ink));border:1px solid var(--to);padding:var(--sp-8) var(--sp-12);font-size:var(--fs-label);color:#e8cf8a;border-radius:9px;margin-bottom:12px}.glyph{color:var(--el);opacity:.85;font-size:74px;font-weight:800}.deck{width:100%}.deck-sinsal{align-items:flex-start;gap:var(--sp-8);padding:var(--sp-4) 0 var(--sp-8);display:flex;overflow-x:auto}.celeb-h{margin:var(--sp-12) 0 var(--sp-8)}.celeb-row{gap:var(--sp-8);padding-bottom:var(--sp-8);display:flex;overflow-x:auto}.celeb-item{text-align:center;flex:none;width:72px}.celeb-ph{border:1px solid var(--el,var(--line));width:50px;height:50px;font-size:24px;line-height:var(--lh-flat);background:#0a0c11;border-radius:50%;place-items:center;margin:0 auto;display:grid}.celeb-name{font-size:var(--fs-label);margin-top:var(--sp-4);font-weight:600;line-height:var(--lh-tight)}.celeb-empty{padding:var(--sp-16);text-align:center}.reveal-enter{opacity:0;transform:translateY(8px)scale(.98)}.reveal-in{opacity:1;transition:opacity .5s,transform .5s;transform:none}.faint{color:var(--faint)}.boot-loading{text-align:center;font-size:var(--fs-body);color:var(--dim)}.boot-splash{justify-content:center;align-items:center;gap:var(--sp-24);flex-direction:column;min-height:72dvh;animation:.15s ease-out both up;display:flex}.boot-splash .brand-logo{width:128px;height:auto}@media (prefers-reduced-motion:reduce){.boot-splash{animation:none}}.boot-error{text-align:center;font-size:var(--fs-body);color:var(--hwa);margin:80px 0}.gate-notice{margin:0 0 var(--sp-12);padding:var(--sp-8) var(--sp-12);font-size:var(--fs-small);color:#e8cf8a;background:color-mix(in srgb,var(--to) 15%,var(--ink));border:1px solid var(--to);border-radius:9px}.gate-notice b{color:var(--gold)}.app-topbar{margin:0 0 var(--sp-8);justify-content:flex-end;display:flex}.app-topbar .cta{width:auto;padding:var(--sp-4) var(--sp-12);font-size:var(--fs-label);margin-top:0}.auth-cta{margin:var(--sp-12) 0 0;gap:var(--sp-8);flex-direction:column;align-items:center;display:flex}.auth-cta .login-btn{justify-content:center;align-items:center;gap:var(--sp-8);width:100%;max-width:280px;height:44px;font-size:var(--fs-body-lg);font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid #0000;border-radius:10px;display:flex}.auth-cta .login-logo{flex:none;width:18px;height:18px}.auth-cta .login-kakao{color:#000000d9;background:#fee500}.auth-cta .login-google{color:#e3e3e3;background:#131314;border-color:#747775}.save-cta{margin:var(--sp-16) 0 0;text-align:center}.save-cta p{margin:0 0 var(--sp-8)}.save-cta button{border:1px solid var(--gold);color:var(--gold);padding:var(--sp-8) var(--sp-12);font-size:var(--fs-small);font-family:var(--font);cursor:pointer;margin:var(--sp-4);background:0 0;border-radius:9px}.save-state{margin:var(--sp-16) 0 0;text-align:center;font-size:var(--fs-small);color:var(--mok)}.today{flex-direction:column;align-items:center;gap:16px;display:flex}.api-wait{place-items:center;gap:var(--sp-16);text-align:center;min-height:40dvh;display:grid}.api-wait-msg{font-size:var(--fs-body);color:var(--dim)}.api-wait[role=alert] .api-wait-msg{color:var(--hwa)}.api-wait .cta{width:auto;padding:var(--sp-12) var(--sp-20);min-height:44px;font-size:var(--fs-body);margin-top:0;font-weight:700}.app-view--reader .api-wait{box-sizing:border-box;place-content:safe center;gap:var(--sp-12);min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--sp-24)) var(--sp-24) calc(env(safe-area-inset-bottom) + var(--sp-24));overflow-y:auto}.today-left{align-items:center;gap:var(--sp-16);flex-direction:column;width:100%;display:flex}.today-album{display:none}.today .t-date{letter-spacing:.14em;align-self:center}.t-nav{gap:var(--sp-8);width:100%;display:flex}.t-nav .cta{flex:1;margin-top:0}.t-nav .cta[data-action=new]{color:var(--gold);border:1px solid var(--gold);background:0 0}.today-card .ribbon{z-index:8;font-size:var(--fs-caption);letter-spacing:.1em;padding:var(--sp-2) var(--sp-8);color:#15100a;background:color-mix(in srgb,var(--el,var(--tier-silver)) 88%,#fff 12%);border-radius:20px;font-weight:700;position:absolute;top:20px;left:20px}.today-card .newstamp,.album-cell .album-new{background:var(--signal);color:#15100a;border-radius:3px;font-weight:800}.today-card .newstamp{z-index:8;letter-spacing:.16em;padding:var(--sp-2) var(--sp-8);position:absolute;top:47px;left:20px;transform:rotate(-6deg)}.today-card .cardline{font-family:var(--serif);font-size:var(--fs-body-lg);line-height:var(--lh-normal);color:#eef1f5;margin-top:var(--sp-12);text-wrap:balance}.today-card .tc-read{scrollbar-width:none;-ms-overflow-style:none;gap:0;overflow-y:auto}.today-card .tc-read::-webkit-scrollbar{display:none}.today-card .tc-h{font-family:var(--serif);font-weight:400;font-size:var(--fs-subhead);margin:0 0 var(--sp-12);color:var(--el,var(--tier-silver))}.today-card .tc-line{gap:var(--sp-8);margin-bottom:var(--sp-12);align-items:flex-start;display:flex}.today-card .tc-ic{font-size:15px;line-height:var(--lh-normal);text-align:center;flex:none;width:18px}.today-card .tc-tx{font-size:var(--fs-body);line-height:var(--lh-normal);color:#dce1e9}.today-card .tc-k{margin-bottom:var(--sp-2);letter-spacing:.02em;display:block}.today-card .tc-swatch{width:10px;height:10px;margin-left:var(--sp-4);vertical-align:middle;border:1px solid #fff3;border-radius:50%;display:inline-block}.album-screen{padding:0 0 var(--sp-24)}.album-title{text-align:center;margin:var(--sp-8) 0 var(--sp-4);font-size:1.4rem}.album-stat{text-align:center;color:var(--muted,#9aa4b2);margin-bottom:var(--sp-12);font-size:.95rem}.album-zone{margin:0 0 var(--sp-16)}.zone-h{font-size:var(--fs-small);letter-spacing:.04em;color:var(--dim);margin:0 0 var(--sp-8);justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.zone-count{font-size:var(--fs-label);color:var(--faint);font-weight:600}.album-zone[data-zone=epic] .zone-h{color:var(--tier-gold)}.album-zone[data-zone=rare] .zone-h{color:var(--tier-teal)}.album{gap:var(--sp-8);grid-template-columns:repeat(6,1fr);display:grid}.album-cell{aspect-ratio:2/3;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.album-cell.locked{background:#14171d;border:1px solid #23272f}.album-cell.locked .album-sil{color:#333a44;opacity:.5;font-size:1.1rem;font-weight:700}.album-cell.seen{box-shadow:inset 0 0 0 2px var(--el,#888);background:#0d0f13}.album-cell.seen .album-frame{box-shadow:inset 0 0 0 1px var(--el,#888), 0 0 8px -2px var(--el,#888);pointer-events:none;border-radius:8px;position:absolute;inset:0}.album-cell.seen .album-art{position:absolute;inset:0}.album-cell.seen .album-art img{object-fit:cover;width:100%;height:100%}.album-cell.seen .album-art .glyph{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.album-cell .album-new{z-index:2;letter-spacing:.08em;padding:var(--sp-2) var(--sp-4);position:absolute;top:3px;right:3px}.album-cell.seen .album-nm{text-align:center;padding:var(--sp-2) 0;color:#eef;background:linear-gradient(#0000,#000000bf);font-size:.7rem;position:absolute;bottom:0;left:0;right:0}@media (width<=340px){.album{gap:var(--sp-4)}.album-cell.seen .album-nm{font-size:.62rem}}.app-shell{min-height:100dvh;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.tabbar{z-index:50;max-width:var(--page);background:color-mix(in srgb, var(--panel) 92%, #000);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);margin-inline:auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar .tab{cursor:pointer;font-family:var(--font);font-size:var(--fs-label);letter-spacing:.02em;color:var(--dim);padding:var(--sp-8) var(--sp-4) var(--sp-12);background:0 0;border:none;border-top:2px solid #0000;flex:1;margin-top:-1px;font-weight:600}.tabbar .tab.on{color:var(--gold);border-top-color:var(--gold)}.appheader,.page-head{display:none}.identity-reading{margin:var(--sp-20) 0 0;padding:var(--sp-16) var(--sp-16);text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);border-radius:12px}.ir-title{margin:0 0 var(--sp-2)}.ir-sub,.ir-sec{margin:0 0 var(--sp-12)}.ir-k{font-size:var(--fs-small);letter-spacing:.02em;color:var(--txt);margin:0 0 var(--sp-4);font-weight:700}.ir-ic{margin-right:var(--sp-4)}.ir-p{margin:0}.ir-note{margin:var(--sp-12) 0 0}.copy-prompt{margin:var(--sp-20) 0 0;padding:var(--sp-16) var(--sp-16);text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);border-radius:12px}.cp-title{margin:0 0 var(--sp-2)}.cp-sub{margin:0 0 var(--sp-12)}.cp-chips{gap:var(--sp-8);margin:0 0 var(--sp-12);display:flex}.cp-chip{min-width:0;padding:var(--sp-8) var(--sp-4);font-family:var(--font);font-size:var(--fs-small);color:var(--dim);background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:1 1 0;font-weight:600;transition:color .15s,border-color .15s,background .15s}@media (hover:hover){.cp-chip:hover{color:var(--txt);border-color:var(--gold)}}.cp-chip.on{color:var(--ink);background:var(--gold);border-color:var(--gold)}.cp-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cp-text{box-sizing:border-box;resize:none;width:100%;min-height:120px;max-height:180px;padding:var(--sp-8) var(--sp-12);margin:0 0 var(--sp-12);font-family:var(--font);font-size:var(--fs-small);line-height:var(--lh-relaxed);color:var(--dim);background:var(--panel2);border:1px solid var(--line);border-radius:8px;display:block}.cp-text:focus{outline:1px solid var(--gold);color:var(--txt)}.toast{max-width:min(var(--page,376px), calc(100vw - 32px));padding:var(--sp-8) var(--sp-16);background:color-mix(in srgb, var(--panel2) 92%, transparent);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:40;border-radius:10px;transition:opacity .25s,transform .25s;position:fixed;bottom:76px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.more{padding:var(--sp-8) 0 0}.more-h{margin:0 0 var(--sp-16)}.more-profile{align-items:center;gap:var(--sp-12);margin:0 0 var(--sp-20);display:flex}.more-id{min-width:0}.more-nick{font-size:var(--fs-subhead);color:var(--txt);word-break:break-word;font-weight:800}.avatar{background:var(--art);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.avatar-img{object-fit:cover;object-position:center 26%;width:100%;height:100%;display:block}.avatar--initials{color:var(--gold);background:var(--panel2);font-size:38px;font-weight:800}.more-list{margin:0 0 var(--sp-20);padding:0;list-style:none}.more-item{text-align:left;border:none;border-bottom:1px solid var(--line);width:100%;color:var(--txt);font-family:var(--font);font-size:var(--fs-body-lg);padding:var(--sp-12) var(--sp-4);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.more-item[disabled]{color:var(--faint);cursor:default}.more-item-link{text-decoration:none}.more-item .soon{font-size:var(--fs-caption);color:var(--faint);border:1px solid var(--line);padding:var(--sp-2) var(--sp-8);border-radius:99px}.more-email{margin:var(--sp-2) 0 0;word-break:break-all}.nickname-step{padding:var(--sp-48) var(--sp-4) 0;text-align:center}.nickname-h{font-size:var(--fs-title);margin:0 0 var(--sp-20);color:var(--txt);font-weight:800}.nickname-input{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--txt);font-family:var(--font);font-size:var(--fs-body-lg);padding:var(--sp-12) var(--sp-12);text-align:center;border-radius:10px}.nickname-input:focus{border-color:var(--gold);outline:none}.nickname-error{margin:var(--sp-8) 0 0;min-height:1em}.nickname-step .cta{margin-top:var(--sp-16)}.cta[disabled]{opacity:.5;cursor:default}@media (width>=768px){body{background-color:#07080b;background-image:radial-gradient(125% 90% at 50% -2%,#7c8cb01c 0%,#7c8cb00b 34%,#0000 60%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}:root{--web-max:880px}.app-view{max-width:var(--web-max);padding:clamp(var(--sp-24), 3vw, var(--sp-40)) clamp(var(--sp-20), 4vw, var(--sp-40)) 56px}.app-shell{padding-bottom:var(--sp-24)}.tabbar{display:none}.appheader{z-index:60;align-items:stretch;gap:var(--sp-24);height:60px;padding:0 calc(max(0px, (100% - var(--web-max)) / 2) + clamp(var(--sp-20), 4vw, var(--sp-40)));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#0b0d12db;display:flex;position:sticky;top:0}.appheader .h-brand{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.appheader .h-brand .brand-logo{height:20px}.appheader .h-tabs{gap:var(--sp-20);display:flex}.appheader .htab{cursor:pointer;font-family:var(--font);font-size:var(--fs-body);color:var(--dim);padding:0 var(--sp-2);background:0 0;border:2px solid #0000;border-left:none;border-right:none;font-weight:600}.appheader .htab.on{color:var(--gold);border-bottom-color:var(--gold)}@media (hover:hover){.appheader .htab:not(.on):hover{color:var(--txt)}}.appheader .htab:focus-visible,.appheader .h-brand:focus-visible,.appheader .h-avatar:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.appheader .h-avatar{cursor:pointer;background:0 0;border:none;border-radius:50%;align-self:center;margin-left:auto;padding:0}.appheader .h-avatar .avatar{width:30px;height:30px}.appheader .h-avatar .avatar--initials{font-size:14px}.appheader--min{justify-content:center;align-items:center;height:84px}.appheader--min .brand-logo{height:30px}.screen .brand{display:none}.page-head{margin:0 0 clamp(var(--sp-20), 2.4vw, var(--sp-32));padding:0 var(--sp-2) clamp(var(--sp-12), 1.4vw, var(--sp-16));border-bottom:1px solid var(--line);display:block}.ph-t{color:var(--txt);letter-spacing:.01em;margin:0;font-size:clamp(22px,2.3vw,31px);font-weight:800}.ph-s{margin:var(--sp-4) 0 0;color:var(--dim);font-size:clamp(14px,1.25vw,17px)}.album-title{border-bottom:1px solid var(--line);padding-bottom:var(--sp-12);margin-bottom:var(--sp-16)}.me-layout{display:block}.me-rail{width:clamp(344px,30vw,404px);margin:0 auto clamp(var(--sp-20), 2.2vw, var(--sp-32))}.me-main{min-width:0}.me-main .me-box{margin:0 0 var(--sp-20);padding:var(--sp-16) var(--sp-16);border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);border-radius:12px}.me-main .me-box .sinsal-sec-h{margin-top:0}.me-main .identity-reading,.me-main .copy-prompt{margin-top:0;margin-bottom:var(--sp-20)}.me-main .deck-sinsal{flex-wrap:wrap;overflow-x:visible}.today-left{width:clamp(344px,30vw,404px);margin-inline:auto}.today .t-date{display:none}.album{gap:clamp(var(--sp-8), 1vw, var(--sp-12));grid-template-columns:repeat(auto-fill,minmax(clamp(64px,6.4vw,92px),1fr))}.more{max-width:clamp(560px,62vw,720px);margin-inline:auto}.app-view>.screen{max-width:clamp(440px,52vw,560px);padding:clamp(var(--sp-20), 2.4vw, var(--sp-32));margin-inline:auto}.nickname-step,.auth-cta{max-width:clamp(440px,52vw,560px);margin-inline:auto}.auth-cta .login-btn{max-width:none}.gate-notice{max-width:clamp(440px,52vw,560px);margin-inline:auto}.appheader .htab{font-size:clamp(14px,1.05vw,16px)}.hero-tagline{font-size:clamp(14px,1.15vw,16.5px)}.sinsal-sec-h{font-size:clamp(17px,1.5vw,21px)}.sinsal-sec-sub{font-size:clamp(12.5px,1vw,14.5px)}.scard .sf{font-size:clamp(11.5px,.95vw,13.5px)}.ir-title{font-size:clamp(16.5px,1.4vw,20px)}.ir-sub{font-size:clamp(13px,1.1vw,15px)}.ir-k{font-size:clamp(13.5px,1.15vw,16px)}.ir-p{font-size:clamp(14.5px,1.3vw,18px);line-height:1.75}.ir-note{font-size:clamp(13px,1.05vw,15px)}.cp-title{font-size:clamp(16.5px,1.4vw,20px)}.cp-sub{font-size:clamp(13px,1.1vw,15px)}.zone-h{font-size:clamp(13.5px,1.2vw,16px)}.zone-count{font-size:clamp(12px,1vw,14px)}.screen h3{font-size:clamp(17px,1.5vw,21px)}.field .fl{font-size:clamp(12.5px,1.05vw,14px)}.inp{padding:clamp(var(--sp-8), 1vw, var(--sp-12)) clamp(var(--sp-12), 1.1vw, var(--sp-12));font-size:clamp(14.5px,1.2vw,16.5px)}.app-view>.screen .cta,.nickname-step .cta{padding:clamp(var(--sp-12), 1.2vw, var(--sp-16));font-size:clamp(15px,1.3vw,17px)}.toast{bottom:32px}}.city-picker{position:relative}.city-results{z-index:40;padding:var(--sp-4);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:#0b0d12f5;border-radius:10px;max-height:240px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.city-row{padding:var(--sp-8) var(--sp-12);cursor:pointer;font-size:var(--fs-body-lg);color:var(--txt);border-radius:7px}.city-row:hover,.city-row.on{background:color-mix(in srgb, var(--gold) 16%, transparent)}.more-credit{margin-top:var(--sp-20);text-align:center}.more-delete-wrap{margin-top:var(--sp-24);text-align:center}.more-delete{cursor:pointer;font-family:var(--font);padding:var(--sp-4) var(--sp-8);background:0 0;border:none;text-decoration:underline}.more-delete:hover{color:var(--dim)}.more-delete-confirm{border:1px solid var(--line);padding:var(--sp-16);background:var(--panel);text-align:left;border-radius:12px}.more-delete-msg,.more-delete-err{margin:0 0 var(--sp-8)}.more-delete-actions{gap:var(--sp-8);display:flex}.more-delete-actions .cta{margin-top:0}.cta.danger{color:var(--hwa);border:1px solid var(--hwa);box-shadow:none;background:0 0}.edit-reset-confirm{border:1px solid var(--line);padding:var(--sp-16);background:var(--panel);text-align:left;margin-top:var(--sp-12);border-radius:12px}.edit-reset-msg{margin:0 0 var(--sp-8)}.edit-reset-actions{gap:var(--sp-8);display:flex}.edit-reset-actions .cta{margin-top:0}.auth-note{margin:0}.auth-privacy{color:var(--faint);text-decoration:underline}.auth-privacy:hover{color:var(--dim)}.app-view.app-view--reader{background:#07080b;width:100%;max-width:none;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.reader{--reader-fade:.25s;--reader-sat:env(safe-area-inset-top,0px);height:100%;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.reader{--reader-fade:0s}}.pager{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;height:100dvh;transition:opacity var(--reader-fade) ease;display:flex;overflow:auto hidden}.pager::-webkit-scrollbar{display:none}.pager.fading{opacity:0}.reader .pg{overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;padding:calc(var(--sp-24) + var(--reader-sat)) var(--sp-20) 0;scrollbar-width:none;-ms-overflow-style:none;flex:0 0 100%;position:relative;overflow-y:auto}.reader .pg::-webkit-scrollbar{display:none}.reader .pg:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07080b);height:24px;margin-top:-24px;display:block;position:sticky;bottom:0}.reader .pg .inner{max-width:434px;margin:0 auto;padding-bottom:88px}.reader .cover{text-align:center;padding:var(--sp-24) 0 var(--sp-20)}.reader .cover .t1{letter-spacing:.3em}.ilju{width:150px;margin:var(--sp-16) auto 0;background:linear-gradient(var(--art),var(--art)) padding-box, linear-gradient(160deg,var(--foil-hi),var(--foil-lo)) border-box;border:1px solid #0000;border-radius:12px;position:relative;overflow:hidden}.ilju-art{width:100%;height:auto;display:block}.ilju-art--fallback{aspect-ratio:695/1100;background:var(--art);width:100%;color:var(--dim);font-family:var(--serif);justify-content:center;align-items:center;font-size:20px;display:flex}.reader .ilju .lab{padding:var(--sp-20) var(--sp-8) var(--sp-8);font-family:var(--serif);font-size:var(--fs-body);background:linear-gradient(#0000,#0c0c08eb 55%);position:absolute;bottom:0;left:0;right:0}.reader .ilju .lab small{font-size:var(--fs-micro);color:var(--dim);font-family:var(--font);margin-top:var(--sp-2);display:block}.oneline{font-family:var(--serif);font-size:var(--fs-subhead);line-height:var(--lh-relaxed);margin-top:var(--sp-16)}.rsnap{margin-top:var(--sp-8)}.swipe-hint{margin-top:var(--sp-12)}.chap{margin-top:var(--sp-16);background:var(--panel);border:1px solid var(--line);padding:var(--sp-16) var(--sp-12);border-radius:13px}.chap .no{letter-spacing:.2em}.chap h3{font-family:var(--serif);font-size:var(--fs-subhead);margin-top:var(--sp-4);line-height:var(--lh-normal)}.reader .toc{gap:var(--sp-8);margin-top:var(--sp-12);grid-template-columns:1fr 1fr;display:grid}.titem{text-align:left;background:var(--panel2);border:1px solid var(--line);padding:var(--sp-12);cursor:pointer;color:var(--txt);font-family:var(--font);border-radius:11px;min-height:44px}.titem b{align-items:center;gap:var(--sp-4);font-size:var(--fs-small);color:var(--gold);flex-wrap:wrap;display:flex}.titem span{font-size:var(--fs-caption);color:var(--dim);margin-top:var(--sp-4);line-height:var(--lh-normal);display:block}@media (hover:hover){.titem:hover{border-color:var(--foil-lo)}}.titem:active{box-shadow:inset 0 2px 4px #00000059}.lk{font-size:var(--fs-label);opacity:.85}.bridge{font-family:var(--serif);font-size:var(--fs-body);color:#cdd3dd;line-height:var(--lh-loose);margin:var(--sp-12) var(--sp-4) var(--sp-4);padding:0 var(--sp-8)}.bridge p{margin:0 0 var(--sp-12)}.bridge p:last-child{margin-bottom:0}.cast2{gap:var(--sp-12);margin-top:var(--sp-12);flex-direction:column;display:flex}.ccard{background:var(--art);padding:var(--sp-20) 0 var(--sp-20);box-shadow:0 22px 44px -22px #000, 0 0 26px -16px color-mix(in srgb,var(--gold) 42%,transparent), 0 0 0 1px #000;border:1px solid #ffffff0d;border-radius:18px;position:relative;overflow:hidden}.ccard-frame{pointer-events:none;z-index:6;border:3px solid color-mix(in srgb,var(--gold) 82%,#fff 10%);box-shadow:inset 0 0 0 1px #00000080, 0 0 11px -1px color-mix(in srgb,var(--gold) 50%,transparent), inset 0 0 13px -4px color-mix(in srgb,var(--gold) 28%,transparent);border-radius:11px;position:absolute;inset:9px}.ccard .pt{z-index:5;width:60%;height:auto;margin:var(--sp-4) auto 0;background:var(--art);display:block;position:relative}.pt--fallback{font-family:var(--serif);color:var(--dim);aspect-ratio:1;justify-content:center;align-items:center;font-size:30px;display:flex}.reader .ccard .job{z-index:8;margin-left:0;position:absolute;top:19px;right:19px;box-shadow:0 2px 6px -1px #000000b3}.ccard-body{z-index:6;padding:0 var(--sp-24);margin-top:var(--sp-16);position:relative}.ccard .nm2{font-family:var(--serif);font-size:var(--fs-title);line-height:var(--lh-tight);color:#f3f5f8;align-items:baseline;gap:var(--sp-8);flex-wrap:wrap;display:flex}.ccard .arch2{font-family:var(--serif);color:var(--gold);font-weight:400;font-size:var(--fs-body);letter-spacing:.04em;opacity:.92;margin-left:0}.ccard .cd2{font-size:var(--fs-small);color:#b9c1cd;line-height:var(--lh-relaxed);margin-top:var(--sp-12);border-left:2px solid color-mix(in srgb,var(--gold) 70%,transparent);padding-left:var(--sp-12)}.ccard .cd2 b{color:#f0d9a6;font-weight:600}.reader .job{font-size:var(--fs-micro);color:var(--ink);background:var(--gold);padding:var(--sp-2) var(--sp-8);margin-left:var(--sp-8);vertical-align:1.5px;border-radius:5px;font-weight:800;display:inline-block}.reader .job.dimjob{border:1px dashed var(--dim);color:var(--dim);background:0 0}.chap-note{margin-top:var(--sp-12)}.reader .beats{margin:var(--sp-12) 0 0;padding-left:var(--sp-16);list-style:outside}.reader .beats li{font-size:var(--fs-body);color:var(--dim);line-height:var(--lh-relaxed);margin-top:var(--sp-4)}.stub-status{margin-top:var(--sp-12)}.lockbox{margin-top:var(--sp-12);padding:var(--sp-12);gap:var(--sp-12);color:var(--dim);font-size:var(--fs-small);line-height:var(--lh-relaxed);border:1.5px dashed #3a3f4a;border-radius:11px;align-items:center;display:flex}.lockbox .ic{flex:none;font-size:20px}.lockbox b{color:var(--txt)}.appx-slot{margin-top:var(--sp-8);align-items:center;gap:var(--sp-8);display:flex}.appx-key{letter-spacing:.08em}.reader .beat{margin-top:var(--sp-16)}.beat-t{font-family:var(--serif);font-size:var(--fs-body);color:var(--gold);line-height:var(--lh-normal)}.reader .beat p{margin:var(--sp-8) 0 0}.beat-pc{margin-top:var(--sp-12)}.beat-pt{font-family:var(--serif);font-size:var(--fs-body);color:var(--txt);line-height:var(--lh-normal);margin:0}.reader .beat .beat-ev{margin-top:var(--sp-4)}.reader .chrome{pointer-events:none;z-index:60;opacity:0;transition:opacity var(--reader-fade) ease;position:fixed;inset:0}.reader .chrome.show{opacity:1}.reader .chrome.show .cbar{pointer-events:auto}.cbar{pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#0b0d12e6;position:absolute;left:0;right:0}.cbar.top{padding-top:var(--reader-sat);border-bottom:1px solid var(--line);top:0}.cbar-row{align-items:center;gap:var(--sp-8);padding:var(--sp-8) var(--sp-8);display:flex}.cbtn-spacer{flex:none;width:44px;height:44px}.ctitle{text-align:center;letter-spacing:.14em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cmeta{padding:0 var(--sp-12) var(--sp-8);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cbar.bot{justify-content:space-between;align-items:center;gap:var(--sp-8);border-top:1px solid var(--line);padding:var(--sp-8) var(--sp-12) calc(var(--sp-12) + env(safe-area-inset-bottom));display:flex;bottom:0}.cbtn{justify-content:center;align-items:center;gap:var(--sp-4);font-size:var(--fs-small);color:var(--txt);background:var(--panel2);border:1px solid var(--line);padding:var(--sp-8) var(--sp-12);cursor:pointer;font-family:var(--font);border-radius:9px;min-width:44px;min-height:44px;display:inline-flex}.cbtn-icon{width:44px;padding:0}@media (hover:hover){.cbtn:hover{border-color:var(--foil-lo);color:var(--gold)}}.cbtn:active{box-shadow:inset 0 2px 4px #00000059}.cprog{letter-spacing:.08em;white-space:nowrap}.cnav{gap:var(--sp-4);flex:none;display:flex}.reader button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tocpop{background:var(--panel);border:1px solid var(--line);padding:var(--sp-8);gap:var(--sp-2);border-radius:12px;flex-direction:column;min-width:170px;max-width:min(260px,100vw - 20px);max-height:60dvh;display:flex;position:absolute;bottom:calc(100% + 10px);left:10px;overflow-y:auto;box-shadow:0 8px 30px #00000080}.tocpop[hidden]{display:none}.tocpop-row{justify-content:space-between;align-items:center;gap:var(--sp-8);text-align:left;min-height:44px;font-size:var(--fs-small);color:var(--txt);padding:var(--sp-8) var(--sp-8);cursor:pointer;font-family:var(--font);background:0 0;border:none;border-radius:8px;display:flex}.tocpop-row:hover{background:var(--panel2)}.tocpop-row[aria-current=page]{color:var(--gold)}.tocpop-nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rfx-enter{opacity:0}.rfx-in{opacity:1;transition:opacity var(--reader-fade) ease}@media (width>=768px){.reader .chrome{opacity:1}.reader .chrome .cbar{pointer-events:auto}.reader .pg{padding-top:calc(104px + var(--reader-sat));padding-bottom:0}.reader .pg .inner{padding-bottom:84px}.reader .pg:after{bottom:68px}}.reader{--sky-mok:#6cc79a;--sky-mok-g:47,158,107;--sky-hwa:#ff8a72;--sky-hwa-g:224,83,63;--sky-to:#eecb70;--sky-to-g:212,165,55;--sky-geum:#eef2f7;--sky-geum-g:201,208,216;--sky-su:#82abf5;--sky-su-g:59,111,214;--sky-dim:.75}.sky{--sky-glyph:64px;--sky-gap:36%;margin-top:var(--sky-slack);height:clamp(220px,45dvh,480px);position:relative}.sky-field{position:absolute;inset:0;overflow:hidden}.sky-field>i{border-radius:50%;width:1px;height:1px;top:0;left:0}.sky-pillar{width:var(--sky-glyph);margin-left:calc(var(--sky-glyph) * -.5);position:absolute;top:0;bottom:0}.sky-pillar[data-pillar=year]{--sky-py:28%;left:86%}.sky-pillar[data-pillar=month]{--sky-py:34%;left:62%}.sky-pillar[data-pillar=day]{--sky-py:26%;left:38%}.sky-pillar[data-pillar=hour]{--sky-py:32%;left:14%}.sky-label{text-align:center;letter-spacing:.2em;position:absolute;bottom:4%;left:0;right:0}.sky-glyph{left:0;top:var(--sky-gy);width:var(--sky-glyph);height:var(--sky-glyph);margin-top:calc(var(--sky-glyph) * -.5);font-size:var(--sky-glyph);position:absolute}.sky-pillar>.sky-glyph[data-slot=gan]{--sky-gy:var(--sky-py)}.sky-pillar>.sky-glyph[data-slot=zhi]{--sky-gy:calc(var(--sky-py) + var(--sky-gap))}.sky-glyph[data-el=mok]{--sky-c:var(--sky-mok);--sky-g:var(--sky-mok-g)}.sky-glyph[data-el=hwa]{--sky-c:var(--sky-hwa);--sky-g:var(--sky-hwa-g)}.sky-glyph[data-el=to]{--sky-c:var(--sky-to);--sky-g:var(--sky-to-g)}.sky-glyph[data-el=geum]{--sky-c:var(--sky-geum);--sky-g:var(--sky-geum-g)}.sky-glyph[data-el=su]{--sky-c:var(--sky-su);--sky-g:var(--sky-su-g)}.sky-glyph--empty:before{content:"";border:1.5px dashed #8a92a38c;border-radius:50%;width:.58em;height:.58em;margin:-.29em 0 0 -.29em;position:absolute;top:50%;left:50%}.sky i{position:absolute}.sky-dust{inset:0}.sky-star{left:calc(var(--x) * var(--sky-glyph));top:calc(var(--y) * var(--sky-glyph));width:0;height:0}.sky-core,.sky-ray,.sky-mote,.sky-north-core,.sky-nray{opacity:var(--a,1);animation:sky-twinkle var(--dur,2.6s) ease-in-out var(--del,0s) infinite alternate}@keyframes sky-twinkle{0%{opacity:calc(var(--a,1) * var(--tw,.55))}to{opacity:var(--a,1)}}.sky-core,.sky-mote{background:var(--sky-c);width:var(--r);height:var(--r);margin:calc(var(--r) * -.5);border-radius:50%}.sky-core{top:0;left:0}.sky-mote{left:calc(var(--x) * var(--sky-glyph));top:calc(var(--y) * var(--sky-glyph))}.sky-core{box-shadow:0 0 3px rgba(var(--sky-g), .6)}.sky-star--lg>.sky-core{box-shadow:0 0 6px rgba(var(--sky-g), .6)}.sky-glyph--daymaster .sky-core{box-shadow:0 0 6px rgba(var(--sky-g), .85)}.sky-glyph--daymaster .sky-star--lg>.sky-core{box-shadow:0 0 4px #ffffff8c, 0 0 11px rgba(var(--sky-g), .95)}.sky-ray{top:0;left:0}.sky-ray--v{width:1px;height:var(--l);margin:calc(var(--l) * -.5) 0 0 -.5px;background:linear-gradient(transparent, rgba(var(--sky-g),.8) 45%, #ffffffe6 50%, rgba(var(--sky-g),.8) 55%, transparent)}.sky-ray--h{width:var(--l);height:1px;margin:-.5px 0 0 calc(var(--l) * -.5);background:linear-gradient(to right, transparent, rgba(var(--sky-g),.8) 45%, #ffffffe6 50%, rgba(var(--sky-g),.8) 55%, transparent)}.sky-north{left:50%;top:calc(50% - var(--sky-glyph) * .85);--a:1;--tw:.35;--dur:2.6s;--del:0s;width:0;height:0}.sky-north-core{width:6px;height:6px;box-shadow:0 0 6px #ffffffe6, 0 0 16px rgba(var(--sky-g),.9), 0 0 30px rgba(var(--sky-g),.4);background:#fff;border-radius:50%;margin:-3px;top:0;left:0}.sky-nray{background:linear-gradient(transparent, rgba(var(--sky-g),.9) 45%, #fffffff2 50%, rgba(var(--sky-g),.9) 55%, transparent);top:0;left:0}.sky-nray--v{width:1px;height:30px;margin:-15px 0 0 -.5px}.sky-nray--h{background:linear-gradient(to right, transparent, rgba(var(--sky-g),.9) 45%, #fffffff2 50%, rgba(var(--sky-g),.9) 55%, transparent);width:30px;height:1px;margin:-.5px 0 0 -15px}.sky-nray--d1{width:1px;height:14px;margin:-7px 0 0 -.5px;transform:rotate(45deg)}.sky-nray--d2{width:1px;height:14px;margin:-7px 0 0 -.5px;transform:rotate(135deg)}.intro{--sky-slack:56px;--tempo:1;--ig-field:1s;--ig-start:1.6s;--ig-step:.3s;--ig-win:.8s;--ig-star:.9s;--ig-breath:1s;--ig-stanza:6.8s;--ig-stanza-step:1.2s;--ig-stanza-dur:1.6s;--ig-blur:6px;--ig-glyph-dur:calc(var(--ig-win) + var(--ig-star))}.sky-glyph{--ig-delay:calc(var(--ig-start) + var(--ig-o,0) * var(--ig-step))}.sky-glyph--daymaster{--ig-delay:calc(var(--ig-start) + var(--ig-o,0) * var(--ig-step) + var(--ig-breath))}.intro.pending .sky-glyph[data-hanja],.intro.pending .bridge{opacity:0}.intro.pending .sky-field,.intro.animating .sky-field{animation:sky-ig-field calc(var(--ig-field) * var(--tempo)) ease both}.intro.animating .sky-glyph[data-hanja]{animation:sky-ig-glyph calc(var(--ig-glyph-dur) * var(--tempo)) ease-out calc(var(--ig-delay) * var(--tempo)) both}.intro.animating .sky-glyph[data-hanja]>.sky-star{animation:sky-ig-star calc(var(--ig-star) * var(--tempo)) ease-out calc((var(--ig-delay) + var(--ig-sf,0) * var(--ig-win)) * var(--tempo)) both}.intro.animating .sky-glyph[data-hanja]>.sky-dust{animation:sky-ig-star calc(var(--ig-glyph-dur) * var(--tempo)) ease-out calc(var(--ig-delay) * var(--tempo)) both}.intro.animating .sky-glyph--daymaster>.sky-north{animation:sky-ig-star calc(var(--ig-star) * var(--tempo)) ease-out calc((var(--ig-delay) + var(--ig-win)) * var(--tempo)) both}.intro.animating .bridge p{animation:sky-ig-stanza calc(var(--ig-stanza-dur) * var(--tempo)) ease-out calc((var(--ig-stanza) + var(--ig-i,0) * var(--ig-stanza-step)) * var(--tempo)) both}@keyframes sky-ig-field{0%{opacity:0}}@keyframes sky-ig-glyph{0%{filter:blur(var(--ig-blur))}}@keyframes sky-ig-star{0%{opacity:0}}@keyframes sky-ig-stanza{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.sky-core,.sky-ray,.sky-mote,.sky-north-core,.sky-nray{animation:none}.intro.pending .sky-glyph[data-hanja],.intro.pending .bridge{opacity:1}.intro.pending .sky-field,.intro.animating .sky-field,.intro.animating .sky-glyph[data-hanja],.intro.animating .sky-glyph[data-hanja]>.sky-star,.intro.animating .sky-glyph[data-hanja]>.sky-dust,.intro.animating .sky-glyph--daymaster>.sky-north,.intro.animating .bridge p{animation:none}}