*,:before,:after{box-sizing:border-box}body{color:var(--txt);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;background:#07080b;margin:0;line-height:1.5}: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}.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;justify-content:flex-end;align-items:center;padding:30px 30px 4px;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:6px auto 0;display:block;position:relative}.card .art img{width:100%;display:block}.card .art .glyph{text-align:center}.card .body{z-index:6;margin-top:12px;padding:0 30px 30px;position:relative}.nm{font-family:var(--serif);letter-spacing:.01em;color:#f3f5f8;align-items:baseline;gap:11px;font-size:32px;line-height:1;display:flex}.nm .hanja{color:var(--gold);letter-spacing:.06em;opacity:.92;font-size:17px;font-weight:400}.card .flavor{color:#c3cad6;border-left:2px solid var(--el,var(--geum));margin-top:12px;padding-left:9px;font-size:12.5px;font-style:italic}.cback-body{z-index:6;flex-direction:column;height:100%;padding:38px 30px 42px;display:flex;position:relative}.cback-sub{color:var(--dim);margin-top:11px;font-size:12.5px}.cback-sub b{color:var(--gold);font-weight:600}.cback-desc{color:#dce1e9;margin:22px 0 0;font-size:15px;line-height:1.64}.cback-celeb{margin-top:auto;padding-top:18px}.cback-celeb .celeb-h{color:var(--txt);margin:0 0 9px;font-size:13px;font-weight:700}.cback-celeb .celeb-ph{width:46px;height:46px;font-size:22px}.cback-celeb .celeb-item{width:66px}.cback-celeb .celeb-empty{text-align:left;padding:10px 0;font-size:12px}.flip-ico{z-index:9;color:var(--faint);opacity:.8;pointer-events:none;font-size:14px;line-height:1;position:absolute;bottom:16px;right:18px}.card .flip-ico{font-size:18px;bottom:29px;right:33px}@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}}.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:9px auto 2px;display:block;position:relative}.scard .sart img{width:100%;display:block}.scard .sbody{z-index:6;padding:9px 13px 14px;position:relative}.snm{font-family:var(--serif);color:#f3f5f8;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:16px;line-height:1.1;display:flex}.snm .shanja{color:var(--gold);letter-spacing:.04em;opacity:.92;font-size:11px;font-weight:400}.scard .sf{color:#c3cad6;border-left:2px solid var(--el,var(--geum));margin-top:8px;padding-left:7px;font-size:10.5px;font-style:italic}.scard .pol{z-index:8;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:700;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;flex-direction:column;height:100%;padding:14px 13px 32px;display:flex;position:relative}.sback .snm{font-size:15px}.cback .nm{margin-left:-2px}.sback-pol{letter-spacing:.02em;margin:5px 0 9px;font-size:9.5px;font-weight:700}.sback-pol.gil{color:var(--mok)}.sback-pol.sal{color:color-mix(in srgb,var(--hwa) 78%,#fff 22%)}.sback-desc{color:#cbd2dc;margin:0;font-size:11px;line-height:1.52;overflow:hidden}@media (prefers-reduced-motion:reduce){.scard{animation:none}.sflip{transition:none}}.hero-tagline{text-align:center;color:var(--dim);margin:14px 0 2px;font-size:13px}.hero-tagline b{color:var(--gold);font-weight:700}.sinsal-sec-h{color:var(--txt);letter-spacing:.01em;margin:22px 0 2px;font-size:16px;font-weight:800}.sinsal-sec-sub{color:var(--faint);margin:0 0 6px;font-size:11.5px}.sgroup{margin:14px 0 4px}.sgroup-h{color:var(--txt);border-left:3px solid var(--gold);align-items:baseline;gap:8px;margin:0 0 2px;padding-left:9px;font-size:13.5px;font-weight:700;display:flex}.sgroup-blurb{color:var(--dim);margin:0 0 8px;padding-left:12px;font-size:11px}.sgroup[data-pillar=day] .sgroup-h{font-size:15px}.screen{border:1px solid var(--line);background:#0d0f14;border-radius:16px;width:100%;min-height:380px;padding:16px}.screen .brand{margin-bottom:12px}.brand-logo{width:auto;height:24px;display:block}.screen h3{margin-bottom:3px;font-size:15px;font-weight:700}.screen .desc{color:var(--dim);margin-bottom:14px;font-size:11px}.field{margin-bottom:12px}.field .fl{color:var(--dim);margin-bottom:5px;font-size:11px}.inp{border:1px solid var(--line);width:100%;color:var(--txt);font-size:13px;font-family:var(--font);background:#080a0e;border-radius:9px;padding:9px 11px}.inp.err{border-color:var(--hwa)}.errmsg{color:#f0a79b;margin-top:4px;font-size:10.5px}.seg{border:1px solid var(--line);background:#080a0e;border-radius:9px;display:flex;overflow:hidden}.seg button{color:var(--dim);font-size:12px;font-family:var(--font);cursor:pointer;background:0 0;border:none;flex:1;padding:8px}.seg button.on{background:var(--mok);color:#04140c;font-weight:700}.toggle{color:var(--dim);align-items:center;gap:8px;margin:6px 0 14px;font-size:12px;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}.cta{background:linear-gradient(165deg,var(--foil-hi),var(--foil-lo));width:100%;color:var(--ink);font-size:14px;font-weight:800;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;margin-top:6px;padding:12px;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);color:#e8cf8a;border-radius:9px;margin-bottom:12px;padding:9px 11px;font-size:11.5px}.glyph{color:var(--el);opacity:.85;font-size:74px;font-weight:800}.deck{width:100%}.deck-sinsal{align-items:flex-start;gap:10px;padding:4px 0 10px;display:flex;overflow-x:auto}.celeb-h{margin:14px 0 8px;font-size:14px;font-weight:700}.celeb-row{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.celeb-item{text-align:center;flex:none;width:72px}.celeb-ph{border:1px solid var(--el,var(--line));background:#0a0c11;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto;font-size:24px;line-height:1;display:grid}.celeb-name{margin-top:6px;font-size:11px;font-weight:600;line-height:1.25}.celeb-empty{color:var(--dim);text-align:center;padding:16px;font-size:12px}.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;color:var(--dim);font-size:13px}.boot-splash{flex-direction:column;justify-content:center;align-items:center;gap:28px;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;color:var(--hwa);margin:80px 0;font-size:13px}.gate-notice{color:#e8cf8a;background:color-mix(in srgb,var(--to) 15%,var(--ink));border:1px solid var(--to);border-radius:9px;margin:0 0 12px;padding:9px 12px;font-size:12px}.gate-notice b{color:var(--gold)}.app-topbar{justify-content:flex-end;margin:0 0 10px;display:flex}.app-topbar .cta{width:auto;margin-top:0;padding:6px 12px;font-size:11.5px}.auth-cta{color:var(--dim);flex-direction:column;align-items:center;gap:8px;margin:14px 0 0;font-size:11.5px;display:flex}.auth-cta button{border:1px solid var(--line);color:var(--txt);font-size:12px;font-family:var(--font);cursor:pointer;background:0 0;border-radius:9px;width:100%;max-width:220px;padding:8px 12px}.save-cta{text-align:center;color:var(--dim);margin:16px 0 0;font-size:12px}.save-cta p{margin:0 0 8px}.save-cta button{border:1px solid var(--gold);color:var(--gold);font-size:12px;font-family:var(--font);cursor:pointer;background:0 0;border-radius:9px;margin:4px;padding:8px 12px}.save-state{text-align:center;color:var(--mok);margin:16px 0 0;font-size:12px}.today{flex-direction:column;align-items:center;gap:16px;display:flex}.today .t-date{letter-spacing:.14em;color:var(--dim);align-self:center;font-size:12px}.t-nav{gap:8px;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;letter-spacing:.1em;color:#15100a;background:color-mix(in srgb,var(--el,var(--tier-silver)) 88%,#fff 12%);border-radius:20px;padding:3px 9px;font-size:10.5px;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:2px 7px;font-size:9px;position:absolute;top:47px;left:20px;transform:rotate(-6deg)}.today-card .cardline{font-family:var(--serif);color:#eef1f5;text-wrap:balance;margin-top:11px;font-size:15.5px;line-height:1.5}.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);color:var(--el,var(--tier-silver));margin:0 0 14px;font-size:16px;font-weight:400}.today-card .tc-line{align-items:flex-start;gap:10px;margin-bottom:13px;display:flex}.today-card .tc-ic{text-align:center;flex:none;width:18px;font-size:15px;line-height:1.5}.today-card .tc-tx{color:#dce1e9;font-size:13px;line-height:1.55}.today-card .tc-k{color:var(--faint);letter-spacing:.02em;margin-bottom:1px;font-size:11px;display:block}.today-card .tc-swatch{vertical-align:middle;border:1px solid #fff3;border-radius:50%;width:10px;height:10px;margin-left:6px;display:inline-block}.album-screen{padding:0 0 24px}.album-title{text-align:center;margin:8px 0 4px;font-size:1.4rem}.album-stat{text-align:center;color:var(--muted,#9aa4b2);margin-bottom:14px;font-size:.95rem}.album{grid-template-columns:repeat(6,1fr);gap:8px;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:1px 4px;font-size:8px;position:absolute;top:3px;right:3px}.album-cell.seen .album-nm{text-align:center;color:#eef;background:linear-gradient(#0000,#000000bf);padding:2px 0;font-size:.7rem;position:absolute;bottom:0;left:0;right:0}@media (width<=340px){.album{gap:6px}.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);letter-spacing:.02em;color:var(--dim);background:0 0;border:none;border-top:2px solid #0000;flex:1;margin-top:-1px;padding:9px 4px 11px;font-size:11px;font-weight:600}.tabbar .tab.on{color:var(--gold);border-top-color:var(--gold)}.identity-reading{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);border-radius:12px;margin:20px 0 0;padding:18px 16px}.ir-title{color:var(--gold);margin:0 0 2px;font-size:15px;font-weight:700}.ir-sub{color:var(--dim);margin:0 0 14px;font-size:12px}.ir-sec{margin:0 0 14px}.ir-k{letter-spacing:.02em;color:var(--txt);margin:0 0 4px;font-size:12px;font-weight:700}.ir-ic{margin-right:6px}.ir-p{color:var(--txt);margin:0;font-size:13px;line-height:1.7}.ir-note{color:var(--dim);margin:12px 0 0;font-size:12px}.copy-prompt{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 55%, transparent);border-radius:12px;margin:20px 0 0;padding:18px 16px}.cp-title{color:var(--gold);margin:0 0 2px;font-size:15px;font-weight:700}.cp-sub{color:var(--dim);margin:0 0 12px;font-size:12px}.cp-chips{gap:8px;margin:0 0 12px;display:flex}.cp-chip{min-width:0;font-family:var(--font);color:var(--dim);background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:1 1 0;padding:8px 6px;font-size:12.5px;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;font-family:var(--font);color:var(--dim);background:var(--panel2);border:1px solid var(--line);border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:12px;line-height:1.6;display:block}.cp-text:focus{outline:1px solid var(--gold);color:var(--txt)}.toast{max-width:min(var(--page,376px), calc(100vw - 32px));color:var(--txt);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;padding:10px 16px;font-size:13px;transition:opacity .25s,transform .25s;position:fixed;bottom:76px;left:50%;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.more{padding:10px 0 0}.more-h{margin:0 0 18px}.more-profile{align-items:center;gap:14px;margin:0 0 22px;display:flex}.more-id{min-width:0}.more-nick{color:var(--txt);word-break:break-word;font-size:17px;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 20px;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);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:14px 4px;font-size:14px;display:flex}.more-item[disabled]{color:var(--faint);cursor:default}.more-item .soon{color:var(--faint);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:10px}.more-email{color:var(--dim);word-break:break-all;margin:3px 0 0;font-size:12px}.nickname-step{text-align:center;padding:48px 4px 0}.nickname-h{color:var(--txt);margin:0 0 20px;font-size:20px;font-weight:800}.nickname-input{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--txt);font-family:var(--font);text-align:center;border-radius:10px;padding:12px 14px;font-size:15px}.nickname-input:focus{border-color:var(--gold);outline:none}.nickname-error{color:var(--hwa);min-height:1em;margin:8px 0 0;font-size:12px}.nickname-step .cta{margin-top:16px}.cta[disabled]{opacity:.5;cursor:default}