@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');
:root{--night:#0d1b1e;--night2:#15292b;--teal:#23413e;--paper:#f6edde;--sand:#e8d8bd;--gold:#d7b27a;--goldbright:#ffe0a3;--mist:#b2b8b5;--ink:#24302d;--serif:'Gowun Batang','Noto Serif CJK KR',Georgia,serif;--sans:'Noto Sans KR','Apple SD Gothic Neo',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#254443 0%,#0b191c 55%,#060e11 100%);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.85}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffe3b2;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.055em}.app{min-height:100vh;isolation:isolate}.screen-grain{position:fixed;inset:0;pointer-events:none;z-index:55;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#987148,#fff0c4);z-index:110;transition:width .12s}.topbar{height:65px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));background:linear-gradient(180deg,rgba(8,19,21,.85),rgba(8,19,21,.12));backdrop-filter:blur(7px);border-bottom:1px solid rgba(250,235,195,.09)}.brand{font-family:var(--serif);font-size:20px;letter-spacing:-.07em;display:flex;gap:9px;align-items:center;white-space:nowrap}.brand-mark{color:var(--gold);font-size:26px}.brand-small{font-family:var(--sans);font-size:10px;letter-spacing:.08em;font-weight:400;color:#e6cfa8;margin-left:5px}.header-actions{display:flex;gap:20px;align-items:center}.sample-pill{font-size:9px;letter-spacing:.15em;color:#dbc9a8;opacity:.9}.header-link{border:0;background:none;color:#f8edda;font-size:12px;font-weight:500}.header-link span{color:var(--gold)}.story-shell{margin:auto;max-width:600px;box-shadow:0 0 90px rgba(0,0,0,.17);background:var(--night);min-height:100vh;overflow:hidden}.landing{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;padding:104px 27px 25px}.landing-photo{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(8,18,21,.1) 8%,rgba(8,18,21,.1) 39%,rgba(8,18,21,.46) 59%,rgba(8,18,21,.95) 86%),url('assets/oracle.webp') center 27%/cover no-repeat;filter:saturate(.92)}.landing-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 45% 39%,transparent 0 23%,rgba(5,19,24,.27) 65%)}.landing-top{display:flex;align-items:center;gap:13px}.overline,.mini-kicker{font-size:9px;letter-spacing:.24em;color:#f4d5a1;font-weight:600}.gold-line{height:1px;flex:1;background:linear-gradient(90deg,#d3aa76,transparent)}.landing-copy{text-align:center;transform:translateY(2vh)}.intro-seal{border:1px solid rgba(236,202,147,.55);width:42px;height:42px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);color:#f0d39f;background:rgba(24,38,36,.35)}.eyebrow{font-size:12px;color:#f2d8b4;letter-spacing:.015em;margin-bottom:14px}.landing h1{font-size:clamp(29px,7.5vw,44px);line-height:1.45;color:#fff5e4;text-shadow:0 2px 20px rgba(0,0,0,.8);margin-bottom:18px;word-break:keep-all}.landing h1 em,.chapter h2 em,.final-oracle em{font-style:normal;color:var(--goldbright);font-weight:400}.hero-quote{font-family:var(--serif);font-size:14px;line-height:2;color:#f7eddf;text-shadow:0 2px 12px #040b0b;margin-bottom:30px}.primary-button{border:1px solid #d6b27a;color:#232f2a;background:linear-gradient(135deg,#ffe5b5,#cba36f);padding:16px 21px;font-weight:700;border-radius:6px;width:min(100%,330px);font-size:13px;box-shadow:0 11px 35px rgba(214,160,98,.19);display:flex;align-items:center;justify-content:center;gap:22px;margin:0 auto;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 17px 40px rgba(214,160,98,.26)}.ghost-link{display:block;margin:16px auto 0;border:0;background:none;color:#f8e9d7;font-size:11px;border-bottom:1px solid rgba(248,232,208,.3);padding:0 2px 4px}.tiny-on-dark{font-size:10px;color:#e2ceb4;opacity:.75;margin:15px 0 0}.landing-bottom{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;letter-spacing:.22em;color:#cbbb9b}.line-down{height:36px;width:1px;background:linear-gradient(#f9ddac,transparent)}.petal{position:absolute;color:#ffe5db;filter:blur(.5px);opacity:.4;font-size:19px;pointer-events:none;animation:drift 9s linear infinite}.petal-a{top:18%;left:8%}.petal-b{top:42%;right:12%;animation-delay:-3s}.petal-c{top:62%;left:25%;animation-delay:-5s}@keyframes drift{0%{transform:translateY(-10px) rotate(0deg)}50%{transform:translate(20px,38px) rotate(30deg)}100%{transform:translate(-7px,90px) rotate(75deg);opacity:0}}.invitation{padding:108px 37px 105px;text-align:center;background:radial-gradient(ellipse at 60% 20%,#29403d,transparent 60%),#102224}.ornament{font-size:36px;color:var(--gold);font-family:serif;margin-bottom:16px}.invitation h2{font-size:26px;line-height:1.6;margin:19px auto 20px;max-width:390px}.lead-copy{color:#dfdfd3;line-height:2.15;font-family:var(--serif);font-size:15px;word-break:keep-all}.chapter-constellation{font-family:var(--serif);color:#cda46d;word-spacing:11px;margin-top:38px;font-size:12px}.chapter-constellation span{font-size:24px}.chapter{padding:76px 28px 97px;position:relative;scroll-margin-top:58px}.chapter:nth-of-type(odd){background:#101f23}.chapter:nth-of-type(even){background:radial-gradient(circle at 80% 7%,#223d38 0,transparent 36%),#142729}.chapter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;border-bottom:1px solid #ffffff22;padding-bottom:15px}.chapter-num{font-family:var(--serif);font-size:23px;color:var(--gold)}.chapter-num span{font-size:12px;color:#c1b7a4}.chapter-id{font-size:9px;letter-spacing:.2em;color:#e1c99f}.chapter h2{font-size:clamp(27px,7vw,36px);line-height:1.52;margin-bottom:20px;word-break:keep-all}.chapter-intro{color:#c9d0ca;font-family:var(--serif);font-size:14px;line-height:2;margin-bottom:32px;word-break:keep-all}.oracle-talk{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(125deg,rgba(195,155,102,.14),rgba(255,255,255,.025));border:1px solid rgba(239,204,152,.2);border-radius:12px;padding:14px 15px;margin-bottom:33px;box-shadow:0 15px 50px rgba(0,0,0,.1)}.oracle-talk p{font-size:13px;line-height:1.95;color:#f7ebd9;font-family:var(--serif);margin:0;word-break:keep-all}.oracle-avatar{width:45px;height:45px;flex:0 0 45px;border-radius:100%;overflow:hidden;border:2px solid #bda076}.oracle-avatar img{height:100%;width:100%;object-fit:cover;object-position:50% 25%}.oracle-talk.compact{margin-top:28px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 27px}.pillar{background:#1b3031;border:1px solid #a58d6440;text-align:center;border-radius:7px;padding:14px 5px 10px;box-shadow:inset 0 1px #ffffff12}.pillar.special{border-color:#dcc08f;background:#2a3a36}.pillar span,.pillar small{display:block;font-size:11px;color:#cecfb9}.pillar strong{display:block;font-family:var(--serif);font-size:31px;color:#f5e8d2;font-weight:400;line-height:1.47}.pillar strong:first-of-type{margin-top:6px}.pillar small{margin-top:8px;color:#f2ce8f}.insight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.insight-grid>div{background:#ffffff08;border:1px solid #ffffff15;border-radius:9px;padding:16px 14px 11px}.insight-grid span{color:#deb981;font-size:11px;letter-spacing:.08em}.insight-grid b{display:block;font-size:14px;margin:6px 0;color:#f6ead9}.insight-grid p{font-size:11px;color:#bdc9c2;line-height:1.7;margin:0}.oracle-whisper{font-family:var(--serif);color:#f2d7a9;text-align:center;line-height:2.1;font-size:15px;margin:35px 0 0}.chapter-next{display:flex;align-items:center;justify-content:center;gap:15px;padding:16px 8px;border-top:1px solid #eacb9840;border-bottom:1px solid #eacb9840;color:#f1d2a8;font-size:12px;margin:52px auto 0;width:min(100%,370px);transition:background .2s}.chapter-next:hover{background:#fff2}.chapter-next span{font-size:17px}.chapter-face{background:linear-gradient(#19312f,#111d1f)}.portrait-wrap{height:490px;max-width:390px;margin:6px auto 0;border:1px solid rgba(230,183,121,.6);position:relative;box-shadow:0 30px 65px #0008,0 0 35px rgba(215,174,102,.1);overflow:hidden;border-radius:180px 180px 14px 14px}.portrait-aura{position:absolute;z-index:2;inset:5px;border:1px solid rgba(230,199,146,.5);border-radius:170px 170px 10px 10px;pointer-events:none}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:blur(14px) brightness(.65);transform:scale(1.13);transition:filter 1.6s,transform 2s}.portrait-wrap.unveiled .portrait-image{filter:blur(0) brightness(1);transform:scale(1)}.portrait-veil{position:absolute;inset:0;z-index:3;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:linear-gradient(transparent 20%,#16272a77 65%,#0d1b1e99);transition:opacity .8s}.portrait-wrap.unveiled .portrait-veil{opacity:0;pointer-events:none}.veil-star{font-size:53px;color:#ffe1ac;filter:drop-shadow(0 0 20px #d5ad7b)}.portrait-veil p{font-family:var(--serif);font-size:18px;line-height:1.8;color:#fff2df;text-shadow:0 1px 12px black;margin:5px 0 22px}.outline-gold{padding:11px 20px;border:1px solid #e5c18d;border-radius:4px;background:rgba(35,46,38,.78);color:#ffe8c0;font-size:12px;font-weight:600}.outline-gold:hover{background:rgba(81,66,42,.85)}.identity-card{text-align:center;padding:24px 10px;margin-top:13px;background:linear-gradient(180deg,#253b38,#182726);border:1px solid #dac09333;border-radius:8px}.identity-card>span{display:block;font-size:9px;letter-spacing:.2em;color:var(--gold)}.identity-card strong{display:block;font-family:var(--serif);font-size:29px;margin-top:6px}.identity-card strong small{font-size:19px;color:#ddbd91}.identity-card p{font-size:12px;color:#d4d1bf;margin:3px 0 12px}.identity-tag{font-family:var(--serif);font-size:13px;color:#f3daa9}.film-image{position:relative;overflow:hidden;aspect-ratio:4/3;margin:20px -28px 30px}.film-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.75) sepia(.08)}.film-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#101f23 95%)}.film-image>span{position:absolute;bottom:17px;left:28px;z-index:2;color:#f4d6a8;font-size:10px;letter-spacing:.17em}.life-timeline{margin-left:10px;border-left:1px solid #e4c18d55}.life-entry{padding:0 4px 34px 24px;position:relative}.life-entry:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #bb9154}.life-entry>span{font-size:10px;color:var(--gold);letter-spacing:.03em}.life-entry h3{font-size:22px;margin:5px 0 10px}.life-entry p{color:#cbd0c8;font-size:13px;line-height:2;word-break:keep-all;margin-bottom:0}.cinematic-quote{text-align:center;padding:34px 10px;background:linear-gradient(90deg,#213432,#33433e,#213432);border:1px solid #cab58f4d;border-radius:6px}.cinematic-quote span{font-size:11px;color:#e1c38e}.cinematic-quote blockquote{font-family:var(--serif);font-size:21px;line-height:1.8;margin:17px 0;color:#ffedcc}.history-paper{padding:41px 27px 34px;background:#ebddbf;color:#28362f;box-shadow:0 22px 45px #0004;position:relative;clip-path:polygon(0 0,100% 0,100% 98%,97% 100%,0 100%);background-image:radial-gradient(circle at 78% 6%,#ffffff80,transparent 32%),repeating-linear-gradient(0deg,transparent,transparent 42px,#9b7c4c10 43px),linear-gradient(140deg,#f6e9d2,#e5d2ab)}.paper-corner{position:absolute;right:22px;top:16px;font-size:32px;color:#aa8656}.paper-kicker{font-size:9px;letter-spacing:.22em;color:#8d6f4d}.history-paper h3{font-size:32px;margin:20px 0 10px}.history-paper h3 small{font-size:17px;color:#886c4a}.history-rule{height:1px;background:#96744b8a;margin-bottom:17px}.history-paper p{font-family:var(--serif);font-size:14px;line-height:2.1}.history-paper strong{color:#6c442c}.history-paper .paper-note{border-top:1px solid #b8996f;margin:22px 0 0;padding-top:13px;font-family:var(--sans);font-size:11px;line-height:1.85;color:#685846}.knots{display:grid;gap:13px;margin-top:30px}.knot{border:1px solid #c3a57b60;background:linear-gradient(135deg,#203635,#18282b);border-radius:8px;overflow:hidden}.knot-trigger{width:100%;border:0;background:transparent;color:#f6ecdf;text-align:left;display:flex;align-items:center;gap:15px;padding:20px 15px}.knot-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #b59168;border-radius:50%;font-size:32px;font-family:serif;color:#eac68d}.knot-words{flex:1;display:grid;gap:4px;min-width:0}.knot-words small{font-size:9px;color:#c7a676;letter-spacing:.16em}.knot-words b{font-family:var(--serif);font-size:16px;letter-spacing:-.07em}.knot-plus{font-size:20px;color:#caaa75;transition:transform .25s}.knot-trigger[aria-expanded="true"] .knot-plus{transform:rotate(45deg)}.knot-panel{padding:0 20px 22px 69px}.knot-panel p{font-size:13px;color:#cbd0c8;line-height:2}.knot-panel blockquote{font-size:13px;font-family:var(--serif);color:#f7d7a3;border-left:2px solid var(--gold);padding-left:13px;margin:12px 0 0}.knot-hint{text-align:center;color:#bdaf98;font-size:11px;margin:18px 0}.promise-list{display:grid;gap:12px}.promise{display:flex;align-items:center;gap:14px;background:#ffffff08;border:1px solid #ffffff22;padding:17px 13px;border-radius:8px;cursor:pointer}.promise input{position:absolute;opacity:0;width:1px;height:1px}.promise input:focus-visible+.check-box{outline:2px solid #ffe3b2;outline-offset:4px}.check-box{height:25px;width:25px;flex:0 0 25px;display:grid;place-items:center;border:1px solid #d5b889;border-radius:50%;color:#172725;font-size:13px;transition:background .2s}.promise input:checked+.check-box{background:#e5c28c}.promise input:checked+.check-box:after{content:'✓'}.promise b,.promise small{display:block}.promise b{font-family:var(--serif);font-size:15px;font-weight:700;color:#fcf0dd}.promise small{font-size:11px;color:#afbbb6;margin-top:3px;line-height:1.6}.promise-meter{margin-top:20px;color:#ecd0a1;font-size:11px}.meter-track{margin-top:8px;height:5px;background:#ffffff25;border-radius:100px;overflow:hidden}.meter-track>div{width:0%;height:100%;background:linear-gradient(90deg,#947148,#f3d097);transition:width .3s}.chapter-letter{background:radial-gradient(circle at 50% 45%,#223a36,#102124 80%)!important}.letter-envelope{text-align:center;margin:22px 0 33px;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #d3b68769;background:linear-gradient(160deg,#263d3a,#1b2a2c);border-radius:8px}.envelope-art{width:105px;height:105px;display:grid;place-items:center;background:linear-gradient(135deg,#ac814c,#ffe5ad,#9b6d43);border-radius:50%;box-shadow:0 0 0 7px #d4b4782a,0 0 40px #d6a96e50;color:#5e462f;font-size:41px;font-family:var(--serif);margin:10px}.letter-envelope p{font-family:var(--serif);font-size:15px;color:#eed2aa;margin:10px 0 3px}.letter-envelope button{margin:0 0 16px}.letter-paper{background:linear-gradient(120deg,#faefd9,#e9d7b9);color:#37413a;border-radius:4px;box-shadow:0 24px 50px rgba(0,0,0,.4);padding:40px 27px;border:1px solid #f3deb7;animation:paperIn .65s ease both}.letter-monogram{text-align:center;color:#aa8150;font-size:24px;letter-spacing:.3em;margin-bottom:26px}.letter-paper p{font-family:var(--serif);font-size:14px;line-height:2.18;word-break:keep-all;margin:0 0 20px}.letter-paper .letter-highlight{font-size:18px;font-weight:700;color:#704b2e;padding:13px 0}.letter-paper .letter-sign{text-align:right;font-size:13px;color:#6c5a45;margin-bottom:0}@keyframes paperIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.final-oracle{position:relative;height:400px;overflow:hidden;margin:55px -28px 20px}.final-oracle img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.78)}.final-oracle:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0c191deb 97%)}.final-oracle div{position:absolute;z-index:2;bottom:16px;left:0;right:0;text-align:center}.final-oracle span{font-size:10px;letter-spacing:.17em;color:#ffdea7}.final-oracle p{font-family:var(--serif);font-size:19px;line-height:1.8;margin:12px 0;color:#fff7e8}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary-button{border:1px solid #c7a8757c;background:#d3b17d;color:#1d2a29;border-radius:5px;padding:13px 6px;font-size:11px;font-weight:700}.secondary-button.light{background:transparent;color:#f5dbb4}.endnote{background:#0b191b;padding:43px 33px 45px;border-top:1px solid #d2b58030;color:#a9b3ad}.endnote-ornament{text-align:center;color:#dcb77f;font-size:24px}.endnote h3{text-align:center;font-size:19px;font-weight:400;color:#e7d9c2;margin:6px 0 20px}.endnote p{font-size:11px;line-height:2;color:#a5b3af;word-break:keep-all}.footer-brand{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:26px;padding-top:22px;font-family:var(--serif);font-size:23px;color:#e9d5b7}.footer-brand span{font-family:var(--sans);font-size:8px;letter-spacing:.17em;color:#b19a76}.chapter-rail{position:fixed;z-index:9;top:37%;left:max(25px,calc(50vw - 480px));width:200px;display:grid;gap:13px}.rail-caption{font-size:9px;color:#d9b57a;letter-spacing:.16em;margin-bottom:10px}.chapter-rail>a{font-size:11px;letter-spacing:.04em;color:#b6bcb6;display:flex;gap:11px;align-items:center;transition:color .2s}.chapter-rail>a span{color:#cbd1c8}.chapter-rail>a:hover,.chapter-rail>a.active{color:#f0ce91}.chapter-rail>a.active span{color:#ffe9bf}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.js-ready .reveal.visible{opacity:1;transform:translateY(0)}.modal[hidden],.letter-paper[hidden],.knot-panel[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(3,10,12,.85);backdrop-filter:blur(8px)}.modal-window{width:min(100%,430px);max-height:min(90dvh,740px);overflow-y:auto;background:linear-gradient(155deg,#213936,#101f23);border:1px solid #dab88180;border-radius:12px;padding:30px 23px 28px;position:relative;box-shadow:0 30px 120px #000b}.modal-close{position:absolute;right:15px;top:12px;background:transparent;border:0;color:#e8dac5;font-size:17px}.modal-step-track{display:flex;gap:6px;padding:0 25px 25px 0}.modal-step-track span{height:3px;background:#ffffff35;flex:1;border-radius:10px}.modal-step-track span.active{background:#e7c68e}.modal-kicker{font-size:10px;color:#e6c28b;letter-spacing:.18em}.modal-content h2{font-size:25px;line-height:1.5;margin:9px 0 15px}.modal-content p{font-size:12px;color:#d3d5cb;line-height:1.9}.form-label{display:block;color:#e6d7c5;font-size:11px;margin:17px 0 6px}.form-input{background:#0d2022;border:1px solid #bda47a70;border-radius:5px;color:#fbecdb;padding:13px 12px;width:100%;font-size:14px;color-scheme:dark}.form-row{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.modal-content .primary-button{width:100%;margin-top:23px}.form-hint{font-size:11px!important;color:#e8c696!important;border-left:2px solid #d7b27a;padding-left:10px;margin-top:12px}.fake-login{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid #d8b58265;padding:18px 14px;margin:17px 0;border-radius:8px}.fake-login .login-icon{font-size:29px;color:#f3d094}.fake-login strong{font-size:14px;display:block}.fake-login small{font-size:11px;color:#bfc5bd}.demo-product{border:1px solid #d5b27d80;padding:16px;background:#ffffff0a;border-radius:8px;margin:20px 0}.demo-product strong{display:block;font-family:var(--serif);font-size:19px}.demo-product>div{display:flex;align-items:center;justify-content:space-between}.demo-product>p{margin:10px 0 0}.demo-price{font-size:11px;color:#f1cf99}.terms-check{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.8;color:#e4dcc9}.terms-check input{margin-top:5px;accent-color:#dec08c}.modal-backlink{display:block;background:none;border:0;color:#d5d1c6;margin:12px auto 0;font-size:11px}.toast{pointer-events:none;position:fixed;z-index:250;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;background:#edd7b6;color:#243530;padding:12px 18px;border-radius:50px;box-shadow:0 9px 40px #0009;transition:transform .3s,opacity .3s;white-space:nowrap;font-size:12px;max-width:calc(100vw - 24px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:1200px){.chapter-rail{display:none}}@media(min-width:750px){.story-shell{border-left:1px solid #e9c6961a;border-right:1px solid #e9c6961a}.landing{padding:100px 60px 29px}.chapter{padding-left:58px;padding-right:58px}.film-image,.final-oracle{margin-left:-58px;margin-right:-58px}.landing h1{font-size:43px}.chapter h2{font-size:36px}.landing-photo{background-position:center 23%}}@media(max-width:395px){.brand-small{display:none}.sample-pill{font-size:7px}.header-actions{gap:8px}.topbar{padding:0 14px}.landing{padding:98px 20px 23px}.chapter{padding:70px 20px 85px}.chapter h2{font-size:28px}.film-image,.final-oracle{margin-left:-20px;margin-right:-20px}.portrait-wrap{height:440px}.pillar strong{font-size:28px}.life-entry h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
@media print{.topbar,.chapter-rail,.modal,.landing,#invitation,.chapter-next,.end-actions,.reading-progress,.toast,.screen-grain,.portrait-veil,.letter-envelope,.knot-hint{display:none!important}.story-shell{width:100%;max-width:none;background:white;color:#232323}.chapter{break-before:page;background:#fff!important;color:#222;padding:20mm!important}.chapter h2,.chapter h2 em,.chapter-intro,.chapter-num{color:#222}.oracle-talk{color:#222}.oracle-talk p,.oracle-whisper{color:#333}.knot-panel[hidden]{display:block!important}.portrait-image{filter:none!important;transform:none!important}.letter-paper[hidden]{display:block!important}.letter-paper{box-shadow:none}.endnote{color:#555;background:white}}
/* cover typography refinement: preserve the oracle's face above the dialogue */
.topbar .brand{color:#f9ecd5;text-shadow:0 1px 12px #000b}
.landing{justify-content:flex-end}
.landing-top{position:absolute;top:104px;left:27px;right:27px}
.landing-copy{transform:none;margin-top:auto}
.landing-bottom{margin-top:27px}
@media(min-width:750px){.landing-top{left:60px;right:60px}}
@media(max-height:740px){.landing{padding-top:72px}.landing-top{top:77px}.landing h1{font-size:29px}.intro-seal{display:none}.hero-quote{font-size:12px;margin-bottom:18px}.landing-bottom{margin-top:16px}}
@media(max-width:395px){.landing-top{left:20px;right:20px}}
.identity-card{color:#f5ead8}.identity-card strong{color:#ffefda}.identity-card>span{color:#e8c48e}
