.fortune-content-page{color:#f4efe5;background:#171714;min-height:100vh;padding-bottom:120px}.fortune-content-page .fatell-header{color:#f4efe5;background:#171714;border-bottom-color:#2f332b}.recommend-roller,.content-band{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}.recommend-roller{min-height:408px;padding-top:28px;position:relative;overflow:hidden}.recommend-track{height:384px;position:relative}.recommend-card{color:#f4efe5;width:280px;height:330px;box-shadow:none;opacity:.82;will-change:transform, opacity;background:#20211d;border:1px solid #ffffff14;border-radius:18px;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .68s;display:block;position:absolute;top:28px;left:50%;overflow:hidden;transform:translate(-50%)scale(.92)}.recommend-card.offset--2{z-index:1;transform:translate(calc(-50% - 608px))scale(.88)}.recommend-card.offset--1{z-index:2;transform:translate(calc(-50% - 304px))scale(.96)}.recommend-card.offset-0{z-index:3;opacity:1;border-color:#bda96d;transform:translate(-50%)scale(1.08);box-shadow:0 18px 38px #0006}.recommend-card.offset-1{z-index:2;transform:translate(calc(304px - 50%))scale(.96)}.recommend-card.offset-2{z-index:1;transform:translate(calc(608px - 50%))scale(.88)}.recommend-media{background:#24251f;border:0;border-radius:17px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.recommend-media img{object-fit:cover;opacity:1;width:100%;min-width:0;height:100%;min-height:0;transition:transform .9s cubic-bezier(.22,1,.36,1),filter .68s;position:absolute;inset:0}.recommend-media span{color:#d7bd7750;font-family:Gowun Batang;font-size:86px}.recommend-card section{z-index:4;box-sizing:border-box;background:linear-gradient(#0000 0%,#11120d52 24%,#11120db8 62%,#11120de8 100%);flex-direction:column;justify-content:flex-end;min-height:220px;padding:70px 18px 16px;transition:background .42s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.recommend-card:hover section,.recommend-card:focus-visible section{background:linear-gradient(#0000 0%,#11120d5c 24%,#11120dc2 62%,#11120ded 100%)}.recommend-card:hover .recommend-media img,.recommend-card:focus-visible .recommend-media img{transform:scale(1.035)}.recommend-rank{z-index:6;color:#f4efe5;pointer-events:none;background:#050505d9;border-radius:999px;place-items:center;min-width:50px;height:34px;padding:0 12px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:18px;right:20px}.recommend-card small{color:#ead796;background:#171714b8;border:1px solid #d7bd7799;border-radius:999px;width:fit-content;padding:3px 8px;font-size:9px;font-weight:700}.recommend-card h2{color:#f4efe5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:20px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.recommend-card p,.recommend-card em{color:#bdb5a8;overflow-wrap:anywhere;margin:0;font-size:11px;font-style:normal;font-weight:600;line-height:1.45}.recommend-card p{opacity:.88;visibility:visible;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:38px;margin-top:7px;transition:opacity .28s,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;display:-webkit-box;overflow:hidden;transform:translateY(0)}.recommend-card em{color:#b5a477;opacity:.78;visibility:visible;text-overflow:ellipsis;white-space:nowrap;max-height:24px;margin-top:7px;padding-top:5px;font-size:10px;font-weight:600;transition:opacity .28s 60ms,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;overflow:hidden;transform:translateY(0)}.recommend-card:hover p,.recommend-card:focus-visible p{opacity:.88;visibility:visible;transition-delay:0s;transform:translateY(0)}.recommend-card:hover em,.recommend-card:focus-visible em{opacity:.78;visibility:visible;transition-delay:60ms,0s,0s;transform:translateY(0)}.recommend-controls{z-index:6;pointer-events:none;width:min(100% - 48px,1040px);position:absolute;top:22px;left:50%;transform:translate(-50%)}.recommend-controls>button{color:#d7bd77;cursor:pointer;pointer-events:auto;background:#11120dcc;border:1px solid #d7bd7755;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:26px;line-height:1;display:grid;position:absolute;top:168px}.recommend-controls>button:hover,.recommend-controls>button:focus-visible{background:#25271f;border-color:#d7bd77;outline:none}.recommend-controls>button:first-child{left:0}.recommend-controls>button:last-child{right:0}.content-band{margin-top:42px}.fortune-picker{gap:20px;display:grid}.picker-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.picker-toolbar h1{letter-spacing:0;margin:0;font-size:24px;font-weight:900}.category-carousel{align-items:center;gap:8px;display:flex;overflow:hidden}.category-window{flex:1;min-width:0;overflow:hidden}.category-track{transition:transform .32s cubic-bezier(.2,.72,.2,1);display:flex}.category-page{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:100%;display:grid}.category-page button{color:#bdb5a8;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#20211d;border:1px solid #3a3b31;border-radius:999px;flex:none;min-height:34px;padding:0 13px;overflow:hidden}.category-page button.active{color:#211f1a;background:#d7bd77;border-color:#d7bd77}.category-nav,.content-controls button{color:#d7bd77;cursor:pointer;background:#11120dcc;border:1px solid #d7bd7755;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:24px;line-height:1;display:grid}.category-nav:hover,.category-nav:focus-visible,.content-controls button:hover,.content-controls button:focus-visible{background:#25271f;border-color:#d7bd77;outline:none}.content-carousel{position:relative}.content-window{overflow:hidden}.content-track{transition:transform .36s cubic-bezier(.2,.72,.2,1);display:flex}.content-page-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-width:100%;display:grid}.content-controls{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.content-controls span{color:#9c8d6a;text-align:center;min-width:42px;font-size:12px}.fortune-content-card{color:#f4efe5;width:100%;height:330px;animation:.3s both card-rise;animation-delay:calc(var(--card-index,0) * 35ms);background:#20211d;border:1px solid #34362f;border-radius:16px;flex-direction:column;transition:transform .22s,border-color .22s,background .22s;display:flex;overflow:hidden}.fortune-content-card.placeholder{visibility:hidden;pointer-events:none}.fortune-content-card:hover,.fortune-content-card:focus-visible{background:#25271f;border-color:#d7bd7766;outline:none;transform:translateY(-4px)}.fortune-content-card .thumb{background:#25271f;place-items:center;height:64%;display:grid;position:relative;overflow:hidden}.fortune-content-card img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;transition:transform .24s;position:absolute;inset:0}.fortune-content-card:hover img,.fortune-content-card:focus-visible img{transform:scale(1.04)}.fortune-content-card .thumb span{color:#d7bd7750;font-family:Gowun Batang;font-size:60px}.card-body{flex-direction:column;justify-content:flex-start;gap:6px;min-width:0;height:36%;min-height:118px;padding:12px 14px 14px;display:flex}.card-body>div,.card-body footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-body small,.card-body strong,.card-body footer span,.card-body footer b{color:#b7aa91;font-size:11px}.card-body h3{color:#f4efe5;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.card-body p{color:#aaa294;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-body footer{display:none}.content-empty,.content-error{color:#bdb5a8;text-align:center;background:#20211d;border:1px solid #282828;border-radius:14px;padding:26px}.recommend-card.loading,.fortune-content-card.loading{pointer-events:none;animation:none}.recommend-card.loading div,.recommend-card.loading i,.fortune-content-card.loading .thumb,.fortune-content-card.loading .card-body i{background:linear-gradient(90deg,#20211d,#2e3028,#20211d) 0 0/200% 100%;animation:1.15s ease-in-out infinite loading-sheen}.recommend-card.loading i,.fortune-content-card.loading .card-body i{height:12px;display:block}.recommend-card.loading i:first-child,.fortune-content-card.loading .card-body i:first-child{width:54%}.recommend-card.loading i:nth-child(2),.fortune-content-card.loading .card-body i:nth-child(2){width:86%}.recommend-card.loading i:last-child,.fortune-content-card.loading .card-body i:last-child{width:68%}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-sheen{to{background-position:-200% 0}}@media (max-width:980px){.recommend-card.offset--2{transform:translate(calc(-50% - 520px))scale(.86)}.recommend-card.offset--1{transform:translate(calc(-50% - 260px))scale(.94)}.recommend-card.offset-1{transform:translate(calc(260px - 50%))scale(.94)}.recommend-card.offset-2{transform:translate(calc(520px - 50%))scale(.86)}.content-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.recommend-roller,.content-band{padding-left:16px;padding-right:16px}.recommend-roller{min-height:378px}.recommend-track{height:356px}.recommend-card{width:min(62vw,250px);height:310px}.recommend-card.offset--2{transform:translate(calc(-50% - 440px))scale(.84)}.recommend-card.offset--1{transform:translate(calc(-50% - 220px))scale(.92)}.recommend-card.offset-0{transform:translate(-50%)scale(1.04)}.recommend-card.offset-1{transform:translate(calc(220px - 50%))scale(.92)}.recommend-card.offset-2{transform:translate(calc(440px - 50%))scale(.84)}.recommend-controls{width:calc(100% - 32px)}.picker-toolbar{align-items:flex-start}.picker-toolbar h1{font-size:22px}.category-page{grid-template-columns:repeat(3,minmax(0,1fr))}.content-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fortune-content-card{height:300px}}@media (max-width:420px){.recommend-card{width:68vw;height:310px}.recommend-card.offset--2{transform:translate(calc(-50% - 360px))scale(.82)}.recommend-card.offset--1{transform:translate(calc(-50% - 180px))scale(.9)}.recommend-card.offset-1{transform:translate(calc(180px - 50%))scale(.9)}.recommend-card.offset-2{transform:translate(calc(360px - 50%))scale(.82)}.recommend-card section{min-height:205px;padding-top:58px}.recommend-card h2{margin-top:7px;font-size:16px}.recommend-card p{font-size:10px}.recommend-card em{font-size:9px}.fortune-content-card{height:284px}.card-body{padding:10px}.card-body h3{font-size:14px}.card-body p,.card-body small,.card-body strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.recommend-card,.recommend-media img{transition:none}}.fortune-desktop-home{display:block}.fortune-mobile-home{display:none}@media (max-width:760px){.fortune-content-page{background:radial-gradient(circle at 88% 5%,#60422f33 0,#0000 28%),radial-gradient(circle at 4% 34%,#33483926 0,#0000 30%),#13140f;padding-bottom:84px;overflow-x:clip}.fortune-content-page .fatell-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#13140ff2;border-bottom-color:#ffffff12}.fortune-desktop-home{display:none}.fortune-mobile-home{display:block}.mobile-category-header{z-index:28;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#151610f5,#151610dc);border-bottom:1px solid #ffffff16;align-items:center;min-height:60px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 12px 30px #0005}.mobile-category-header:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#151610);width:28px;position:absolute;top:0;bottom:0;right:0}.mobile-category-header>div{overscroll-behavior-inline:contain;scrollbar-width:none;gap:5px;width:100%;padding:9px 20px;display:flex;overflow-x:auto}.mobile-category-header>div::-webkit-scrollbar{display:none}.mobile-category-header button{color:#d3ccc1;letter-spacing:-.2px;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;min-width:max-content;height:40px;padding:0 15px;font-size:12px;font-weight:800}.mobile-category-header button.active{color:#fffdf8;text-shadow:0 1px 8px #0008;background:linear-gradient(145deg,#ffffff35,#ffffff16);border-color:#ffffff9c;box-shadow:inset 0 1px #ffffff42,0 8px 20px #0006}.mobile-fortune-hero{padding:34px 0 38px;overflow:hidden}.mobile-fortune-hero>header,.mobile-fortune-list{box-sizing:border-box;width:min(100%,520px);margin:0 auto;padding-left:18px;padding-right:18px}.mobile-fortune-hero>header{margin-bottom:24px}.mobile-fortune-hero>header small{color:#d7bd77;letter-spacing:2.2px;font-size:9px;font-weight:900}.mobile-fortune-hero>header h1{color:#fffaf0;letter-spacing:-.8px;margin:8px 0 10px;font:30px/1.28 Gowun Batang,serif}.mobile-fortune-hero>header p{color:#a9a194;margin:0;font-size:12px;line-height:1.7}.mobile-featured-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;gap:14px;padding:0 18px 10px;display:flex;overflow-x:auto}.mobile-featured-rail::-webkit-scrollbar{display:none}.mobile-featured-card{scroll-snap-align:center;color:#f7f1e7;background:#22231e;border:1px solid #ffffff24;border-radius:26px;flex:none;width:min(82vw,340px);height:min(112vw,455px);position:relative;overflow:hidden;box-shadow:0 22px 52px #0008,inset 0 1px #ffffff16}.mobile-featured-media{position:absolute;inset:0;overflow:hidden}.mobile-featured-media img,.mobile-content-media img{object-fit:cover;width:100%;height:100%;display:block}.mobile-featured-copy{z-index:2;box-sizing:border-box;background:linear-gradient(#0000 20%,#10110c22 40%,#10110dce 70%,#10110dfb 100%);flex-direction:column;justify-content:flex-end;padding:120px 20px 20px;display:flex;position:absolute;inset:0}.mobile-featured-copy>div,.mobile-featured-copy footer,.mobile-content-card section>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-featured-copy>div small{color:#ecd894;background:#11120dc7;border:1px solid #d7bd7775;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.mobile-featured-copy>div i{color:#f0e8d8;letter-spacing:1px;font-size:11px;font-style:normal;font-weight:800}.mobile-featured-copy h2{color:#fffdf8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 7px;font-size:23px;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.mobile-featured-copy p{color:#c6beb2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.mobile-featured-copy footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff20;border-radius:14px;min-height:44px;margin-top:14px;padding:0 14px}.mobile-featured-copy footer span{color:#e2c979;font-size:11px;font-weight:900}.mobile-featured-copy footer b{color:#f4ede2;font-size:11px}.mobile-swipe-hint{color:#756f65;justify-content:center;align-items:center;gap:7px;margin-top:7px;font-size:9px;display:flex}.mobile-swipe-hint i{background:#d7bd7755;border-radius:999px;width:28px;height:2px;position:relative}.mobile-swipe-hint i:after{content:"";border-top:1px solid #d7bd77;border-right:1px solid #d7bd77;width:5px;height:5px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.mobile-fortune-list{border-top:1px solid #ffffff0d;padding-top:22px;padding-bottom:28px;scroll-margin-top:64px}.mobile-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mobile-content-card{color:#f4eee5;min-width:0;animation:.35s both card-rise;animation-delay:calc(var(--card-index,0) * 28ms);background:linear-gradient(150deg,#23241f,#1a1b17);border:1px solid #ffffff17;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px #0003}.mobile-content-media{background:#25261f;height:205px;position:relative;overflow:hidden}.mobile-content-media>i{z-index:2;color:#efd27a;letter-spacing:1px;background:#11120de6;border-radius:999px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:900;position:absolute;top:10px;left:10px}.mobile-content-card section{box-sizing:border-box;flex-direction:column;gap:5px;min-height:117px;padding:11px 12px 13px;display:flex}.mobile-content-card section small,.mobile-content-card section strong{color:#a79f91;font-size:9px}.mobile-content-card section strong{color:#dec67f}.mobile-content-card section h3{color:#fffaf1;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:0;font-size:14px;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.mobile-content-card section p{color:#8f887d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.mobile-show-more{color:#d8c789;background:#ffffff08;border:1px solid #d7bd774b;border-radius:15px;width:100%;height:48px;margin-top:18px;font-size:11px;font-weight:800}.mobile-show-more span{color:#817762;margin-left:4px}.mobile-loading>i{background:linear-gradient(90deg,#ffffff08,#ffffff13,#ffffff08) 0 0/200% 100%;border-radius:22px;animation:1.15s ease-in-out infinite loading-sheen;display:block}.mobile-featured-rail.mobile-loading>i{flex:none;width:82vw;max-width:340px;height:min(112vw,455px)}.mobile-content-grid.mobile-loading>i{border-radius:18px;height:322px}}@media (max-width:360px){.mobile-fortune-hero>header,.mobile-fortune-list,.mobile-featured-rail{padding-left:14px;padding-right:14px}.mobile-featured-card{width:84vw}.mobile-category-header>div{padding-left:14px;padding-right:14px}.mobile-content-media{height:188px}.mobile-content-card section{padding-left:10px;padding-right:10px}}