:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4fb;font-synthesis:none;text-rendering:optimizelegibility;background:#05070d;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 15% 0,#5ac8fa29,#0000 32%),radial-gradient(circle at 90% 4%,#c4b5fd21,#0000 28%),linear-gradient(#05070d 0%,#08111d 52%,#05070d 100%);min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:3px;outline:3px solid #8bd8ff73}.app-shell{width:min(1160px,100%);min-height:100vh;margin:0 auto;padding:clamp(20px,5vw,64px) 20px 80px}.hero-panel,.official-reading,.empty-result{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1220db;border:1px solid #a6b5cd29;box-shadow:0 28px 90px #00000057}.hero-panel{border-radius:30px;padding:clamp(26px,6vw,64px)}.eyebrow,.section-kicker{color:#8bd8ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}h1,h2,h3,p{word-break:keep-all}h1{letter-spacing:-.055em;max-width:820px;margin:12px 0 0;font-size:clamp(36px,7vw,72px);line-height:1.08}.description{color:#9eb2c6;max-width:680px;margin:24px 0 0;font-size:clamp(16px,2.2vw,19px);line-height:1.8}.main-question-form{gap:12px;max-width:780px;margin-top:34px;display:grid}.main-question-form label{color:#dce8f6;font-size:14px;font-weight:750}textarea{resize:vertical;color:#f5f9ff;background:#040912c2;border:1px solid #a6b5cd33;border-radius:18px;width:100%;padding:17px 18px;line-height:1.7;transition:border-color .16s,background .16s}textarea::placeholder{color:#647b91}textarea:hover,textarea:focus{background:#050d19eb;border-color:#8bd8ff85}.primary-button,.secondary-button,.danger-button,.icon-button{border:0;font-weight:800}.primary-button,.secondary-button,.danger-button{border-radius:15px;min-height:48px;padding:0 20px}.primary-button{color:#03111b;background:linear-gradient(135deg,#8bd8ff,#c4b5fd);box-shadow:0 12px 30px #53b1e230}.primary-button:hover{filter:brightness(1.07)}.primary-button--hero{justify-self:start;min-width:210px}.secondary-button{color:#dce8f6;background:#a6b5cd14;border:1px solid #a6b5cd33}.secondary-button:hover{background:#a6b5cd24}.danger-button{color:#fff1f3;background:#992635b8;border:1px solid #ff818f52}.danger-button:hover{background:#b12d3ed6}.form-feedback{color:#ffd4d9;margin:14px 0 0;font-weight:700}.result-stage{margin-top:22px}.empty-result{border-radius:24px;padding:clamp(26px,5vw,44px)}.empty-result h2{letter-spacing:-.035em;max-width:620px;margin:10px 0 0;font-size:clamp(26px,4vw,40px)}.empty-result p:last-child{color:#8fa4b9;margin:14px 0 0;line-height:1.7}.official-reading{border-radius:28px;padding:clamp(24px,5vw,52px)}.reading-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.reading-question{color:#f7fbff;letter-spacing:-.03em;max-width:700px;margin:10px 0 0;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.35}.safety-level{color:#aebfd0;background:#a6b5cd12;border:1px solid #a6b5cd2e;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:800}.safety-level--guarded{color:#ffdc9d;background:#6f4e182e;border-color:#ffcb754d}.safety-level--crisis{color:#ffc2ca;background:#74192533;border-color:#ff818f57}.coordinate-card{background:linear-gradient(135deg,#4da3d21a,#9b7de114),#040a148f;border:1px solid #8bd8ff2e;border-radius:22px;margin-top:30px;padding:20px}.coordinate-card--compact{margin-top:22px}.coordinate-axis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.coordinate-axis-grid>div{background:#a6b5cd0b;border:1px solid #a6b5cd1f;border-radius:17px;align-content:center;min-height:126px;padding:15px;display:grid}.coordinate-symbol{color:#d8ccff;font-size:30px;line-height:1}.coordinate-symbol--house{color:#a9e4ff;border:1px solid #8bd8ff52;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:850;display:grid}.coordinate-axis-label{color:#70869a;margin-top:11px;font-size:11px;font-weight:800}.coordinate-axis-grid strong{margin-top:3px;font-size:17px}.condition-badge{color:#c8d6e5;background:#a6b5cd17;border-radius:999px;margin:14px 0 0;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.condition-badge--supportive{color:#b9f6d5;background:#2481532e}.condition-badge--challenging{color:#ffd3b0;background:#91481930}.reading-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.reading-title,.reading-alert,.reading-section{background:#a6b5cd0b;border:1px solid #a6b5cd1f;border-radius:18px;margin:0;padding:19px}.reading-title{letter-spacing:-.04em;grid-column:1/-1;font-size:clamp(28px,4vw,44px)}.reading-alert{grid-column:1/-1}.reading-alert strong,.reading-section h3,.preview-grid h3{color:#8ca3b8;letter-spacing:.02em;font-size:12px;font-weight:850}.reading-alert p,.reading-section p,.preview-grid p{color:#dce8f6;margin:9px 0 0;line-height:1.72}.reading-alert--safety-message{background:#74192526;border-color:#ff818f40}.reading-alert--reality-check{background:#6f4e1821;border-color:#ffcb753b}.reading-section--base-summary,.reading-section--question-connection,.reading-section--symbolic-basis{grid-column:1/-1}.sheet-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01040ab8;align-items:end;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.free-roll-sheet{overscroll-behavior:contain;background:#0a1220;border:1px solid #a6b5cd33;border-radius:28px 28px 20px 20px;width:min(940px,100%);max-height:calc(100vh - 40px);margin:0 auto;padding:clamp(22px,5vw,42px);position:relative;overflow-y:auto;box-shadow:0 -28px 100px #00000094}.sheet-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sheet-header h2,.base-preview h2{letter-spacing:-.04em;margin:9px 0 0;font-size:clamp(25px,4vw,40px);line-height:1.2}.sheet-description{color:#8fa4b9;max-width:680px;margin:12px 0 0;line-height:1.7}.icon-button{color:#e6eff8;background:#a6b5cd14;border:1px solid #a6b5cd29;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:grid}.base-preview{border-top:1px solid #a6b5cd24;margin-top:22px;padding-top:24px}.base-preview__key{background:#2a678b12;border:1px solid #8bd8ff29;border-radius:20px;padding:clamp(18px,3vw,26px)}.base-preview__details{margin-top:22px}.reading-lead{color:#b8c9d9;margin:15px 0 0;font-size:17px;line-height:1.75}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.preview-grid section{background:#a6b5cd0b;border:1px solid #a6b5cd1f;border-radius:16px;padding:17px}.preview-grid h3{margin:0}.follow-up-card{background:#2a678b17;border:1px solid #8bd8ff33;border-radius:20px;margin-top:24px;padding:20px}.follow-up-card h3{margin:8px 0 16px;font-size:19px}.sheet-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.discard-confirmation{z-index:2;background:#1a1119;border:1px solid #ff818f57;border-radius:20px;margin-top:18px;padding:20px;position:sticky;bottom:0;box-shadow:0 -16px 50px #0000006b}.discard-confirmation h3{margin:9px 0 0;font-size:21px}.discard-confirmation>p:last-of-type{color:#cdbbc1;margin:10px 0 0;line-height:1.7}.discard-confirmation__actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.app-shell{padding:14px 14px 56px}.hero-panel,.official-reading{border-radius:22px}.reading-header{display:grid}.safety-level{justify-self:start}.coordinate-axis-grid,.reading-flow,.preview-grid{grid-template-columns:1fr}.coordinate-axis-grid>div{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;min-height:96px}.coordinate-symbol,.coordinate-symbol--house{grid-row:1/span 2}.coordinate-axis-label{margin-top:0}.reading-title,.reading-alert,.reading-section--base-summary,.reading-section--question-connection,.reading-section--symbolic-basis{grid-column:auto}.sheet-backdrop{padding:0}.free-roll-sheet{max-height:100dvh;padding:22px 16px max(20px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sheet-header{gap:12px}.sheet-description{font-size:14px}.base-preview__key,.follow-up-card,.discard-confirmation{padding:17px}.sheet-actions,.discard-confirmation__actions{grid-template-columns:1fr;display:grid}.sheet-actions__promote{order:-1}.sheet-actions button,.discard-confirmation__actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.history-shell{width:min(1160px,100%);margin:-52px auto 0;padding:0 20px 80px}.history-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1220db;border:1px solid #a6b5cd29;border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 28px 90px #00000057}.history-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.history-header h2{letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(28px,4vw,44px)}.history-header p:last-child{color:#8fa4b9;max-width:680px;margin:12px 0 0;line-height:1.7}.history-count{color:#b9e8ff;background:#2a678b21;border:1px solid #8bd8ff38;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:850}.history-feedback{color:#ffe0a7;background:#6f4e1829;border:1px solid #ffcb7547;border-radius:16px;margin:20px 0 0;padding:14px 16px;font-weight:700;line-height:1.65}.history-empty{background:#a6b5cd09;border:1px dashed #a6b5cd2e;border-radius:20px;margin-top:24px;padding:24px}.history-empty h3{margin:9px 0 0;font-size:22px}.history-empty p:last-child{color:#8fa4b9;margin:10px 0 0;line-height:1.7}.history-layout{grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:18px;margin-top:24px;display:grid}.history-list{align-content:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-list-button{color:#dce8f6;text-align:left;background:#a6b5cd0b;border:1px solid #a6b5cd24;border-radius:17px;gap:7px;width:100%;padding:16px;display:grid}.history-list-button:hover{background:#2a678b1a;border-color:#8bd8ff57}.history-list-button--selected{background:linear-gradient(135deg,#4da3d224,#9b7de11a);border-color:#8bd8ff75}.history-list-button strong{font-size:15px;line-height:1.5}.history-list-button time,.history-list-button span{color:#8298ad;font-size:12px;line-height:1.45}.history-detail-column{min-width:0}.history-detail-actions{justify-content:flex-end;gap:10px;margin-bottom:12px;display:flex}.history-reading-detail{background:#040a1470;border:1px solid #a6b5cd24;border-radius:22px;padding:clamp(20px,4vw,34px)}.history-reading-question{letter-spacing:-.03em;max-width:680px;margin:9px 0 0;font-size:clamp(22px,3vw,32px);line-height:1.35}.history-reading-detail time{color:#8298ad;margin-top:10px;font-size:13px;display:inline-block}.history-coordinate-card{background:#2a678b12;border:1px solid #8bd8ff29;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;padding:14px;display:grid}.history-coordinate-card div{background:#a6b5cd0b;border-radius:13px;gap:5px;padding:13px;display:grid}.history-coordinate-card span{color:#70869a;font-size:11px;font-weight:800}.history-coordinate-card strong{font-size:15px}.history-reading-detail .reading-section h4{color:#8ca3b8;letter-spacing:.02em;margin:0;font-size:12px;font-weight:850}.history-delete-confirmation{background:#1a1119;border:1px solid #ff818f57;border-radius:20px;margin-top:14px;padding:20px;box-shadow:0 16px 50px #0000004d}.history-delete-confirmation h3{margin:9px 0 0;font-size:21px}.history-delete-confirmation>p:last-of-type{color:#cdbbc1;margin:10px 0 0;line-height:1.7}.history-delete-confirmation>div{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.history-empty--detail{margin-top:0}@media (width<=860px){.history-layout{grid-template-columns:1fr}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.history-shell{margin-top:-42px;padding:0 14px 56px}.history-panel{border-radius:22px;padding:22px 16px}.history-header{display:grid}.history-count{justify-self:start}.history-list{grid-template-columns:1fr}.history-detail-actions,.history-delete-confirmation>div{grid-template-columns:1fr;display:grid}.history-detail-actions button,.history-delete-confirmation button{width:100%}.history-detail-actions .primary-button{order:-1}.history-coordinate-card{grid-template-columns:1fr}}