:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100vh;margin:0}body{overflow-x:hidden}button,input{font:inherit}.app-shell{color:#f8efe0;background:linear-gradient(#181018bd,#181018e6),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 96px),linear-gradient(135deg,#1b1321 0%,#39253a 48%,#1f2430 100%);min-height:100vh;padding:44px}h1,h2,p,blockquote{margin-top:0}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:28px;max-width:1440px;margin:0 auto 24px;display:grid}.eyebrow{color:#d9b86f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:900}h1{letter-spacing:0;max-width:860px;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,8vw,104px);font-weight:700;line-height:.94}.hero-copy p:not(.eyebrow){color:#e4d5c3;max-width:760px;font-size:18px;line-height:1.75}.deck-summary{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.deck-summary div,.deck-tools,.category-guide article,.literary-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaee13;border:1px solid #f0daaa33;box-shadow:0 24px 80px #00000042}.deck-summary div{border-radius:8px;padding:20px}.deck-summary strong{font-family:Georgia,Times New Roman,serif;font-size:38px;display:block}.deck-summary span{color:#d7c7ad;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.deck-tools{border-radius:8px;grid-template-columns:minmax(220px,280px) minmax(240px,420px) 1fr;align-items:start;gap:14px;max-width:1440px;margin:0 auto 18px;padding:14px;display:grid}.content-picker{z-index:30;position:relative}.content-picker-trigger{color:#f8efe0;cursor:pointer;width:100%;min-height:48px;font:inherit;text-align:left;background:#0000002e;border:1px solid #f0daaa29;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 12px;display:grid}.content-picker-trigger svg{color:#d9b86f}.content-picker-trigger span{gap:2px;min-width:0;display:grid}.content-picker-trigger small{color:#ad9e8b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.content-picker-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.content-picker-chevron{transition:transform .16s}.content-picker-trigger.open .content-picker-chevron{transform:rotate(180deg)}.content-menu-panel{background:#17111cfa;border:1px solid #f0daaa2e;border-radius:8px;width:min(560px,100vw - 32px);max-height:min(70vh,620px);padding:12px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 24px 60px #00000070}.content-menu-group+.content-menu-group{border-top:1px solid #f0daaa1f;margin-top:12px;padding-top:12px}.content-menu-label{color:#d9b86f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:950;display:block}.content-menu-options{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.content-menu-options button{color:#f8efe0;cursor:pointer;min-height:58px;font:inherit;text-align:left;background:#0000002e;border:1px solid #f0daaa26;border-radius:6px;gap:3px;padding:9px 10px;display:grid}.content-menu-options button:hover{background:#d9b86f1a;border-color:#d9b86f8f}.content-menu-options button strong{font-size:14px;font-weight:950}.content-menu-options button span{color:#cdbc9f;overflow-wrap:anywhere;font-size:12px;line-height:1.25;overflow:hidden}.content-menu-options .active{color:#1b1321;background:#d9b86f}.content-menu-options .active span{color:#1b1321b8}.search-box{color:#d9b86f;background:#0003;border:1px solid #f0daaa29;border-radius:6px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.search-box input{color:#f8efe0;width:100%;font:inherit;background:0 0;border:0;outline:0}.search-box input::placeholder{color:#ad9e8b}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{color:#f8efe0;cursor:pointer;min-height:42px;font:inherit;background:#00000026;border:1px solid #f0daaa2b;border-radius:6px;padding:0 14px;font-weight:900}.filters .active{color:#1b1321;background:#d9b86f}.category-guide{grid-template-columns:repeat(6,1fr);gap:10px;max-width:1440px;margin:0 auto 22px;display:grid}.category-guide article{border-radius:8px;grid-template-columns:auto 1fr;gap:4px 9px;padding:13px;display:grid}.category-guide svg{color:#d9b86f}.category-guide strong{font-size:15px}.category-guide span{color:#d7c7ad;grid-column:2;font-size:13px;line-height:1.45}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px;max-width:1440px;margin:0 auto;display:grid}.literary-card{border-radius:8px;grid-template-columns:150px 1fr;align-items:start;gap:18px;padding:16px;display:grid}.card-preview-shell{width:100%;position:relative}.card-preview-button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.card-preview-button:focus-visible{outline-offset:5px;outline:3px solid #d9b86f}.card-preview-button:hover .card-preview{transform:translateY(-3px);box-shadow:inset 0 0 0 8px #3c241c14,0 22px 54px #00000057}.card-preview{aspect-ratio:2/3;color:#3c241c;background:linear-gradient(#f8ebcac7,#f8ebcac7),linear-gradient(135deg,#59302a,#d4a84f 48%,#29354a);border:1px solid #59302a52;border-radius:6px;grid-template-rows:10% 75% 15%;width:100%;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #3c241c14}.card-preview.has-image{background:#f4e5c4;display:block;box-shadow:0 18px 48px #00000047}.card-preview.historical-preview{background:radial-gradient(circle at 36% 24%,#d9b86f1f,#0000 34%),linear-gradient(135deg,#f8ebca2e,#1410183d);border-color:#d9b86f3d;border-radius:8px;box-shadow:0 18px 48px #0000003d}.card-preview.historical-preview.pending{place-items:center;display:grid}.card-preview.historical-preview.pending svg{color:#d9b86f8c}.card-preview img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.caption-toggle{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:8px;height:11.5%;padding:0;position:absolute;bottom:3.3%;left:17.5%;right:17.5%}.caption-toggle:hover,.caption-toggle:focus-visible{outline-offset:2px;background:#d9b86f14;outline:2px solid #d9b86fb8}.card-korean-caption{z-index:1;color:#6c5230;text-align:center;pointer-events:none;background:#f8eac6f0;border:1px solid #a67f4380;border-radius:8px;align-content:center;place-items:center;min-height:11.5%;padding:5px 8px;display:grid;position:absolute;bottom:3.3%;left:17.5%;right:17.5%;box-shadow:0 6px 14px #492e1924}.card-korean-caption strong,.card-korean-caption span{overflow-wrap:anywhere;max-width:100%;display:block}.card-korean-caption strong{font-size:clamp(9px,1.25vw,18px);font-weight:900;line-height:1.15}.card-korean-caption span{margin-top:3px;font-size:clamp(8px,.95vw,13px);font-weight:800;line-height:1.15}.preview-top,.preview-bottom{text-align:center;place-items:center;padding:6px;font-family:Georgia,Times New Roman,serif;display:grid}.preview-top{letter-spacing:.04em;border-bottom:1px solid #3c241c2e;font-size:13px;font-weight:900}.preview-art{text-align:center;align-content:center;place-items:center;gap:10px;padding:14px;display:grid}.preview-art svg{color:#8b5e25}.preview-art span{font-size:12px;font-weight:800;line-height:1.45}.preview-bottom{border-top:1px solid #3c241c2e;line-height:1.15}.preview-bottom strong{font-size:12px}.preview-bottom span{font-size:11px}.card-body{min-width:0}.card-meta{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.card-meta span,.keywords span{color:#f8efe0;background:#d9b86f24;border-radius:999px;align-items:center;min-height:27px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.literary-card h2{overflow-wrap:break-word;margin-bottom:6px;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:1.06}.work{color:#d9b86f;margin-bottom:12px;font-weight:900}.work span{color:#d7c7ad;margin-top:2px;font-size:14px;display:block}.work em,.viewer-card-info em{color:#f1dca4;margin-top:6px;font-size:13px;font-style:normal;line-height:1.45;display:block}.scene{color:#e4d5c3;align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;display:flex}.scene svg{color:#d9b86f;flex:none;margin-top:2px}blockquote{color:#fff6df;border-left:2px solid #d9b86f;margin:13px 0;padding-left:12px;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.5}.quote-original,.quote-translation{display:block}.quote-translation{color:#e7d8bd;margin-top:7px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.55}blockquote cite{margin-top:8px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-style:normal;display:block}blockquote a{color:#d9b86f;text-decoration:none}.keywords{flex-wrap:wrap;gap:6px;margin:0 0 13px;display:flex}.interpretation,.question{color:#dacdbb;font-size:14px;line-height:1.65}.question{color:#f1dca4;margin-bottom:0;font-weight:800}.serial-tools-summary{color:#d7c7ad;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:48px;font-size:13px;line-height:1.4;display:flex}.serial-tools-summary strong{color:#f1dca4}.serial-deck{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:18px;max-width:1440px;margin:0 auto;display:grid}.serial-list,.serial-reader{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaee14;border:1px solid #f0daaa33;border-radius:8px;box-shadow:0 24px 80px #0000003d}.serial-list{gap:8px;max-height:calc(100vh - 40px);padding:12px;display:grid;position:sticky;top:20px;overflow:auto}.serial-list-header{border-bottom:1px solid #f0daaa24;padding:6px 8px 12px}.serial-list-header strong{color:#f8efe0;font-size:18px;line-height:1.3;display:block}.serial-list-header span{color:#d7c7ad;margin-top:4px;font-size:12px;font-weight:800;display:block}.serial-list button{color:#f8efe0;text-align:left;cursor:pointer;width:100%;font:inherit;background:#00000024;border:1px solid #f0daaa24;border-radius:6px;gap:4px;padding:12px;display:grid}.serial-list button:hover,.serial-list button.active{background:#d9b86f29;border-color:#d9b86fa6}.serial-list button span{color:#d9b86f;font-size:12px;font-weight:900}.serial-list button strong{font-size:15px;line-height:1.35}.serial-list button em{color:#d7c7ad;font-size:12px;font-style:normal;line-height:1.45}.serial-reader{min-width:0;padding:clamp(22px,4vw,48px)}.serial-loading{grid-column:1/-1}.serial-reader-head{border-bottom:1px solid #f0daaa2e;padding-bottom:22px}.serial-reader-head span{color:#f1dca4;background:#d9b86f29;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.serial-reader h2{letter-spacing:0;margin:14px 0 10px;font-size:clamp(34px,5vw,72px);line-height:1.02}.serial-reader-head p{color:#e4d5c3;margin-bottom:0;font-size:18px;font-weight:800;line-height:1.6}.serial-meta-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 28px;display:grid}.serial-meta-grid div{background:#00000029;border:1px solid #f0daaa24;border-radius:6px;min-width:0;padding:12px}.serial-meta-grid strong,.serial-meta-grid span{display:block}.serial-meta-grid strong{color:#d9b86f;margin-bottom:5px;font-size:12px}.serial-meta-grid span{color:#f8efe0;font-size:13px;font-weight:800;line-height:1.4}.serial-copy{max-width:860px;margin:0 auto}.serial-copy p{color:#f0e3cf;word-break:keep-all;margin-bottom:22px;font-size:18px;line-height:1.9}.serial-cliffhanger{background:#d9b86f1f;border:1px solid #d9b86f57;border-radius:8px;gap:8px;max-width:860px;margin:32px auto 0;padding:18px;display:grid}.serial-cliffhanger strong{color:#d9b86f;font-size:13px}.serial-cliffhanger span{color:#fff6df;font-size:17px;font-weight:800;line-height:1.55}.serial-nav{justify-content:space-between;gap:10px;max-width:860px;margin:24px auto 0;display:flex}.serial-nav button{color:#1b1321;cursor:pointer;min-height:44px;font:inherit;background:#d9b86f;border:0;border-radius:6px;padding:0 18px;font-weight:900}.serial-nav button:disabled{color:#f8efe080;cursor:not-allowed;background:#fffaee1a}.self .card-preview{background:linear-gradient(#f8ebcac2,#f8ebcac2),linear-gradient(135deg,#26495f,#d4a84f)}.love .card-preview{background:linear-gradient(#f8ebcac2,#f8ebcac2),linear-gradient(135deg,#6d2d40,#d4a84f)}.society .card-preview{background:linear-gradient(#f8ebcac2,#f8ebcac2),linear-gradient(135deg,#3d4b37,#d4a84f)}.existence .card-preview{background:linear-gradient(#f8ebcac2,#f8ebcac2),linear-gradient(135deg,#25304d,#a36d52)}.journey .card-preview{background:linear-gradient(#f8ebcac2,#f8ebcac2),linear-gradient(135deg,#5a3b25,#d4a84f)}.shadow .card-preview{background:linear-gradient(#f8ebcac2,#f8ebcac2),linear-gradient(135deg,#21151d,#8f6e32)}body.viewer-open{overflow:hidden}.fullscreen-viewer{z-index:20;color:#f8efe0;background:linear-gradient(#0b080eb8,#0b080ee6),radial-gradient(circle at 20% 10%,#d9b86f2b,#0000 28%),linear-gradient(135deg,#130f18,#241729 50%,#111824);grid-template-rows:auto 1fr;place-items:center;padding:22px clamp(16px,4vw,56px) 30px;display:grid;position:fixed;inset:0}.viewer-topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1100px,100%);margin-bottom:16px;display:flex}.viewer-topbar strong,.viewer-card-info h2{font-family:Georgia,Times New Roman,serif}.viewer-topbar strong{font-size:18px;display:block}.viewer-topbar span{color:#d7c7ad;margin-top:3px;font-size:12px;font-weight:900;display:block}.viewer-actions{gap:8px;display:flex}.viewer-actions button,.viewer-nav{color:#f8efe0;cursor:pointer;min-width:44px;min-height:44px;font:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaee17;border:1px solid #f0daaa38;border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.viewer-actions button{gap:7px;padding:0 13px}.viewer-actions button:last-child{padding:0}.viewer-actions button:hover,.viewer-nav:hover{background:#d9b86f2e;border-color:#d9b86fa6}.viewer-card-wrap{grid-template-columns:minmax(240px,min(56vh,430px)) minmax(220px,360px);justify-content:center;align-items:center;gap:28px;width:min(1100px,100%);min-height:0;display:grid}.viewer-card{width:min(56vh,430px);max-width:min(76vw,430px);position:relative}.viewer-card .card-preview,.tarot-card-back{aspect-ratio:2/3;border-radius:12px;width:100%;display:block}.viewer-card .card-preview{box-shadow:0 30px 90px #00000075}.viewer-card .card-preview.has-image{background:#f4e5c4}.viewer-card-info{padding-left:2px}.viewer-card-info span{color:#f1dca4;background:#d9b86f29;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.viewer-card-info h2{margin:16px 0 8px;font-size:clamp(34px,5vw,64px);line-height:.95}.viewer-card-info p{color:#d9b86f;font-size:17px;font-weight:900;line-height:1.45}.viewer-card-info strong{color:#d7c7ad;margin-top:3px;font-size:14px;display:block}.viewer-card-info em{font-size:14px}.viewer-caption-toggle,.viewer-card .card-korean-caption{border-radius:12px}.viewer-card .card-korean-caption strong{font-size:clamp(17px,3vh,26px)}.viewer-card .card-korean-caption span{font-size:clamp(12px,1.8vh,17px)}.viewer-nav{width:54px;height:54px;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav.previous{left:clamp(14px,3vw,34px)}.viewer-nav.next{right:clamp(14px,3vw,34px)}.tarot-card-back{object-fit:contain;object-position:center;box-shadow:0 30px 90px #00000075}@media (width<=1120px){.category-guide{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.app-shell{padding:24px 14px}.hero,.deck-tools,.category-guide,.serial-deck{grid-template-columns:1fr}.content-menu-panel{width:100%;max-height:none;margin-top:8px;position:static}.content-menu-options{grid-template-columns:repeat(2,1fr)}.deck-tools{gap:10px;padding:10px}.search-box,.content-picker-trigger{min-height:46px}.filters{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.filters button{flex:none;min-height:38px;padding:0 12px}.serial-list{z-index:20;scroll-snap-type:x proximity;max-height:none;padding:10px;display:flex;position:sticky;top:0;overflow:auto hidden}.serial-list-header{border-bottom:0;border-right:1px solid #f0daaa24;flex:0 0 min(46vw,190px);align-content:center;padding:8px 10px;display:grid}.serial-list button{scroll-snap-align:start;flex:0 0 min(72vw,280px);min-height:82px}.serial-meta-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:44px}.deck-grid{grid-template-columns:1fr;gap:14px}.literary-card{grid-template-columns:150px 1fr;gap:12px;padding:12px}}@media (width<=560px){.app-shell{padding:20px 10px}h1{font-size:36px;line-height:1}.eyebrow{margin-bottom:10px;font-size:11px}.hero{gap:16px;margin-bottom:16px}.hero-copy p:not(.eyebrow){font-size:15px;line-height:1.62}.deck-summary{gap:8px}.deck-summary div{padding:13px}.deck-summary strong{font-size:30px}.deck-summary span{font-size:10px}.content-menu-panel{padding:10px}.literary-card{grid-template-columns:1fr;padding:12px 10px}.card-preview{width:min(240px,100%);margin:0 auto}.card-preview-button .card-preview{width:min(240px,100%)}.card-preview-shell{width:min(240px,100%);margin:0 auto}.serial-reader{padding:20px 14px}.serial-reader h2{font-size:31px}.serial-meta-grid{grid-template-columns:1fr}.serial-copy p{word-break:normal;font-size:16px;line-height:1.78}.content-menu-options{grid-template-columns:1fr}.serial-list-header{flex-basis:min(68vw,210px)}.serial-list button{flex-basis:min(82vw,280px)}}@media (width<=760px){.fullscreen-viewer{padding:14px 14px 24px}.viewer-topbar{align-self:start}.viewer-card-wrap{grid-template-columns:1fr;justify-items:center;gap:14px}.viewer-card{width:min(70vh,82vw);max-width:360px}.viewer-card-info{width:min(82vw,360px)}.viewer-card-info h2{font-size:34px}.viewer-nav{width:48px;height:48px;top:auto;bottom:22px;transform:none}.viewer-nav.previous{left:18px}.viewer-nav.next{right:18px}}