:root{--bg:#f3eee8;--surface:#fff;--surface-soft:#fff4ec;--primary:#ff7a59;--primary-strong:#f4511e;--primary-soft:#ffede6;--nyang:#6e4fd6;--nyang-soft:#efeafb;--daeng:#f08c00;--daeng-soft:#fff3e0;--mint:#1fa463;--love:#e5546f;--pink:#c765a8;--world:#1fa463;--gold:#e8a423;--sky:#2f80ed;--text:#1e1815;--text-soft:#5f554e;--text-faint:#948a82;--line:#1e181514;--radius:20px;--radius-sm:14px;--sh1:0 1px 2px #1e18150d, 0 8px 24px #1e181514;--sh2:0 1px 2px #1e18150d, 0 3px 10px #1e181514;--shadow:var(--sh1);--shadow-sm:var(--sh2);--grad-brand:linear-gradient(145deg, var(--primary), var(--primary-strong));--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-jua:var(--font-sans);--font-noto:var(--font-sans)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;word-break:keep-all;overflow-wrap:break-word;line-height:1.6}h1,h2,h3{font-family:var(--font-sans);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .4em;font-weight:800;line-height:1.28}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}a{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pn-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--sh2);padding:1.25rem}.pn-btn{letter-spacing:-.01em;border:none;border-radius:16px;padding:.85rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s}.pn-btn:active{transform:scale(.98)}.pn-btn-primary{background:var(--grad-brand);color:#fff;font-weight:800;box-shadow:inset 0 1px #ffffff59,0 8px 20px #f4511e47}.pn-btn-primary:hover{filter:brightness(1.04)}.pn-btn-accent{background:var(--grad-brand);color:#fff;font-weight:800;box-shadow:inset 0 1px #ffffff59,0 8px 20px #f4511e47}.pn-btn-accent:hover{filter:brightness(1.04)}.pn-btn-soft{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--sh2)}.pn-btn-soft:hover{filter:brightness(.99)}.pn-icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);height:34px;box-shadow:var(--sh2);border-radius:999px;align-items:center;gap:.35rem;padding:0 .85rem;font-size:.85rem;font-weight:700;transition:filter .15s,transform .15s;display:inline-flex}.pn-icon-btn:hover{filter:brightness(.97)}.pn-icon-btn:active{transform:scale(.96)}.pn-jelly{background:var(--surface);border:1px solid var(--line);height:32px;box-shadow:var(--sh2);color:var(--primary-strong);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.3rem;padding:0 .7rem 0 .55rem;font-size:.9rem;font-weight:800;display:inline-flex}.pn-tile{color:#fff;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 1px #fff6,0 3px 8px #1e181526}.pn-t-brand{background:linear-gradient(145deg,#ff7a59,#f4511e)}.pn-t-love{background:linear-gradient(145deg,#ff7e97,#e5546f)}.pn-t-pink{background:linear-gradient(145deg,#e08ccb,#c765a8)}.pn-t-world{background:linear-gradient(145deg,#4cc98a,#1fa463)}.pn-t-nyang{background:linear-gradient(145deg,#9b84ee,#6e4fd6)}.pn-t-daeng{background:linear-gradient(145deg,#ffb14a,#f08c00)}.pn-t-gold{background:linear-gradient(145deg,#f7c55a,#e8a423)}.pn-t-sky{background:linear-gradient(145deg,#6fb0ff,#2f80ed)}.pn-t-slate{background:linear-gradient(145deg,#8c8a98,#5b5966)}.pn-feature{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--sh2);color:var(--text);border-radius:18px;align-items:center;gap:.8rem;padding:.9rem .95rem .9rem .9rem;transition:transform .15s,box-shadow .15s;display:flex}.pn-feature:active{transform:scale(.985);box-shadow:0 1px 2px #1e18150f}.pn-f-body{flex:1;min-width:0}.pn-f-kick{letter-spacing:.01em;color:var(--text-faint);font-size:.72rem;font-weight:800;display:block}.pn-f-title{letter-spacing:-.015em;margin-top:.1rem;font-size:1.05rem;font-weight:800;line-height:1.3;display:block}.pn-f-sub{color:var(--text-soft);margin-top:.15rem;font-size:.8rem;font-weight:500;line-height:1.4;display:block}.pn-f-chev{color:var(--text-faint);flex:none}.pn-feature.pn-feature-hot{background:linear-gradient(180deg, #fff4ec, var(--surface) 80%);border-color:#f4511e59}.pn-feature.pn-feature-hot .pn-f-kick{color:var(--primary-strong)}.pn-badge{color:var(--world);background:#1fa4631a;border-radius:999px;flex:none;padding:.15rem .5rem;font-size:.68rem;font-weight:800}.pn-list{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh2);text-align:left;border-radius:18px;overflow:hidden}.pn-row{width:100%;color:var(--text);text-align:left;font:inherit;background:0 0;border:none;align-items:center;gap:.75rem;padding:.8rem .9rem;text-decoration:none;display:flex}.pn-row+.pn-row{border-top:1px solid var(--line)}.pn-row:active{background:#1e181508}.pn-row .pn-r-title{letter-spacing:-.01em;flex:1;min-width:0;font-size:.92rem;font-weight:700;line-height:1.35}.pn-row .pn-r-chev{color:var(--text-faint);flex:none}.pn-note{text-align:left;color:var(--text-soft);background:#1e18150a;border-radius:14px;align-items:flex-start;gap:.6rem;padding:.8rem .85rem;font-size:.8rem;line-height:1.5;display:flex}.pn-note svg{color:var(--text-faint);margin-top:2px}.pn-appbar{justify-content:space-between;align-items:center;gap:.5rem;min-height:40px;display:flex}.pn-appbar-r{align-items:center;gap:.4rem;min-width:0;display:flex}.pn-brand{letter-spacing:-.02em;color:var(--text);white-space:nowrap;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:900;display:inline-flex}.pn-brand-mark{background:var(--grad-brand);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;display:inline-grid;box-shadow:inset 0 1px #fff6,0 2px 6px #f4511e59}.pn-name{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.25rem;max-width:96px;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}.pn-name span{text-overflow:ellipsis;overflow:hidden}.pn-hero{text-align:center;background:linear-gradient(180deg, #ffe7db 0%, var(--surface) 72%);border:1px solid var(--line);box-shadow:var(--sh1);border-radius:24px;margin-top:.75rem;padding:1.1rem 1.1rem 1rem;position:relative;overflow:hidden}.pn-hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff8a6559,#0000 70%);height:220px;position:absolute;top:-35%;left:-20%;right:-20%}.pn-hero>*{position:relative}.pn-hero-top{justify-content:center;align-items:center;gap:.5rem;display:flex}.pn-hero-head{flex:1;min-width:0}.pn-hero-head h1{font-size:1.22rem}.pn-hero-img{filter:drop-shadow(0 10px 18px #783c1e40);flex:none;width:auto;height:88px;margin:0;display:block}.pn-hero-badge{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;align-items:center;gap:.3rem;margin-top:.5rem;padding:.3rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.pn-hero h1{color:var(--text);margin:.6rem 0 0;font-size:1.4rem;font-weight:900;line-height:1.28}.pn-hero-sub{color:var(--text-soft);margin:.45rem 0 0;font-size:.85rem;font-weight:500;line-height:1.45}.pn-cta{color:#fff;text-align:left;width:100%;font:inherit;background:var(--grad-brand);border:none;border-radius:16px;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.9rem;padding:.85rem 1rem;transition:transform .15s;display:flex;box-shadow:inset 0 1px #ffffff59,0 8px 20px #f4511e52}.pn-cta:active{transform:scale(.98)}.pn-cta-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:800;line-height:1.25;display:block}.pn-cta small{opacity:.9;margin-top:.15rem;font-size:.74rem;font-weight:700;display:block}.pn-mycard{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text-soft);font:inherit;text-align:left;border-radius:12px;align-items:center;gap:.45rem;margin-top:.55rem;padding:.6rem .8rem;font-size:.82rem;font-weight:700;display:flex}.pn-mycard .pn-mycard-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.pn-mycard .pn-mycard-s{color:var(--text-faint);flex:none;font-size:.76rem}.pn-mycard:active{transform:scale(.985)}.pn-sec{text-align:left;justify-content:space-between;align-items:baseline;padding:1.35rem .1rem .6rem;display:flex}.pn-sec h2{margin:0;font-size:1.05rem;font-weight:800}.pn-sec-aside{color:var(--text-faint);background:0 0;border:none;padding:0;font-size:.78rem;font-weight:700}.pn-tiles{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.pn-tl{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh2);text-align:left;color:var(--text);border-radius:18px;flex-direction:column;align-items:flex-start;gap:.55rem;min-height:112px;padding:.85rem .85rem .8rem;transition:transform .15s;display:flex;position:relative}.pn-tl:active{transform:scale(.985)}.pn-tl-wide{flex-direction:row;grid-column:1/-1;align-items:center;gap:.75rem;min-height:0;padding:.75rem .85rem}.pn-tl .pn-f-body{flex:0 auto;width:100%}.pn-tl-wide .pn-f-body{flex:1}.pn-tl .pn-f-title{font-size:.95rem}.pn-tl .pn-f-sub{font-size:.76rem}.pn-tl .pn-badge{position:absolute;top:.75rem;right:.75rem}.pn-tl-wide .pn-badge{position:static}.pn-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;padding:0 0 .25rem;display:flex;overflow-x:auto}.pn-chips::-webkit-scrollbar{display:none}.pn-chip{background:var(--surface);border:1px solid var(--line);height:38px;box-shadow:var(--sh2);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:0 .8rem 0 .5rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.pn-chip:active{transform:scale(.97)}.pn-today{text-align:left;color:#fff;width:100%;font:inherit;background:linear-gradient(145deg,#2b2140,#5b3fb8);border:none;border-radius:20px;margin-top:.9rem;padding:1rem 1.05rem;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 10px 26px #5b3fb852}.pn-today:active{transform:scale(.985)}.pn-today:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff38,#0000);border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-30px}.pn-today>*{display:block;position:relative}.pn-today-eb{letter-spacing:.06em;opacity:.8;font-size:.7rem;font-weight:800}.pn-today b{letter-spacing:-.02em;margin-top:.35rem;font-size:1.15rem;font-weight:900;line-height:1.3}.pn-today p{opacity:.92;margin:.4rem 0 0;font-size:.82rem;line-height:1.5}.pn-today-go{background:#ffffff29;border-radius:999px;align-items:center;gap:.2rem;margin-top:.7rem;padding:.4rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex!important}.pn-need{color:var(--daeng);background:#f08c001f;border-radius:999px;flex:none;padding:.15rem .5rem;font-size:.68rem;font-weight:800}.pn-row .pn-r-body{flex:1;min-width:0}.pn-row .pn-r-sub{color:var(--text-soft);margin-top:.1rem;font-size:.76rem;line-height:1.35;display:block}.pn-tabbar-spacer{height:72px}.pn-tabbar{z-index:70;max-width:480px;padding:6px 6px calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffdb;grid-auto-columns:1fr;grid-auto-flow:column;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #1e18150f}.pn-tab{min-height:48px;color:var(--text-faint);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.pn-tab:active{background:#1e18150a}.pn-tab-on{color:var(--primary-strong)}.pn-tarot-fan{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.5rem .25rem .75rem;display:flex;overflow-x:auto}.pn-tarot-fan::-webkit-scrollbar{display:none}.pn-tarot-back{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;width:46px;margin-right:-26px;padding:0;transition:transform .15s,margin .15s}.pn-tarot-back img{object-fit:cover;border-radius:5px;width:46px;height:78px;display:block;box-shadow:0 2px 6px #1e181540}.pn-tarot-back:active{transform:translateY(-10px)}.pn-tarot-back.is-picked{opacity:.35;pointer-events:none;transform:translateY(-14px)scale(1.05)}.pn-tarot-slot{text-align:center;color:var(--text-faint);border:1px dashed var(--line);border-radius:10px;flex:1;padding:.4rem 0;font-size:.72rem;font-weight:800}.pn-tarot-slot.is-filled{color:var(--primary-strong);background:var(--primary-soft);border-style:solid;border-color:#f4511e59}.pn-tarot-flip{aspect-ratio:1/1.7;perspective:800px;width:100%;position:relative}.pn-tarot-face{backface-visibility:hidden;border-radius:8px;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 12px #1e181533}.pn-tarot-face img{object-fit:cover;width:100%;height:100%;display:block}.pn-tarot-face-back{transform:rotateY(0)}.pn-tarot-face-front{transform:rotateY(180deg)}.pn-tarot-flip.is-flipped .pn-tarot-face-back{transform:rotateY(-180deg)}.pn-tarot-flip.is-flipped .pn-tarot-face-front{transform:rotateY(0)}@media (prefers-reduced-motion:reduce){.pn-tarot-face{transition:none}}.pn-zoom{z-index:90;cursor:zoom-out;background:#140e0ae0;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.25rem;animation:.18s ease-out pn-zoom-in;display:flex;position:fixed;inset:0}@keyframes pn-zoom-in{0%{opacity:0}to{opacity:1}}.pn-zoom-close{top:calc(12px + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;right:12px}.pn-zoom-img{object-fit:contain;cursor:default;border-radius:14px;width:min(78vw,340px);max-height:62vh;animation:.22s ease-out pn-zoom-card;box-shadow:0 24px 60px #00000080}.pn-zoom-img.is-rev{transform:rotate(180deg)}@keyframes pn-zoom-card{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pn-zoom-img.is-rev{animation:none}.pn-zoom-cap{text-align:center;color:#fff;cursor:default;max-width:360px}.pn-zoom-pos{letter-spacing:.08em;color:#ffb899;font-size:.72rem;font-weight:800}.pn-zoom-name{margin-top:.2rem;font-size:1.15rem;font-weight:900}.pn-zoom-name span{color:#ffffffb3;font-size:.85rem;font-weight:700}.pn-zoom-text{color:#ffffffe0;margin:.5rem 0 0;font-size:.92rem;line-height:1.6}.pn-zw-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(92px,auto);gap:4px;display:grid}.pn-zw-cell{border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh2);text-align:left;font:inherit;color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:5px 6px 16px;display:flex;position:relative;overflow:hidden}.pn-zw-cell:active{transform:scale(.98)}.pn-zw-cell.is-soul{border:2px solid var(--primary-strong);background:linear-gradient(180deg, #fff4ec, var(--surface) 70%)}.pn-zw-cell.is-cur{outline:2px dashed var(--nyang);outline-offset:-3px}.pn-zw-cell.is-focus{box-shadow:0 0 0 3px #2f80ed59}.pn-zw-head{justify-content:space-between;align-items:baseline;gap:4px;width:100%;display:flex}.pn-zw-name{color:var(--primary-strong);white-space:nowrap;font-size:.72rem;font-weight:800}.pn-zw-name small{color:var(--daeng);margin-left:2px;font-size:.6rem}.pn-zw-gz{color:var(--text-faint);font-size:.62rem;font-weight:700}.pn-zw-major{flex-wrap:wrap;gap:2px 5px;display:flex}.pn-zw-star{letter-spacing:-.01em;align-items:center;gap:2px;font-size:.82rem;font-weight:800;display:inline-flex}.pn-zw-mut{color:#fff;border-radius:4px;padding:0 3px;font-size:.58rem;font-style:normal;font-weight:900;line-height:1.5}.m-world{background:var(--world)}.m-brand{background:var(--primary-strong)}.m-sky{background:var(--sky)}.m-slate{background:#5b5966}.pn-zw-empty{color:var(--text-faint);font-size:.72rem;font-weight:700}.pn-zw-minor{color:var(--text-soft);word-break:keep-all;font-size:.6rem;line-height:1.3}.pn-zw-dec{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.58rem;font-weight:700;position:absolute;bottom:4px;right:6px}.pn-zw-center{color:#fff;background:linear-gradient(145deg,#2b2140,#5b3fb8);border-radius:12px;flex-direction:column;grid-area:2/2/4/4;gap:3px;min-width:0;padding:10px;display:flex;box-shadow:0 8px 22px #5b3fb84d}.pn-zw-c-title{letter-spacing:.08em;opacity:.75;margin-bottom:2px;font-size:.68rem;font-weight:800}.pn-zw-c-row{opacity:.95;justify-content:space-between;gap:6px;font-size:.7rem;display:flex}.pn-zw-c-row span{opacity:.7}.pn-zw-c-row b{text-align:right;font-weight:800}.pn-zw-c-cur{background:#ffffff24;border-radius:8px;margin-top:auto;padding:4px 6px;font-size:.66rem;font-weight:800}@keyframes pn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pn-boing{0%{transform:scale(1)}35%{transform:scale(1.18)}70%{transform:scale(.93)}to{transform:scale(1)}}.pn-sticky-wrap{z-index:60;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 3px 6px #0000002e);position:fixed}.pn-sticky-wrap:active{cursor:grabbing}.pn-sticky-bob{will-change:transform;animation:2.6s ease-in-out infinite pn-bob}.pn-sticky-boing{animation:.42s pn-boing}.pn-breathe{will-change:transform;animation:3.2s ease-in-out infinite pn-bob}@media (prefers-reduced-motion:reduce){.pn-breathe{animation:none}}.pn-letter-btn{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;box-shadow:var(--sh2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.pn-letter-btn:active{transform:scale(.94)}@keyframes pn-letter-glow{0%,to{box-shadow:0 0 #ffc85000}50%{box-shadow:0 0 0 7px #ffc85073,0 0 18px 4px #ffdc7899}}@keyframes pn-letter-wiggle{0%,82%,to{transform:rotate(0)}86%{transform:rotate(-12deg)}90%{transform:rotate(10deg)}94%{transform:rotate(-6deg)}}.pn-letter-unread{background:#fff3d6;animation:1.6s ease-in-out infinite pn-letter-glow,3.2s ease-in-out infinite pn-letter-wiggle}.pn-letter-dot{border:2px solid var(--surface);background:#ff5a5f;border-radius:999px;width:9px;height:9px;position:absolute;top:4px;right:4px}@media (prefers-reduced-motion:reduce){.pn-letter-unread{animation:none;box-shadow:0 0 0 4px #ffc85073}}.pn-preview h2{margin:.9rem 0 .4rem;font-size:1.08rem}.pn-preview h2:first-child{margin-top:0}.pn-preview h3{margin:.8rem 0 .3rem;font-size:.98rem}.pn-preview p,.pn-preview li{margin:.35rem 0;font-size:.93rem;line-height:1.75}.pn-preview ul{margin:.3rem 0;padding-left:1.1rem}.pn-preview .tw{overflow-x:auto}.pn-preview table{border-collapse:collapse;font-size:.85rem}.pn-preview th,.pn-preview td{border:1px solid var(--primary-soft);padding:.3rem .5rem}.pn-btn.pn-seg{white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;min-width:0;padding-left:.35rem;padding-right:.35rem;overflow:hidden}.pn-btn.pn-seg-wrap{word-break:keep-all;padding-left:.5rem;padding-right:.5rem;line-height:1.25}