:root {
    --ink: #f4f0e8;
    --muted: #c1bec8;
    --night: #090a12;
    --night-2: #10121d;
    --panel: rgba(20, 22, 34, .82);
    --line: rgba(255, 255, 255, .16);
    --gold: #e9c781;
    --violet: #9b8cff;
    --wood: #77d49a;
    --fire: #ff745f;
    --earth: #e6ba72;
    --metal: #c9d1de;
    --water: #6dbbf8;
    --serif: "Nanum Myeongjo", "Noto Serif KR", "Batang", serif;
    --sans: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    --shell: min(1240px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--night); }
body {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    overflow-x: clip;
    color: var(--ink);
    background:
        radial-gradient(circle at 50% 0, rgba(78, 68, 141, .18), transparent 38rem),
        linear-gradient(180deg, #090a12 0%, #0d0e17 100%);
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.65;
    word-break: keep-all;
}

a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
.shell { width: var(--shell); margin-inline: auto; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 999; left: 16px; top: -80px; padding: 12px 18px; background: #fff; color: #000; border-radius: 8px; transition: top .2s; }
.skip-link:focus { top: 16px; }

.cosmic-field { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: -1; }
.aurora { position: absolute; width: 42vw; aspect-ratio: 1; border-radius: 50%; filter: blur(110px); opacity: .09; }
.aurora--wood { background: var(--wood); left: -18vw; top: 35vh; }
.aurora--fire { background: var(--fire); right: -20vw; top: 2vh; }
.aurora--water { background: var(--water); right: 10vw; bottom: -28vw; }
.star-noise { position: absolute; inset: 0; opacity: .26; background-image: radial-gradient(rgba(255,255,255,.7) .55px, transparent .8px); background-size: 27px 27px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
.cursor-aura { position: fixed; width: 420px; height: 420px; left: -210px; top: -210px; border-radius: 50%; background: radial-gradient(circle, rgba(155,140,255,.08), transparent 68%); will-change: transform; }

.site-header { position: relative; z-index: 20; height: 94px; border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-wrap { height: 100%; display: flex; align-items: center; gap: 52px; }
.brand { display: flex; align-items: center; gap: 12px; letter-spacing: .08em; }
.brand-seal { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(233,199,129,.6); color: var(--gold); font-family: var(--serif); font-size: 21px; transform: rotate(45deg); }
.brand-seal::first-letter { transform: rotate(-45deg); }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1.08; }
.brand strong { font-size: 17px; }
.brand small { margin-top: 5px; color: #d0cdd6; font-size: 13px; letter-spacing: .1em; }
.site-header nav { display: flex; gap: 32px; margin-left: auto; }
.site-header nav a { position: relative; color: #dedbe3; font-size: 15px; }
.site-header nav a::after { content: ""; position: absolute; height: 1px; left: 0; right: 100%; bottom: -7px; background: var(--gold); transition: right .3s; }
.site-header nav a:hover::after, .site-header nav a:focus-visible::after { right: 0; }
.nav-cta { display: flex; align-items: center; gap: 28px; padding: 11px 15px 11px 20px; border: 1px solid var(--line); color: #f6f1e7; font-size: 15px; }
.nav-cta span { display: grid; place-items: center; width: 28px; height: 28px; background: var(--ink); color: var(--night); }

.hero { min-height: calc(100svh - 94px); position: relative; display: grid; grid-template-columns: minmax(0,.78fr) minmax(580px,1.22fr); align-items: center; gap: clamp(38px,5vw,74px); padding-block: 30px; isolation: isolate; }
.hero-copy { position: relative; z-index: 2; max-width: 540px; }
.eyebrow, .section-number { margin: 0 0 20px; color: var(--gold); font-size: 14px; letter-spacing: .16em; font-weight: 700; }
.eyebrow { display: flex; align-items: center; gap: 12px; }
.eyebrow span { width: 35px; height: 1px; background: currentColor; }
.hero h1 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 4.5vw, 68px); line-height: 1.18; letter-spacing: -.055em; }
.hero-line { display: block; overflow: hidden; }
.hero-word { display: inline-block; padding-bottom: .08em; }
.accent-word { margin-right: .14em; color: transparent; -webkit-text-stroke: 1px var(--gold); text-shadow: 0 0 35px rgba(233,199,129,.18); }
.hero-lead { max-width: 520px; margin: 25px 0; color: #d0ccd5; font-size: 17px; line-height: 1.82; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.hero-proof span { display: flex; gap: 8px; align-items: center; color: #efebe3; font-size: 15px; }
.hero-proof b { font-size: 13px; color: var(--gold); font-weight: 700; }

.fate-stage { position: absolute; z-index: 0; left: 25%; top: 50%; width: 520px; aspect-ratio: 1; margin-top: -260px; opacity: .28; pointer-events: none; filter: drop-shadow(0 28px 65px rgba(0,0,0,.45)); }
.stage-halo { position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(101,89,180,.22), rgba(20,20,37,.08) 46%, transparent 68%); box-shadow: inset 0 0 90px rgba(155,140,255,.13); }
.astrolabe { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.orbit { fill: none; stroke: rgba(233,199,129,.27); stroke-width: 1; stroke-dasharray: 2 9; transform-origin: 300px 300px; }
.orbit-b { stroke: rgba(155,140,255,.29); stroke-dasharray: 30 8 2 8; }
.orbit-c { stroke: rgba(255,255,255,.2); stroke-dasharray: 1 7; }
.constellation { fill: rgba(155,140,255,.025); stroke: rgba(255,255,255,.18); stroke-width: 1; }
.constellation-inner { fill: none; stroke-dasharray: 4 8; opacity: .5; }
.element-node circle { fill: #11131f; stroke: currentColor; stroke-width: 1.4; filter: url(#glow); }
.element-node text { fill: currentColor; text-anchor: middle; font-family: var(--serif); font-size: 25px; }
.node-wood { color: var(--wood); }.node-fire { color: var(--fire); }.node-earth { color: var(--earth); }.node-metal { color: var(--metal); }.node-water { color: var(--water); }
.fate-core { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 175px; height: 175px; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle at 50% 35%, #29243f, #11131f 60%, #090a12); border: 1px solid rgba(233,199,129,.35); box-shadow: 0 0 0 9px rgba(255,255,255,.018), 0 0 55px rgba(155,140,255,.25), inset 0 0 30px rgba(233,199,129,.08); }
.fate-core::before, .fate-core::after { content: ""; position: absolute; inset: -17px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; border-left-color: transparent; border-right-color: transparent; }
.fate-core::after { inset: -32px; border-color: rgba(233,199,129,.14); border-top-color: transparent; }
.fate-core::before { animation: core-spin 18s linear infinite; }
.fate-core::after { animation: core-spin 27s linear infinite reverse; }
@keyframes core-spin { to { transform: rotate(1turn); } }
.fate-core small { color: var(--gold); font-size: 9px; letter-spacing: .3em; }
.fate-core strong { font-family: var(--serif); font-size: 64px; line-height: 1.15; font-weight: 400; }
.fate-core span { color: var(--muted); font-size: 10px; }
.floating-glyph { position: absolute; color: rgba(255,255,255,.25); font-family: var(--serif); font-size: 20px; }
.glyph-1 { left: 13%; top: 22%; }.glyph-2 { right: 15%; top: 18%; }.glyph-3 { left: 17%; bottom: 18%; }.glyph-4 { right: 14%; bottom: 22%; }
.scroll-cue { position: absolute; left: 0; bottom: 26px; display: flex; align-items: center; gap: 12px; color: #72717c; font-size: 8px; letter-spacing: .22em; writing-mode: vertical-rl; }
.scroll-cue span { width: 1px; height: 38px; background: linear-gradient(var(--gold), transparent); }

.calculator-zone { position: relative; padding: 90px 0; background: linear-gradient(145deg, rgba(20,18,32,.97), rgba(10,11,19,.99)); border-block: 1px solid var(--line); }
.calculator-zone::before { content: "命"; position: absolute; left: -3vw; top: -10vw; color: rgba(255,255,255,.018); font-family: var(--serif); font-size: 42vw; line-height: 1; pointer-events: none; }
.calculator-grid { position: relative; }
.calculator-intro { display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); gap: clamp(50px,8vw,120px); align-items: center; }
.calculator-intro .section-number, .calculator-intro h2, .calculator-intro > p:not(.section-number) { grid-column: 1; }
.calculator-intro .method-stack { grid-column: 2; grid-row: 1 / 4; }
.calculator-intro h2, .section-heading h2, .knowledge-banner h2, .guide-hero h1, .result-hero h1 { margin: 0; font-family: var(--serif); font-weight: 400; line-height: 1.28; letter-spacing: -.045em; }
.calculator-intro h2, .section-heading h2 { font-size: clamp(38px, 4vw, 60px); }
.calculator-intro h2 em, .section-heading h2 em { color: var(--gold); font-style: normal; }
.calculator-intro > p:not(.section-number) { margin: 24px 0 0; max-width: 510px; color: var(--muted); font-size: 16px; line-height: 1.85; }
.method-stack { display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.method-stack div { display: grid; grid-template-columns: 45px 105px 1fr; align-items: center; gap: 16px; padding: 18px; background: #10121d; }
.method-stack span { color: var(--gold); font-family: var(--serif); font-size: 22px; }
.method-stack strong { font-size: 16px; }
.method-stack small { color: #cbc8d1; font-size: 15px; line-height: 1.65; }

.glass-panel { position: relative; padding: clamp(25px,4vw,48px); overflow: hidden; border: 1px solid rgba(255,255,255,.15); background: linear-gradient(150deg, rgba(32,32,50,.9), rgba(16,18,29,.93)); box-shadow: 0 45px 100px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(18px); }
.hero .birth-form { position: relative; z-index: 3; width: 100%; padding: 25px 30px 22px; }
.glass-panel::before { content: ""; position: absolute; width: 200px; height: 200px; right: -110px; top: -110px; border-radius: 50%; border: 1px solid rgba(233,199,129,.3); box-shadow: 0 0 0 20px rgba(233,199,129,.02), 0 0 0 40px rgba(233,199,129,.018); }
.form-head { position: relative; display: flex; align-items: center; gap: 9px; margin-bottom: 34px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.form-head p { margin: 0; font-size: 17px; font-weight: 700; letter-spacing: .01em; }
.form-head small { margin-left: auto; color: #d0cdd6; font-size: 14px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--wood); box-shadow: 0 0 12px var(--wood); }
.field-grid { display: grid; gap: 18px; }.field-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.field { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; }
.field > span:first-child, .field legend { display: block; margin-bottom: 8px; padding: 0; color: #e2dee6; font-size: 15px; font-weight: 700; letter-spacing: .01em; }
.field > span small { color: #c4c1ca; font-size: 13px; }
.field input[type="text"], .field input[type="number"], .field select { width: 100%; height: 48px; padding: 0 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 0; outline: none; color: var(--ink); background: rgba(8,9,16,.64); transition: border-color .2s, box-shadow .2s; }
.field input:focus, .field select:focus { border-color: rgba(233,199,129,.7); box-shadow: 0 0 0 3px rgba(233,199,129,.08); }
.field select { appearance: none; background-image: linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%); background-position: calc(100% - 17px) 21px,calc(100% - 12px) 21px; background-size: 5px 5px; background-repeat: no-repeat; }
.choice-row { display: grid; grid-template-columns: 1fr 1fr; }
.choice-row label { position: relative; }
.choice-row input { position: absolute; opacity: 0; }
.choice-row span { display: grid; place-items: center; height: 48px; border: 1px solid var(--line); color: #ddd9e1; font-size: 16px; transition: .2s; }
.choice-row label + label span { border-left: 0; }
.choice-row input:checked + span { color: var(--night); background: var(--gold); border-color: var(--gold); font-weight: 800; }
.date-inputs, .time-row { display: flex; align-items: center; gap: 10px; }
.date-inputs label, .time-row > label:not(.unknown-time) { flex: 1; position: relative; }
.date-inputs input, .time-row input[type="number"] { padding-right: 36px !important; }
.date-inputs small, .time-row label > small { position: absolute; right: 12px; top: 12px; color: #cbc8d1; font-size: 14px; pointer-events: none; }
.time-row > label:not(.unknown-time) { max-width: 118px; }
.time-colon { color: var(--gold); }
.unknown-time { margin-left: auto; }
.unknown-time input { position: absolute; opacity: 0; }
.unknown-time span { display: grid; place-items: center; height: 48px; padding: 0 14px; border: 1px solid var(--line); color: #e2dee6; font-size: 15px; }
.unknown-time input:checked + span { border-color: var(--violet); color: #fff; background: rgba(155,140,255,.16); }
.switch-row { display: flex !important; align-items: center; gap: 10px; height: 48px; margin: 0 !important; padding: 0 14px; border: 1px solid var(--line); background: rgba(8,9,16,.35); }
.switch-row input { position: absolute; opacity: 0; }
.switch-row i { position: relative; width: 32px; height: 18px; border-radius: 12px; background: #3d3d49; transition: .2s; }
.switch-row i::after { content: ""; position: absolute; width: 12px; height: 12px; left: 3px; top: 3px; border-radius: 50%; background: #aaa; transition: .2s; }
.switch-row input:checked + i { background: var(--violet); box-shadow: 0 0 14px rgba(155,140,255,.35); }
.switch-row input:checked + i::after { transform: translateX(14px); background: #fff; }
.switch-row b { color: #e2dee6; font-size: 15px; font-weight: 500; }
.info-button { width: 17px; height: 17px; padding: 0; border: 1px solid #666571; border-radius: 50%; color: #8c8b96; background: none; font-size: 9px; }
.form-error { min-height: 22px; margin-top: -5px; color: #ffc0b6; font-size: 15px; }
.calculate-button { position: relative; display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; height: 62px; padding: 0 22px; overflow: hidden; border: 0; color: #111; background: linear-gradient(100deg,#f4d38f,#fff0b8,#cfb4ff,#f4d38f); background-size: 250% 100%; font-weight: 900; letter-spacing: -.01em; box-shadow: 0 15px 40px rgba(191,164,105,.18); transition: transform .2s, box-shadow .2s; }
.calculate-button:hover { transform: translateY(-2px); box-shadow: 0 20px 50px rgba(191,164,105,.3); }
.calculate-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.button-arrow { position: absolute; right: 22px; font-size: 22px; font-weight: 400; }
.button-stars { position: absolute; inset: 0; opacity: .28; background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 15px 15px; }
.button-label, .button-arrow { position: relative; z-index: 1; }
.button-label { white-space: nowrap; }
.privacy-note { margin: 11px 0 0; text-align: center; color: #aaa7b2; font-size: 12px; }
.calculation-overlay { position: absolute; z-index: 3; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; background: rgba(9,10,18,.96); backdrop-filter: blur(18px); }
.birth-form.is-loading .calculation-overlay { display: flex; }
.loading-orbit { position: relative; display: grid; place-items: center; width: 150px; height: 150px; }
.loading-orbit i { position: absolute; inset: 0; border: 1px solid rgba(233,199,129,.35); border-radius: 50%; border-top-color: var(--gold); }
.loading-orbit i:nth-child(2) { inset: 16px; border-color: rgba(155,140,255,.35); border-left-color: var(--violet); }
.loading-orbit i:nth-child(3) { inset: 32px; border-color: rgba(109,187,248,.3); border-bottom-color: var(--water); }
.loading-orbit strong { font-family: var(--serif); font-size: 34px; font-weight: 400; }
.calculation-overlay p { margin: 24px 0 18px; color: #d0cdd6; font-size: 15px; }
.calculation-overlay p span { color: var(--gold); }
.loading-track { width: 220px; height: 2px; background: #30313c; }
.loading-track i { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--water),var(--violet),var(--gold)); }

.principles { padding-block: 150px; }
.section-heading { max-width: 820px; margin-bottom: 70px; }
.principle-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.principle-grid article { position: relative; min-height: 420px; padding: 60px 38px 45px; overflow: hidden; border-right: 1px solid var(--line); }
.principle-grid article:first-child { border-left: 1px solid var(--line); }
.huge-index { position: absolute; right: -3px; top: -50px; color: rgba(255,255,255,.025); font-family: Georgia,serif; font-size: 180px; line-height: 1; }
.principle-grid i { color: var(--gold); font-size: 13px; font-style: normal; letter-spacing: .18em; }
.principle-grid h3 { margin: 70px 0 24px; font-family: var(--serif); font-size: 31px; line-height: 1.4; font-weight: 400; }
.principle-grid p { color: #d0cdd6; font-size: 17px; line-height: 1.85; }

.knowledge-section { padding: 150px 0; background: #ece8df; color: #171721; }
.split-heading { display: grid; grid-template-columns: 1fr 400px; align-items: end; gap: 60px; max-width: none; }
.split-heading > p { margin: 0 0 5px; color: #5c5664; font-size: 16px; line-height: 1.85; }
.knowledge-section .section-number { color: #765f2e; }
.master-orbit-grid { display: grid; grid-template-columns: repeat(5,1fr); border-left: 1px solid rgba(0,0,0,.15); border-top: 1px solid rgba(0,0,0,.15); }
.master-tile { position: relative; min-height: 330px; padding: 26px; overflow: hidden; border-right: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15); transition: color .3s, background .3s, transform .3s; }
.master-tile::before { content: ""; position: absolute; width: 150px; height: 150px; right: -75px; bottom: -75px; border-radius: 50%; border: 1px solid currentColor; opacity: .16; transition: transform .5s; }
.master-tile:hover { z-index: 2; color: #fff; transform: translateY(-7px); box-shadow: 0 22px 50px rgba(0,0,0,.18); }
.master-tile:hover::before { transform: scale(2.7); }
.master-tile.element-wood:hover { background: #315944; }.master-tile.element-fire:hover { background: #814036; }.master-tile.element-earth:hover { background: #715b38; }.master-tile.element-metal:hover { background: #4d5763; }.master-tile.element-water:hover { background: #31556f; }
.master-tile small { position: relative; z-index: 1; opacity: .75; font-size: 14px; }
.master-tile > strong { position: relative; z-index: 1; display: block; margin: 26px 0 9px; font-family: var(--serif); font-size: 76px; line-height: 1; font-weight: 400; }
.master-tile h3 { position: relative; z-index: 1; margin: 0; font-family: var(--serif); font-size: 19px; }
.master-tile p { position: relative; z-index: 1; color: inherit; opacity: .88; font-size: 15px; }
.master-tile > span { position: absolute; z-index: 1; left: 26px; bottom: 24px; font-size: 14px; letter-spacing: .02em; opacity: .9; }

.knowledge-links { display: grid; gap: 22px; padding-block: 150px; }
.knowledge-banner { position: relative; min-height: 390px; display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; padding: 52px clamp(35px,6vw,80px); overflow: hidden; border: 1px solid var(--line); background: #11131e; }
.knowledge-banner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 50%, rgba(155,140,255,.13), transparent 38%); transition: transform .6s; }
.knowledge-banner:hover::before { transform: scale(1.2); }
.knowledge-banner > div { position: relative; z-index: 1; }
.knowledge-banner > div:last-child { grid-column: 2; }
.knowledge-banner p { color: var(--gold); font-size: 13px; letter-spacing: .16em; }
.knowledge-banner h2 { font-size: clamp(30px,3.4vw,49px); }
.knowledge-banner div > span { display: inline-block; margin-top: 28px; padding-bottom: 5px; border-bottom: 1px solid var(--gold); color: var(--gold); font-size: 15px; }
.symbol-trail, .ten-wheel { position: absolute !important; left: 5%; top: 50%; width: 360px; height: 360px; transform: translateY(-50%); border: 1px solid rgba(255,255,255,.08); border-radius: 50%; }
.symbol-trail b { position: absolute; display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid currentColor; border-radius: 50%; background: #11131e; font-family: var(--serif); font-size: 26px; font-weight: 400; }
.symbol-trail b:nth-child(1) { color:var(--wood);left:148px;top:-32px}.symbol-trail b:nth-child(2){color:var(--fire);right:-9px;top:91px}.symbol-trail b:nth-child(3){color:var(--earth);right:51px;bottom:-20px}.symbol-trail b:nth-child(4){color:var(--metal);left:29px;bottom:12px}.symbol-trail b:nth-child(5){color:var(--water);left:-30px;top:95px}
.ten-wheel { border-style: dashed; }
.ten-wheel span { position: absolute; color: rgba(255,255,255,.28); font-family: var(--serif); font-size: 31px; }
.ten-wheel span:nth-child(1){left:45%;top:-24px}.ten-wheel span:nth-child(2){right:-14px;top:27%}.ten-wheel span:nth-child(3){right:20px;bottom:9%}.ten-wheel span:nth-child(4){left:14px;bottom:12%}.ten-wheel span:nth-child(5){left:-15px;top:26%}
.ten-wheel strong { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:54px;font-weight:400;color:var(--violet);text-shadow:0 0 30px rgba(155,140,255,.35)}

.faq-section { padding-block: 40px 150px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { list-style: none; position: relative; display: flex; align-items: center; gap: 27px; padding: 28px 60px 28px 5px; cursor: pointer; font-family: var(--serif); font-size: 20px; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color: var(--gold); font: 14px var(--sans); }
.faq-list summary i { position: absolute; right: 16px; width: 17px; height: 17px; }
.faq-list summary i::before,.faq-list summary i::after {content:"";position:absolute;left:0;top:8px;width:17px;height:1px;background:#aaa;transition:.25s}.faq-list summary i::after{transform:rotate(90deg)}.faq-list details[open] summary i::after{transform:rotate(0)}
.faq-list details p { margin: -5px 60px 28px 43px; color: var(--muted); font-size: 16px; line-height: 1.85; }

.site-footer { padding: 75px 0 30px; border-top: 1px solid var(--line); background: rgba(5,6,11,.6); }
.footer-grid { display: grid; grid-template-columns: 1.5fr .65fr 1fr; gap: 70px; }
.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.footer-grid strong { font-size: 15px; }
.footer-grid p,.footer-grid a { margin: 0; color: #cbc8d1; font-size: 15px; line-height: 1.75; }
.footer-mark { display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border:1px solid rgba(233,199,129,.4);color:var(--gold);font-family:var(--serif);font-size:20px; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 55px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.07); color: #bbb8c2; font-size: 13px; }

/* 공개 가이드 */
.guide-hero { padding: 125px 0 100px; position: relative; }
.breadcrumbs { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#c8c5ce;font-size:14px;letter-spacing:.02em}.breadcrumbs a:hover{color:var(--gold)}
.guide-kicker { color: var(--gold); font-size: 14px; letter-spacing: .16em; }
.guide-hero h1 { max-width: 900px; margin-top: 16px; font-size: clamp(47px,6vw,86px); }
.guide-answer { max-width: 850px; margin: 32px 0 0; color: #b8b6c0; font-size: 18px; line-height: 1.9; }
.guide-symbol { position:absolute;right:4%;top:55%;transform:translateY(-50%);color:rgba(233,199,129,.06);font-family:var(--serif);font-size:min(29vw,360px);line-height:1; }
.guide-layout { display:grid;grid-template-columns:260px minmax(0,760px);gap:90px;padding-bottom:140px; }
.guide-aside { position:sticky;top:30px;align-self:start;padding:25px;border:1px solid var(--line);background:rgba(16,18,29,.75); }
.guide-aside strong { display:block;margin-bottom:15px;color:var(--gold);font-size:14px;letter-spacing:.12em}.guide-aside a{display:block;padding:9px 0;color:#d0cdd6;font-size:16px}.guide-aside a:hover{color:#fff}
.guide-body article { padding: 0 0 45px; margin-bottom: 45px; border-bottom: 1px solid var(--line); }
.guide-body h2 { margin: 0 0 18px; font-family:var(--serif);font-size:34px;font-weight:400}.guide-body p{margin:0;color:#cbc7d0;font-size:17px;line-height:1.95}
.guide-body pre { max-width:100%;overflow:auto;padding:20px;border:1px solid var(--line);background:#090a12;color:#e0dce5;font:15px/1.75 Consolas,monospace;white-space:pre-wrap;word-break:break-all }
.guide-cta { margin:55px 0;padding:40px;border:1px solid rgba(233,199,129,.3);background:linear-gradient(120deg,rgba(233,199,129,.09),rgba(155,140,255,.08));}.guide-cta h2{margin-bottom:10px}.guide-cta a{display:inline-block;margin-top:18px;padding:13px 20px;background:var(--gold);color:#14141c;font-size:14px;font-weight:800}
.related-guides { display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.related-guides a{padding:10px 14px;border:1px solid var(--line);color:#dfdbe3;font-size:15px}

/* 비공개 결과 */
.result-page { background: #080910; }
.result-hero { position:relative;padding:100px 0 70px;text-align:center; }
.result-hero .eyebrow { justify-content:center; }
.result-hero h1 { font-size:clamp(43px,6vw,78px); }.result-hero h1 em{color:var(--gold);font-style:normal}.result-hero > p{max-width:720px;margin:25px auto 0;color:#c4c0ca;font-size:17px;line-height:1.85}
.result-meta { display:flex;justify-content:center;gap:10px;margin-top:25px;flex-wrap:wrap}.result-meta span{padding:8px 13px;border:1px solid var(--line);color:#d0cdd6;font-size:14px}
.uncertainty-notice { max-width:900px;margin:0 auto 35px;padding:20px 25px;border-left:3px solid var(--gold);background:rgba(233,199,129,.08);color:#e3ddd0;font-size:16px;line-height:1.75; }
.chart-stage { position:relative;max-width:980px;margin:0 auto 100px;padding:55px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(96,75,148,.14),transparent 45%),rgba(15,16,26,.86);box-shadow:0 40px 90px rgba(0,0,0,.36)}
.chart-stage::before,.chart-stage::after{content:"";position:absolute;width:40px;height:40px;border-color:var(--gold);opacity:.45}.chart-stage::before{left:15px;top:15px;border-left:1px solid;border-top:1px solid}.chart-stage::after{right:15px;bottom:15px;border-right:1px solid;border-bottom:1px solid}
.pillars { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;direction:rtl}.pillar{direction:ltr;position:relative;text-align:center;padding:22px 8px;border:1px solid var(--line);background:rgba(9,10,18,.64)}.pillar.is-empty{opacity:.62}.pillar-label{color:#cbc8d1;font-size:13px;letter-spacing:.1em}.pillar-god{display:block;min-height:20px;margin:9px 0;color:#dfdbe3;font-size:14px}.pillar-char{display:block;font-family:var(--serif);font-size:clamp(45px,6vw,70px);font-weight:400;line-height:1.1}.pillar-char.stem{color:var(--element-color,var(--gold))}.pillar-char.branch{margin-top:8px;color:#eeebe5}.pillar-korean{display:block;margin-top:13px;color:#d0cdd6;font-size:14px}.pillar-stage{display:inline-block;margin-top:12px;padding:5px 10px;border:1px solid var(--line);color:#dfdbe3;font-size:13px}
.result-shell { padding-bottom:130px; }
.narrative-section { position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;margin:0 0 80px;padding:54px 60px;overflow:hidden;border:1px solid rgba(233,199,129,.3);background:radial-gradient(circle at 10% 50%,rgba(155,140,255,.16),transparent 30%),linear-gradient(125deg,rgba(28,25,43,.96),rgba(13,15,24,.98));box-shadow:0 32px 80px rgba(0,0,0,.28)}
.narrative-section::after{content:"LOCAL";position:absolute;right:-14px;bottom:-42px;color:rgba(255,255,255,.025);font:110px/1 Georgia,serif;letter-spacing:.03em}
.narrative-orbit{position:relative;align-self:center;display:grid;place-items:center;width:180px;height:180px;border:1px solid rgba(233,199,129,.34);border-radius:50%;box-shadow:0 0 60px rgba(155,140,255,.14)}.narrative-orbit i{position:absolute;inset:18px;border:1px dashed rgba(155,140,255,.42);border-radius:50%;animation:core-spin 22s linear infinite}.narrative-orbit i:nth-child(2){inset:36px;border-color:rgba(109,187,248,.3);animation-direction:reverse;animation-duration:16s}.narrative-orbit strong{font:54px var(--serif);font-weight:400;color:var(--gold);text-shadow:0 0 24px rgba(233,199,129,.25)}
.narrative-copy{position:relative;z-index:1}.narrative-copy>p{margin:0 0 11px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.16em}.narrative-copy h2{margin:0 0 22px;font-family:var(--serif);font-size:38px;line-height:1.42;font-weight:400}.narrative-prose{display:grid;gap:13px}.narrative-prose p{margin:0;color:#e0dce5;font-size:18px;line-height:1.9}.narrative-prose strong{display:block;margin-bottom:5px;color:#f0d8a4;font-size:16px;letter-spacing:.02em}.narrative-copy>small{display:block;margin-top:23px;padding-top:17px;border-top:1px solid var(--line);color:#c8c5ce;font-size:14px;line-height:1.75}
.result-section { display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;padding:80px 0;border-top:1px solid var(--line)}
.result-section-title p{margin:0 0 12px;color:var(--gold);font-size:13px;letter-spacing:.15em}.result-section-title h2{margin:0;font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.4}.result-section-title small{display:block;margin-top:17px;color:#cbc8d1;font-size:16px;line-height:1.75}
.element-bars { display:grid;gap:18px}.element-bar{display:grid;grid-template-columns:62px 1fr 58px;gap:14px;align-items:center}.element-bar strong{font-family:var(--serif);font-size:19px}.bar-track{height:10px;background:#242632;overflow:hidden}.bar-fill{height:100%;width:var(--value);background:var(--element-color);transform-origin:left;box-shadow:0 0 17px var(--element-color)}.element-bar span{color:#e0dce5;font-size:15px;text-align:right}
.yin-yang-balance{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}.yin-yang-balance>div{position:relative;display:grid;grid-template-columns:50px 1fr;align-items:center;gap:0 13px;padding:15px;border:1px solid var(--line);overflow:hidden}.yin-yang-balance>div::before{content:"";position:absolute;left:0;bottom:0;width:var(--ratio);height:2px;background:currentColor;box-shadow:0 0 12px currentColor}.yin-yang-balance span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font-family:var(--serif);font-size:20px}.yin-yang-balance strong{font-size:15px}.yin-yang-balance small{color:#c8c5ce;font-size:14px}.yang-side{color:var(--gold)}.yin-side{color:var(--water)}
.analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.analysis-card{position:relative;padding:32px;border:1px solid var(--line);background:rgba(17,19,30,.7);overflow:hidden}.analysis-card::before{content:attr(data-index);position:absolute;right:7px;top:-24px;color:rgba(255,255,255,.035);font:94px Georgia,serif}.analysis-card small{color:var(--gold);font-size:13px;letter-spacing:.1em}.analysis-card h3{position:relative;margin:14px 0;font-family:var(--serif);font-size:27px;font-weight:400}.analysis-card p{position:relative;color:#ddd9e1;font-size:17px;line-height:1.85}.analysis-card .advice{padding-top:14px;border-top:1px solid var(--line);color:#fff2db}
.interpretation-summary{margin-bottom:42px;padding:42px 46px;border:1px solid rgba(230,186,114,.42);background:linear-gradient(125deg,rgba(230,186,114,.1),rgba(17,19,30,.9) 55%)}.interpretation-summary>p:first-child{margin:0 0 12px;color:var(--gold);font-size:13px;letter-spacing:.14em}.interpretation-summary h2{max-width:850px;margin:0;font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.45}.interpretation-summary-copy{max-width:950px;margin:22px 0 0;color:#eeeaf1;font-size:18px;line-height:1.9}.analysis-evidence{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.analysis-evidence strong{width:100%;margin-bottom:2px;color:#bdb8c6;font-size:13px}.analysis-evidence span{padding:7px 10px;border:1px solid rgba(230,186,114,.25);color:#efe4d1;font-size:14px;line-height:1.3}
.strength-meter{position:relative;height:12px;margin:15px 0 35px;background:linear-gradient(90deg,#6889d8,#7cbea7,#e3c57e,#dc796f)}.strength-needle{position:absolute;top:-7px;left:var(--score);width:2px;height:26px;background:#fff;box-shadow:0 0 10px #fff}.strength-needle::after{content:"";position:absolute;top:-5px;left:-4px;border:5px solid transparent;border-top-color:#fff}.factor-list{display:grid;gap:10px}.factor{display:grid;grid-template-columns:1fr auto;gap:8px;padding:18px;border:1px solid var(--line)}.factor strong{font-size:16px}.factor b{color:var(--gold);font-size:16px}.factor p{grid-column:1/-1;margin:0;color:#d0cdd6;font-size:16px;line-height:1.75}
.relationship-list{display:flex;flex-wrap:wrap;gap:10px}.relationship-chip{padding:13px 17px;border:1px solid rgba(155,140,255,.34);background:rgba(155,140,255,.09);font-size:15px}.relationship-chip b{color:#c6bdff;margin-right:7px}
.fortune-scroll{overflow-x:auto;padding-bottom:10px}.fortune-row{display:flex;min-width:max-content}.fortune-item{width:132px;padding:22px 12px;border:1px solid var(--line);border-right:0;text-align:center}.fortune-item:last-child{border-right:1px solid var(--line)}.fortune-item small{color:#c8c5ce;font-size:13px}.fortune-item strong{display:block;margin:10px 0;font-family:var(--serif);font-size:30px;font-weight:400}.fortune-item span{color:var(--gold);font-size:14px}
.share-section{position:relative;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);gap:clamp(42px,6vw,82px);align-items:center;margin:70px 0;padding:58px;border:1px solid rgba(233,199,129,.32);background:linear-gradient(120deg,rgba(12,14,23,.96),rgba(27,22,38,.93));overflow:hidden}.share-section::before{content:"";position:absolute;right:-130px;top:-190px;width:430px;height:430px;border:1px solid rgba(155,140,255,.15);border-radius:50%;box-shadow:0 0 90px rgba(155,140,255,.1)}
.share-card-preview{position:relative;min-height:390px;padding:35px 35px 30px;border:1px solid rgba(233,199,129,.5);background:radial-gradient(circle at 85% 12%,rgba(155,140,255,.22),transparent 34%),#0c0d16;box-shadow:0 30px 70px rgba(0,0,0,.34);isolation:isolate}.share-card-preview::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.06);pointer-events:none}.share-card-preview>span{position:relative;z-index:1;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.16em}.share-card-preview>strong{position:absolute;z-index:-1;right:18px;top:42px;color:rgba(233,199,129,.1);font:210px/1 var(--serif);font-weight:400}.share-card-preview h2{position:relative;z-index:1;max-width:430px;margin:62px 0 34px;font-family:var(--serif);font-size:clamp(29px,2.7vw,39px);font-weight:400;line-height:1.45}.share-card-preview>div{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.share-card-preview i{padding:8px 11px;border:1px solid rgba(255,255,255,.14);color:#e7e2ea;font-size:14px;font-style:normal}.share-card-preview small{position:absolute;z-index:1;left:35px;bottom:28px;color:#d5c9ae;font-size:14px;font-weight:700}
.share-content{position:relative;z-index:1}.share-content>p:first-child{margin:0 0 13px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.15em}.share-content h2{margin:0;font-family:var(--serif);font-size:clamp(35px,3.5vw,49px);font-weight:400;line-height:1.35}.share-content>p:not(:first-child):not(.share-status){max-width:620px;margin:22px 0 0;color:#d4d0d8;font-size:17px;line-height:1.85}.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.share-actions button{display:flex;align-items:center;min-width:0;min-height:56px;padding:10px 16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#f2edf4;font-size:15px;font-weight:700;text-align:left;white-space:nowrap;transition:border-color .2s,background .2s,transform .2s}.share-actions button:hover,.share-actions button:focus-visible{border-color:var(--gold);background:rgba(233,199,129,.1);transform:translateY(-2px)}.share-actions button:disabled{opacity:.55;transform:none;cursor:wait}.share-actions button span{display:grid;place-items:center;flex:0 0 31px;height:31px;margin-right:11px;border:1px solid rgba(233,199,129,.42);color:var(--gold);font-size:14px}.share-status{min-height:27px;margin:15px 0 0!important;color:#d9c99f!important;font-size:14px!important;line-height:1.65!important}.share-status.is-error{color:#ff9e92!important}
.result-actions{display:flex;justify-content:center;gap:10px;margin-top:40px}.result-actions a,.result-actions button{padding:14px 21px;border:1px solid var(--line);color:#f0ece4;background:transparent;font-size:16px}.result-actions .primary{border-color:var(--gold);background:var(--gold);color:#12131a;font-weight:800}
.error-page { min-height:65vh;display:grid;place-items:center;text-align:center}.error-page strong{font:100px var(--serif);color:rgba(233,199,129,.2)}.error-page h1{font:36px var(--serif);font-weight:400}.error-page p{color:var(--muted);font-size:17px}.error-page a{display:inline-block;margin-top:15px;padding:12px 20px;background:var(--gold);color:#111;font-size:15px;font-weight:800}

@media (max-width: 1050px) {
    :root { --shell: min(100% - 38px, 900px); }
    .hero { grid-template-columns: minmax(0,1fr) 520px; gap:36px; }
    .hero h1 { font-size: 49px; }
    .hero-lead { font-size:17px; }
    .hero-proof span { font-size:14px; }
    .calculator-grid { max-width: 900px; }
    .calculator-intro { display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.calculator-intro .section-number,.calculator-intro h2{grid-column:1}.calculator-intro>p:not(.section-number){grid-column:1}.method-stack{grid-column:2;grid-row:1/4;align-self:center}.method-stack div{grid-template-columns:35px 90px 1fr;padding:14px}.method-stack small{font-size:14px}
    .master-orbit-grid { grid-template-columns: repeat(2,1fr); }
    .master-tile:last-child { grid-column: span 2; min-height:230px; }
    .knowledge-banner { grid-template-columns:.8fr 1.2fr}.symbol-trail,.ten-wheel{width:290px;height:290px}.symbol-trail b:nth-child(1){left:113px}.symbol-trail b:nth-child(2){top:70px}.symbol-trail b:nth-child(3){right:34px}.symbol-trail b:nth-child(4){left:20px}.symbol-trail b:nth-child(5){top:70px}
}

@media (max-width: 760px) {
    :root { --shell: calc(100vw - 32px); }
    body { overflow-x: hidden; }
    .site-header { height: 75px; }.nav-wrap{gap:0}.site-header nav,.nav-cta{display:none}.brand{margin-right:auto}.brand-seal{width:36px;height:36px}.brand strong{font-size:15px}
    .hero { min-height:auto;display:flex;flex-direction:column;gap:0;padding:38px 0 55px;overflow:hidden; }
    .hero-copy { width:100%;margin-bottom:30px; }.hero h1{font-size:clamp(40px,12vw,52px)}.hero-lead{font-size:16px;line-height:1.8}.hero-proof{gap:8px 15px}.hero-proof span{font-size:14px}
    .fate-stage { z-index:0;left:auto;right:-210px;top:5px;width:430px;margin:0;opacity:.15; }.fate-core{width:125px;height:125px}.fate-core strong{font-size:47px}.fate-core::after{inset:-24px}.floating-glyph{font-size:15px}.scroll-cue{display:none}
    .calculator-zone,.principles,.knowledge-section,.knowledge-links{padding-block:80px}.calculator-grid{width:var(--shell)}.calculator-intro{display:block}.calculator-intro h2,.section-heading h2{font-size:39px}.method-stack{margin-top:35px}.method-stack div{grid-template-columns:30px 83px 1fr;gap:9px;padding:14px}.method-stack span{font-size:18px}.method-stack strong{font-size:15px}.method-stack small{font-size:14px}
    .hero .birth-form,.glass-panel{padding:23px 18px}.field-grid.two{grid-template-columns:1fr;gap:0}.leap-field[hidden]{display:none}.date-inputs{gap:6px}.date-inputs input{padding:0 28px 0 8px!important;text-align:center}.date-inputs small{right:8px}.time-row{flex-wrap:wrap}.time-row>label:not(.unknown-time){max-width:none}.unknown-time{width:100%;margin:0}.unknown-time span{height:44px}.location-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.location-grid .field>span:first-child{min-height:20px}.location-grid .switch-row{padding-inline:8px}.location-grid .switch-row b{font-size:14px}.info-button{display:none}.calculate-button{height:58px}
    .section-heading{margin-bottom:45px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:330px;padding:44px 28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid article:last-child{border-bottom:0}.principle-grid h3{margin:45px 0 17px;font-size:27px}
    .split-heading{display:block}.split-heading>p{margin-top:22px}.master-orbit-grid{grid-template-columns:repeat(2,1fr)}.master-tile{min-height:265px;padding:19px}.master-tile>strong{font-size:56px}.master-tile p{font-size:14px}.master-tile>span{left:19px;bottom:18px}.master-tile:last-child{grid-column:auto;min-height:265px}
    .knowledge-banner{min-height:520px;display:flex;align-items:flex-end;padding:35px 25px}.knowledge-banner>div:last-child{width:100%}.knowledge-banner h2{font-size:30px}.symbol-trail,.ten-wheel{left:50%;top:32%;width:240px;height:240px;transform:translate(-50%,-50%)}.symbol-trail b{width:50px;height:50px;font-size:21px}.symbol-trail b:nth-child(1){left:95px;top:-25px}.symbol-trail b:nth-child(2){right:-6px;top:59px}.symbol-trail b:nth-child(3){right:29px}.symbol-trail b:nth-child(4){left:16px}.symbol-trail b:nth-child(5){left:-23px;top:59px}.ten-wheel strong{font-size:42px}
    .faq-section{padding-bottom:90px}.faq-list summary{gap:14px;padding:23px 40px 23px 4px;font-size:18px;line-height:1.5}.faq-list summary i{right:7px}.faq-list details p{margin:0 10px 23px 29px;font-size:15px}
    .footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}
    .guide-hero{padding:75px 0 65px}.guide-hero h1{font-size:47px}.guide-answer{font-size:16px}.guide-symbol{right:0;top:40%;font-size:55vw}.guide-layout{grid-template-columns:1fr;gap:35px;padding-bottom:90px}.guide-aside{position:static;display:none}.guide-body h2{font-size:29px}.guide-body p{font-size:15px}.guide-cta{padding:27px 22px}
    .result-hero{padding:70px 0 50px}.result-hero h1{font-size:42px}.chart-stage{padding:34px 12px;margin-bottom:65px}.pillars{gap:5px}.pillar{padding:16px 3px}.pillar-label{font-size:10px}.pillar-god{font-size:10px}.pillar-char{font-size:42px}.pillar-korean{font-size:10px}.pillar-stage{padding:3px 5px;font-size:10px}.interpretation-summary{padding:30px 24px}.interpretation-summary h2{font-size:29px}.interpretation-summary-copy{font-size:16px}.narrative-section{grid-template-columns:1fr;gap:25px;margin-bottom:55px;padding:35px 24px}.narrative-orbit{width:110px;height:110px}.narrative-orbit i{inset:12px}.narrative-orbit i:nth-child(2){inset:25px}.narrative-orbit strong{font-size:38px}.narrative-copy h2{font-size:30px}.narrative-prose p{font-size:15px}.result-section{grid-template-columns:1fr;gap:30px;padding:55px 0}.analysis-grid{grid-template-columns:1fr}.analysis-card{padding:24px}.share-section{grid-template-columns:1fr;gap:34px;margin:55px 0;padding:24px}.share-card-preview{min-height:330px;padding:27px}.share-card-preview>strong{font-size:165px}.share-card-preview h2{margin-top:52px;font-size:29px}.share-card-preview small{left:27px;bottom:23px}.share-content h2{font-size:34px}.share-content>p:not(:first-child):not(.share-status){font-size:16px}.share-actions{grid-template-columns:1fr}.share-actions button{width:100%;min-height:58px;font-size:16px}.result-actions{flex-direction:column}.result-actions a,.result-actions button{text-align:center}
}

@media (min-width: 761px) and (max-width: 1080px) {
    .share-section{grid-template-columns:1fr;gap:42px;padding:44px}.share-card-preview{max-width:640px}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media print {
    .share-section,.result-actions,.site-header,.site-footer,.cosmic-field{display:none!important}
}

@media (max-width: 385px) {
    .hero h1 { font-size:38px }.hero-proof span{width:100%}.method-stack div{grid-template-columns:26px 72px 1fr}.method-stack small{font-size:11px}.master-tile{min-height:245px}.master-tile>strong{font-size:48px}.master-tile h3{font-size:16px}.location-grid{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .cursor-aura { display:none; }
}