:root{font-size:18px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;color:#27211b;background:#e6dfd1;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f4efe5;--paper-raised: #faf6ed;--paper-deep: #ece4d6;--ink: #27211b;--ink-soft: #5e554b;--ink-faint: #6f665d;--rule: #d8cdbb;--cinnabar: #b43b2b;--cinnabar-dark: #8d2e22;--cinnabar-wash: #f1ddd6;--on-accent: #fffaf1;--serif: "Noto Serif KR", "Nanum Myeongjo", "Batang", ui-serif, serif;--radius-small: 8px;--radius: 14px;--motion: .28s cubic-bezier(.32, .88, .36, 1)}:root[data-theme=ink]{color-scheme:dark;--paper: #1e1a16;--paper-raised: #28221c;--paper-deep: #302920;--ink: #f0e8d9;--ink-soft: #c1b6a3;--ink-faint: #9a8e7c;--rule: #453b30;--cinnabar: #cc5b45;--cinnabar-dark: #e17c66;--cinnabar-wash: #3d2821;--on-accent: #fff9ed}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#e7e0d4}button,input,select,textarea{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--cinnabar);outline-offset:3px}.site-stage{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.65),transparent 28%),radial-gradient(circle at 85% 82%,rgba(126,96,65,.11),transparent 33%),#e7e0d4}.app-shell{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:min(100%,430px);height:min(900px,100dvh);overflow:hidden;background:var(--paper);color:var(--ink);border:1px solid color-mix(in srgb,var(--rule),transparent 15%);box-shadow:0 28px 80px #34281d2e;transition:background var(--motion),color var(--motion)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(97deg,transparent 0 9px,rgba(74,52,28,.035) 10px,transparent 11px 18px),repeating-linear-gradient(2deg,transparent 0 13px,rgba(255,255,255,.15) 14px,transparent 15px 25px)}.app-shell>*{position:relative;z-index:1}.app-shell--onboarding{display:block;overflow-y:auto}.app-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.app-header{min-height:62px;display:grid;grid-template-columns:82px 1fr 116px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 15px 10px;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-button,.header-spacer{width:44px;height:44px}.back-button{border:0;border-radius:50%;background:transparent;font-size:1.4rem;cursor:pointer}.wordmark{border:0;background:none;font-family:var(--serif);font-size:1.02rem;font-weight:700;letter-spacing:.18em;cursor:pointer}.balance-chip{display:flex;align-items:center;justify-self:end;gap:5px;min-height:44px;padding:6px 10px 6px 7px;border:1px solid var(--rule);border-radius:999px;background:var(--paper-raised);cursor:pointer}.balance-chip span{font-size:.72rem;color:var(--ink-faint)}.balance-chip b{font-size:.87rem;white-space:nowrap}.seal{width:49px;height:49px;flex:none}.seal rect{fill:var(--cinnabar)}.seal g{fill:none;stroke:var(--on-accent);stroke-width:4;stroke-linecap:square}.seal--small{width:21px;height:21px}.page{min-height:100%;padding:30px 22px 70px}.page h2,.page h3,.onboarding h1,.onboarding h2{font-family:var(--serif)}.page h2{margin:0;font-size:clamp(1.68rem,7vw,2rem);line-height:1.38;letter-spacing:-.035em}.page h2 em{color:var(--cinnabar);font-style:normal}.eyebrow{margin:0 0 10px;color:var(--cinnabar);font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.lede{margin:12px 0 24px;color:var(--ink-soft);line-height:1.75}.today{margin:0 0 6px;color:var(--ink-faint);font-size:.86rem}.onboarding{min-height:100%;padding:max(50px,calc(env(safe-area-inset-top) + 30px)) 22px max(30px,env(safe-area-inset-bottom))}.onboarding__intro{padding:18px 2px 34px;text-align:center}.onboarding__intro .eyebrow{margin:16px 0 4px}.onboarding__intro h1{margin:0;font-size:2.1rem;letter-spacing:.28em;text-indent:.28em}.onboarding__intro>p:last-child{margin:14px 0 0;color:var(--ink-soft);line-height:1.7}.birth-form{padding-top:24px;border-top:1px solid var(--rule)}.field{display:block;min-width:0;margin:0 0 18px;padding:0;border:0}.field>span,.field legend{display:block;margin-bottom:7px;color:var(--ink-soft);font-size:.84rem;font-weight:700}.field input:not([type=radio]){width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--paper-raised);color:var(--ink)}.field input:disabled{opacity:.45}.date-selects{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:8px}.date-selects label{position:relative;min-width:0}.date-selects select{width:100%;min-height:54px;padding:12px 29px 12px 11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--paper-raised);color:var(--ink);cursor:pointer}.date-selects label>i{position:absolute;right:10px;top:50%;color:var(--ink-faint);font-size:.82rem;font-style:normal;transform:translateY(-50%);pointer-events:none}.date-selects select:focus-visible{outline:3px solid var(--cinnabar);outline-offset:2px}.segment{display:flex;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius-small)}.segment label{position:relative;flex:1;cursor:pointer}.segment input{position:absolute;opacity:0;pointer-events:none}.segment span{display:grid;min-height:44px;place-items:center;color:var(--ink-soft);font-size:.9rem}.segment input:checked+span{background:var(--ink);color:var(--paper);font-weight:700}.segment input:focus-visible+span{outline:3px solid var(--cinnabar);outline-offset:-3px}.check-row{display:flex;align-items:center;gap:9px;margin-top:-7px;color:var(--ink-soft);cursor:pointer}.check-row input{width:20px;height:20px;accent-color:var(--cinnabar)}.check-row small{color:var(--ink-faint)}.privacy-note{display:flex;gap:9px;margin:22px 0 18px;color:var(--ink-faint);font-size:.8rem;line-height:1.55}.privacy-note>span{color:var(--cinnabar)}.primary-button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:0;border-radius:var(--radius);background:var(--cinnabar);color:var(--on-accent);font-weight:800;cursor:pointer;transition:transform var(--motion),background var(--motion)}.primary-button:hover{background:var(--cinnabar-dark)}.primary-button:active{transform:scale(.985)}.primary-button .star-price{color:inherit}.primary-button .star-price span{color:inherit;opacity:.78}.primary-button .seal rect{fill:var(--on-accent)}.primary-button .seal g{stroke:var(--cinnabar)}.daily-thread{margin:27px 0 32px;padding:18px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised)}.daily-thread__top{display:flex;justify-content:space-between;color:var(--ink-faint);font-size:.75rem;font-weight:700;letter-spacing:.08em}.demo-badge{color:var(--cinnabar)}.pillars{display:flex;gap:8px;margin:16px 0}.pillars i{display:grid;width:43px;height:43px;place-items:center;border:1px solid var(--rule);border-radius:7px;background:var(--paper);font-family:var(--serif);font-size:.94rem;font-style:normal;font-weight:700}.pillars .pillars__day{border-color:var(--cinnabar);background:var(--cinnabar);color:var(--on-accent)}.daily-thread h3{margin:0 0 7px;font-size:1.15rem}.daily-thread p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.65}.daily-thread>small{display:block;margin-top:13px;color:var(--ink-faint);font-size:.72rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:9px}.section-heading span{color:var(--cinnabar);font-size:.75rem;font-weight:700;letter-spacing:.16em}.section-heading h3{margin:4px 0 0;font-size:1.13rem}.section-heading>p{margin:0;color:var(--ink-faint);font-size:.78rem}.journey-list{border-top:1px solid var(--rule)}.journey{width:100%;display:grid;grid-template-columns:28px 1fr auto 18px;align-items:center;gap:9px;padding:18px 2px;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer}.journey:hover .journey__copy strong{color:var(--cinnabar)}.journey__number{align-self:start;padding-top:2px;color:var(--cinnabar);font-family:var(--serif);font-size:.75rem;font-weight:700}.journey__copy{min-width:0}.journey__copy strong{display:block;font-family:var(--serif);font-size:1.12rem;transition:color var(--motion)}.journey__copy small{display:block;margin-top:3px;color:var(--ink-soft);font-size:.78rem;line-height:1.45}.journey__meta{text-align:right}.journey__meta .opened{color:var(--cinnabar);font-size:.7rem;line-height:1.4}.arrow{color:var(--ink-faint)}.star-price{display:inline-flex;align-items:center;gap:6px;color:var(--cinnabar);white-space:nowrap}.star-price span{color:var(--ink-faint);font-weight:400}.star-price--compact{gap:4px;font-size:.78rem}.star-price--compact .seal{width:16px;height:16px}.star-price--compact span{display:block}.principle-note{display:flex;align-items:flex-start;gap:12px;margin-top:27px;padding:16px;background:var(--paper-deep);border-radius:var(--radius-small)}.principle-note p{margin:0;color:var(--ink-soft);font-size:.82rem;line-height:1.6}.principle-note b{color:var(--ink)}.reading-meta{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-block:1px solid var(--rule);color:var(--ink-faint);font-size:.76rem}.reading-blocks{margin-top:12px}.reading-block{padding:19px 0;border-bottom:1px solid var(--rule)}.reading-block header{display:flex;align-items:baseline;gap:10px}.reading-block header>span{color:var(--cinnabar);font-family:var(--serif);font-size:.78rem;font-weight:700}.reading-block header h3{margin:0;font-size:1.09rem}.reading-block header small{margin-left:auto;color:var(--ink-faint);font-size:.69rem;letter-spacing:.12em}.reading-block p{margin:11px 0 0 27px;color:var(--ink-soft);font-family:var(--serif);font-size:.99rem;line-height:1.85;word-break:keep-all}.reading-block--preview{border-left:2px solid var(--cinnabar);padding-left:14px}.reading-block--preview p{margin-left:27px}.placeholder{display:grid;gap:8px;margin:13px 0 0 27px}.placeholder i{height:9px;border-radius:99px;background:var(--paper-deep)}.placeholder i:nth-child(2){width:86%}.placeholder i:nth-child(3){width:62%}.reading-blocks.is-open .reading-block{animation:reveal .55s var(--motion) both;animation-delay:var(--delay)}@keyframes reveal{0%{opacity:0;transform:translateY(9px)}}.unlock-panel{margin-top:26px;text-align:center}.unlock-panel>p{color:var(--ink-soft);font-size:.9rem}.unlock-panel .primary-button{justify-content:space-between}.unlock-panel>small{display:block;margin-top:10px;color:var(--ink-faint);font-size:.73rem}.after-reading{margin-top:30px;padding:24px 18px;border:1px solid var(--rule);text-align:center}.after-reading>span{display:grid;width:34px;height:34px;place-items:center;margin:0 auto 12px;background:var(--cinnabar);color:var(--on-accent);font-family:var(--serif)}.after-reading h3{margin:0 0 6px;font-size:1rem}.after-reading p{margin:0;color:var(--ink-soft);font-family:var(--serif)}.text-button{margin-top:18px;border:0;background:none;color:var(--cinnabar);font-size:.85rem;font-weight:700;cursor:pointer}.disclaimer{margin:28px 0 0;color:var(--ink-faint);font-size:.72rem;line-height:1.6;text-align:center}.feedback-invite{margin-top:22px;padding:18px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised)}.feedback-invite small{color:var(--cinnabar);font-size:max(.78rem,14px);font-weight:800}.feedback-invite h3{margin:6px 0;font-size:1.08rem;line-height:1.45}.feedback-invite p{margin:0 0 13px;color:var(--ink-soft);font-size:max(.85rem,15px);line-height:1.6;word-break:keep-all}.feedback-invite button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid var(--cinnabar);border-radius:var(--radius-small);background:transparent;color:var(--cinnabar-dark);font-weight:800;cursor:pointer}.record-list{border-top:1px solid var(--rule)}.record-list button{width:100%;display:grid;grid-template-columns:54px 1fr 18px;align-items:center;gap:10px;padding:17px 2px;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer}.record-list__date{color:var(--cinnabar);font-family:var(--serif);font-size:.8rem;white-space:nowrap}.record-list strong{display:block;font-family:var(--serif)}.record-list small{display:block;margin-top:3px;color:var(--ink-faint);font-size:.75rem}.empty-state{margin:35px 0;padding:35px 20px;border:1px dashed var(--rule);text-align:center}.empty-state .seal{opacity:.65}.empty-state h3{margin:15px 0 6px}.empty-state p{margin:0;color:var(--ink-soft);font-size:.85rem}.profile-card{margin-top:30px;padding:18px;background:var(--paper-deep);border-radius:var(--radius-small)}.profile-card>div{display:flex;justify-content:space-between}.profile-card span{color:var(--ink-faint);font-size:.76rem}.profile-card p{margin:7px 0 0;color:var(--ink-soft);font-size:.8rem}.account-button{width:100%;min-height:58px;display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:15px;padding:12px 0 0;border:0;border-top:1px solid var(--rule);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.account-button span,.account-button strong{display:block;grid-column:1}.account-button span{color:var(--cinnabar);font-size:.78rem;font-weight:800}.account-button strong{margin-top:3px;font-family:var(--serif);font-size:.95rem}.account-button i{grid-column:2;grid-row:1 / 3;color:var(--cinnabar);font-style:normal}.reset-button{display:block;margin:28px auto 0;border:0;border-bottom:1px solid var(--ink-faint);background:none;color:var(--ink-faint);font-size:.76rem;cursor:pointer}.tab-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab-bar button{min-height:61px;display:grid;place-content:center;gap:2px;border:0;background:transparent;color:var(--ink-faint);font-size:.69rem;cursor:pointer}.tab-bar button>span{font-size:1.05rem;line-height:1}.tab-bar button[aria-current=page]{color:var(--cinnabar);font-weight:800}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border:0;background:#18130f7a;cursor:pointer;animation:fade-in var(--motion)}.bottom-sheet{position:absolute;inset:auto 0 0;z-index:21;max-height:88%;overflow-y:auto;padding:11px 22px max(24px,calc(env(safe-area-inset-bottom) + 14px));border-radius:22px 22px 0 0;background:var(--paper);box-shadow:0 -18px 50px #1c161133;animation:sheet-up var(--motion)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-grip{width:40px;height:4px;margin:0 auto 15px;border-radius:99px;background:var(--rule)}.sheet-title{display:flex;align-items:center;justify-content:space-between}.sheet-title h2{margin:0;font-family:var(--serif);font-size:1.28rem}.sheet-title button{width:44px;height:44px;border:0;border-radius:50%;background:var(--paper-deep);color:var(--ink-soft);font-size:1.35rem;cursor:pointer}.wallet-balance{display:flex;align-items:center;gap:13px;margin:16px 0 20px;padding-bottom:18px;border-bottom:1px solid var(--rule)}.wallet-balance strong{display:block;font-family:var(--serif);font-size:1.8rem}.wallet-balance span{display:block;color:var(--ink-soft);font-size:.85rem;line-height:1.5}.wallet-notice{padding:11px 13px;border:1px solid var(--cinnabar);border-radius:var(--radius-small);background:var(--cinnabar-wash);color:var(--cinnabar-dark);font-size:.84rem;line-height:1.5}.recovery-section{margin:18px 0;padding:17px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised)}.recovery-section>small{color:var(--cinnabar);font-size:.82rem;font-weight:800}.recovery-section h3{margin:5px 0 7px;font-family:var(--serif);font-size:1.05rem}.recovery-section p{margin:0 0 14px;color:var(--ink-soft);font-size:.88rem;line-height:1.65;word-break:keep-all}.recovery-section--restore{border-color:var(--cinnabar);background:var(--cinnabar-wash)}.recovery-section label,.recovery-section label span{display:block}.recovery-section label span{margin:8px 0 7px;color:var(--ink-soft);font-size:.84rem;font-weight:700}.recovery-section input{width:100%;min-height:52px;margin-bottom:10px;padding:11px 12px;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--paper);color:var(--ink);font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.recovery-code{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding:10px 12px;border:1px dashed var(--cinnabar);border-radius:var(--radius-small);background:var(--cinnabar-wash);color:var(--cinnabar-dark);cursor:pointer}.recovery-code code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.5;overflow-wrap:anywhere}.recovery-code span{flex:none;font-size:.78rem;font-weight:800}.secondary-button{width:100%;min-height:50px;padding:10px 14px;border:1px solid var(--cinnabar);border-radius:var(--radius-small);background:transparent;color:var(--cinnabar-dark);font-weight:800;cursor:pointer}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.wallet-heading{display:flex;align-items:center;justify-content:space-between}.wallet-heading h3{margin:0;font-family:var(--serif);font-size:1rem}.wallet-heading span{color:var(--cinnabar);font-size:.85rem}.pack-list{display:grid;gap:8px;margin:11px 0 8px}.pack-list button{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:11px 14px;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--paper-raised);cursor:pointer}.pack-list button>span{display:flex;align-items:center;gap:8px}.linear-note{margin:0 0 20px;color:var(--ink-faint);font-size:.85rem;line-height:1.55}.limit-control{margin:0;padding:18px 0;border:0;border-block:1px solid var(--rule)}.limit-control legend{margin-bottom:9px;font-family:var(--serif);font-size:.95rem;font-weight:700}.limit-control .segment span{min-height:44px;font-size:.85rem}.progress{height:7px;margin:13px 0 5px;overflow:hidden;border-radius:9px;background:var(--paper-deep)}.progress i{display:block;height:100%;border-radius:inherit;background:var(--cinnabar);transition:width var(--motion)}.limit-control small{color:var(--ink-faint);font-size:.85rem}.ethical-note{margin-top:18px;color:var(--ink-soft);font-size:.8rem;line-height:1.55}.ethical-note b{color:var(--ink)}.ethical-note p{margin:4px 0 0}.demo-payment{color:var(--ink-faint);font-size:.82rem;line-height:1.5}.confirm-copy{color:var(--ink-soft);font-size:.88rem}.choice-copy{margin:13px 0 15px;color:var(--ink-soft);font-family:var(--serif);font-size:.9rem;line-height:1.7;word-break:keep-all}.unlock-choices{display:grid;gap:9px}.unlock-choices>button{width:100%;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px 14px;border:1px solid var(--rule);border-radius:11px;background:var(--paper-raised);text-align:left;cursor:pointer}.unlock-choices>button:hover{border-color:var(--cinnabar)}.unlock-choices button>span:first-child{min-width:0}.unlock-choices small,.unlock-choices strong{display:block}.unlock-choices small{margin-bottom:4px;color:var(--cinnabar);font-size:.85rem;font-weight:800}.unlock-choices strong{font-family:var(--serif);font-size:.92rem;line-height:1.45;word-break:keep-all}.unlock-choice--bundle{border-color:var(--cinnabar)!important;background:var(--cinnabar-wash)!important}.choice-bundle-price{flex:none;display:grid;justify-items:end;gap:3px}.choice-bundle-price s{color:var(--ink-faint);font-size:.85rem}.choice-bundle-price>b{color:var(--cinnabar-dark)}.ledger{margin:18px 0;border-top:1px solid var(--rule)}.ledger div{display:flex;justify-content:space-between;padding:11px 1px;border-bottom:1px solid var(--rule)}.ledger dt{color:var(--ink-soft)}.ledger dd{margin:0;font-weight:700}.ledger__after dd{color:var(--cinnabar)}.sheet-cancel{width:100%;margin-top:8px;padding:12px;border:0;background:none;color:var(--ink-soft);cursor:pointer}.feedback-form{padding-top:3px}.feedback-intro{margin:4px 0 17px;color:var(--ink-soft);font-family:var(--serif);font-size:max(.88rem,15px);line-height:1.65;word-break:keep-all}.feedback-form fieldset{margin:0;padding:17px 0;border:0;border-top:1px solid var(--rule)}.feedback-form legend{width:100%;margin-bottom:11px;padding:0;font-family:var(--serif);font-size:max(.94rem,16px);font-weight:700;line-height:1.55;word-break:keep-all}.feedback-rating{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.feedback-rating label,.feedback-options label{position:relative;cursor:pointer}.feedback-rating input,.feedback-options input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:.001;cursor:pointer}.feedback-rating span{display:grid;min-height:48px;place-items:center;border:1px solid var(--rule);border-radius:50%;background:var(--paper-raised);font-weight:800}.feedback-rating input:checked+span,.feedback-options input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.feedback-rating input:focus-visible+span,.feedback-options input:focus-visible+span{outline:3px solid var(--cinnabar);outline-offset:2px}.feedback-scale{display:flex;justify-content:space-between;margin-top:6px;color:var(--ink-faint);font-size:max(.75rem,13px)}.feedback-options{display:grid;gap:7px}.feedback-options--three{grid-template-columns:repeat(3,1fr)}.feedback-options--issues{grid-template-columns:repeat(2,1fr)}.feedback-options span{min-height:46px;display:grid;place-items:center;padding:8px 7px;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--paper-raised);font-size:max(.8rem,14px);font-weight:700;text-align:center}.feedback-privacy{margin:10px 0 0;color:var(--ink-faint);font-size:max(.75rem,13px);line-height:1.5;text-align:center}.toast{position:absolute;left:50%;bottom:77px;z-index:30;max-width:82%;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.8rem;font-weight:700;text-align:center;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity var(--motion),transform var(--motion)}.toast--show{opacity:1;transform:translate(-50%)}@media(max-width:540px){.site-stage{display:block}.app-shell{width:100%;height:100dvh;border:0;box-shadow:none}.app-header{grid-template-columns:64px 1fr 110px}}@media(max-width:370px){.page,.onboarding,.bottom-sheet{padding-inline:17px}.balance-chip span{display:none}.journey{grid-template-columns:25px 1fr auto 14px;gap:6px}.journey__meta .star-price span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.haeon{position:relative;width:150px;height:150px;flex:none;display:grid;place-items:end center;margin:0;isolation:isolate}.haeon__halo{position:absolute;top:7%;right:7%;bottom:7%;left:7%;z-index:-1;border:1px solid var(--rule);border-radius:50%;background:radial-gradient(circle at 50% 34%,var(--paper-raised),var(--paper-deep) 72%);box-shadow:inset 0 0 28px #9736260f}.haeon__portrait-frame{position:absolute;top:7%;right:7%;bottom:7%;left:7%;overflow:hidden;border:1px solid color-mix(in srgb,var(--rule) 62%,transparent);border-radius:50%;background:var(--paper-raised);box-shadow:0 10px 18px #2d221a1f;transform-origin:50% 88%;animation:haeon-breathe 5s ease-in-out infinite}.haeon__portrait{position:absolute;top:-7%;left:50%;width:216%;height:216%;max-width:none;object-fit:cover;object-position:center top;mix-blend-mode:multiply;transform:translate(-50%)}:root[data-theme=ink] .haeon__portrait-frame{border-color:#ffffff29;background:#f8f5ee}:root[data-theme=ink] .haeon__portrait{mix-blend-mode:normal}.haeon__seal{position:absolute;right:5%;bottom:8%;display:grid;width:27px;height:27px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:7px;background:var(--cinnabar);color:var(--on-accent);box-shadow:0 5px 12px #7e261b3d;font-family:var(--serif);font-size:.82rem;font-weight:800}.haeon__thinking{position:absolute;right:0;top:13%;display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid var(--rule);border-radius:999px;background:var(--paper-raised);box-shadow:0 5px 14px #38291914}.haeon__thinking i{width:4px;height:4px;border-radius:50%;background:var(--cinnabar);animation:haeon-dot 1.4s ease-in-out infinite}.haeon__thinking i:nth-child(2){animation-delay:.18s}.haeon__thinking i:nth-child(3){animation-delay:.36s}.haeon--thinking .haeon__portrait-frame{animation-name:haeon-study;animation-duration:3.4s}.haeon--ready .haeon__seal{animation:haeon-seal 2.8s ease-out infinite}@keyframes haeon-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}@keyframes haeon-study{0%,to{transform:translateY(1px) rotate(0)}50%{transform:translateY(3px) rotate(.35deg)}}@keyframes haeon-dot{0%,65%,to{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}@keyframes haeon-seal{0%,70%,to{box-shadow:0 5px 12px #7e261b3d,0 0 #97362633}35%{box-shadow:0 5px 12px #7e261b3d,0 0 0 8px #97362600}}.guide-intro{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;margin:-25px 0 26px}.guide-intro .haeon{width:126px;height:126px;margin-left:-14px}.chat-bubble{position:relative;padding:16px;border:1px solid var(--rule);border-radius:4px 16px 16px;background:var(--paper-raised);box-shadow:0 9px 24px #3829190f}.chat-bubble:before{content:"";position:absolute;left:-9px;top:24px;width:15px;height:15px;border-left:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper-raised);transform:rotate(45deg)}.chat-bubble b,.chat-bubble span{display:block}.chat-bubble b{margin-bottom:6px;font-family:var(--serif);font-size:1rem;word-break:keep-all}.chat-bubble span{color:var(--ink-soft);font-size:.84rem;line-height:1.6;word-break:keep-all}.chat-bubble--center{max-width:340px;margin:-2px auto 28px;text-align:center;border-radius:16px}.chat-bubble--center:before{left:calc(50% - 7px);top:-8px;border:0;border-left:1px solid var(--rule);border-top:1px solid var(--rule)}.form-heading{margin-bottom:24px}.form-heading>span{color:var(--cinnabar);font-size:.75rem;font-weight:800;letter-spacing:.16em}.form-heading h1{margin:7px 0 9px;font-family:var(--serif);font-size:1.65rem;line-height:1.4;letter-spacing:-.03em}.form-heading p{margin:0;color:var(--ink-soft);font-size:.84rem}.field-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px}.field-row .segment span{padding-inline:5px;font-size:.78rem}.conversation-onboarding{padding-top:max(48px,calc(env(safe-area-inset-top) + 28px))}.processing-screen,.ready-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center}.processing-screen .haeon,.ready-screen .haeon{width:175px;height:175px}.processing-pillars{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.processing-pillars div{padding:11px 4px;border:1px solid var(--rule);border-radius:9px;background:var(--paper-raised);opacity:.35;transform:translateY(7px);transition:opacity var(--motion),transform var(--motion)}.processing-pillars div.is-found{opacity:1;transform:none}.processing-pillars span,.processing-pillars b{display:block}.processing-pillars span{color:var(--ink-faint);font-size:.7rem}.processing-pillars b{margin-top:5px;font-family:var(--serif)}.processing-line{width:100%;height:7px;margin-top:18px;overflow:hidden;border-radius:99px;background:var(--paper-deep)}.processing-line i{display:block;height:100%;border-radius:inherit;background:var(--cinnabar);transition:width .7s ease}.processing-note{color:var(--ink-faint);font-size:.76rem}.ready-summary{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 20px;padding:15px;border-block:1px solid var(--rule);text-align:left}.ready-summary>span{display:grid;width:38px;height:38px;place-items:center;background:var(--cinnabar);color:var(--on-accent);font-family:var(--serif)}.ready-summary b{font-family:var(--serif)}.ready-summary small{color:var(--ink-faint)}.ready-screen .text-button{margin-top:14px}.saju-chart{margin:25px 0 34px;padding:18px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised)}.saju-chart>header{display:flex;justify-content:space-between;align-items:start}.saju-chart>header span{color:var(--cinnabar);font-size:.7rem;font-weight:800;letter-spacing:.14em}.saju-chart>header h3{margin:3px 0 0;font-size:1.08rem}.saju-chart>header small{color:var(--ink-faint);font-size:.7rem}.pillar-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.pillar-column{display:grid;justify-items:center;padding:9px 2px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}.pillar-column>span{color:var(--ink-soft);font-size:.72rem;font-weight:700}.pillar-column>small{margin-bottom:8px;color:var(--ink-faint);font-size:.58rem;white-space:nowrap}.pillar-column>b{width:36px;height:36px;display:grid;place-items:center;border-top:1px solid var(--rule);font-family:var(--serif);font-size:1.2rem}.pillar-column>i{margin-top:5px;color:var(--ink-faint);font-size:.63rem;font-style:normal}.pillar-column.is-self{border-color:var(--cinnabar);box-shadow:inset 0 3px 0 var(--cinnabar)}.pillar-column.is-self>span,.pillar-column.is-self>i{color:var(--cinnabar)}.pillar-column.is-unknown{opacity:.56}.element-balance{height:66px;display:flex;align-items:end;gap:9px;padding:8px 12px 0;border-top:1px solid var(--rule)}.element-balance div{height:100%;flex:1;display:flex;flex-direction:column-reverse;align-items:center;gap:4px}.element-balance span{color:var(--ink-faint);font-size:.65rem}.element-balance i{width:100%;max-width:22px;min-height:5px;border-radius:3px 3px 0 0;background:var(--rule)}.element-balance .is-main span{color:var(--cinnabar);font-weight:800}.element-balance .is-main i{background:var(--cinnabar)}.saju-chart>p{margin:13px 0 0;color:var(--ink-soft);font-size:.8rem;line-height:1.55}.saju-chart>p b{color:var(--ink)}.saju-calculation-note{display:grid;gap:5px;margin-top:14px;padding:11px 12px;border-radius:10px;background:color-mix(in srgb,var(--paper-deep) 72%,transparent);color:var(--ink-soft);font-size:max(.8rem,15px);line-height:1.5}.saju-calculation-note span:before{content:"·";margin-right:6px;color:var(--cinnabar);font-weight:900}.saju-calculation-note strong{color:var(--cinnabar-dark);font-size:max(.8rem,15px);line-height:1.55;font-weight:750}.saju-interpretation{display:grid;gap:0;margin-top:15px;border-top:1px solid var(--rule)}.saju-interpretation>div{display:grid;grid-template-columns:74px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--rule)}.saju-interpretation span{color:var(--cinnabar);font-size:.76rem;font-weight:800}.saju-interpretation strong{font-family:var(--serif);font-size:.88rem;line-height:1.65;font-weight:600;word-break:keep-all}.category-section{margin-top:4px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-card{min-height:185px;display:flex;flex-direction:column;align-items:flex-start;padding:15px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);text-align:left;cursor:pointer;transition:transform var(--motion),border var(--motion)}.category-card:not(.category-card--soon):hover{border-color:var(--cinnabar);transform:translateY(-2px)}.category-card__number{color:var(--cinnabar);font-family:var(--serif);font-size:.72rem}.category-card>small{margin:16px 0 5px;color:var(--ink-faint);font-size:.7rem}.category-card>strong{font-family:var(--serif);font-size:1rem;line-height:1.45;word-break:keep-all}.category-card>p{margin:7px 0 12px;color:var(--ink-soft);font-size:.72rem;line-height:1.45}.category-card>footer{width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--rule);color:var(--cinnabar);font-size:.7rem;font-weight:700}.category-card--soon{min-height:135px;opacity:.62;cursor:default}.category-card--soon>small{margin-top:12px}.voice-card{width:100%;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;margin-top:18px;padding:15px;border:1px solid var(--cinnabar);border-radius:var(--radius);background:var(--cinnabar-wash);color:var(--cinnabar-dark);text-align:left;cursor:pointer}.voice-card__mic{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--cinnabar);color:var(--on-accent);font-size:.65rem;box-shadow:0 0 0 5px color-mix(in srgb,var(--cinnabar) 15%,transparent)}.voice-card small,.voice-card strong,.voice-card p{display:block}.voice-card small{font-size:.58rem;font-weight:800;letter-spacing:.14em}.voice-card strong{margin:2px 0;font-family:var(--serif);font-size:.9rem}.voice-card p{margin:0;opacity:.8;font-size:.68rem}.genre-picker{margin-top:5px}.genre-picker>header{margin-bottom:10px}.genre-picker>header span{color:var(--cinnabar);font-size:.78rem;font-weight:800;letter-spacing:.08em}.genre-picker>header h3{margin:5px 0 0;font-size:1.2rem}.genre-wheel{position:relative;display:flex;gap:10px;margin-inline:-22px;padding:15px calc(50% - 55px) 20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.genre-wheel::-webkit-scrollbar{display:none}.genre-wheel button{flex:0 0 110px;min-height:116px;display:grid;place-items:center;align-content:center;gap:8px;scroll-snap-align:center;border:1px solid var(--rule);border-radius:17px;background:var(--paper-raised);color:var(--ink-faint);cursor:grab;transition:transform var(--motion),background var(--motion),color var(--motion),border var(--motion)}.genre-wheel button:active{cursor:grabbing;transform:scale(.97)}.genre-wheel button i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--paper-deep);font-family:var(--serif);font-size:1.08rem;font-style:normal}.genre-wheel button strong{font-size:.94rem}.genre-wheel button[aria-pressed=true]{transform:translateY(-4px) scale(1.045);border-color:var(--cinnabar);background:var(--cinnabar);color:var(--on-accent);box-shadow:0 12px 24px #742d222e}.genre-wheel button[aria-pressed=true] i{background:color-mix(in srgb,var(--on-accent) 18%,transparent)}.genre-ticks{position:relative;width:104px;height:12px;display:flex;justify-content:space-between;align-items:start;margin:-13px auto 20px;border-top:1px solid var(--rule)}.genre-ticks i{width:1px;height:5px;background:var(--rule)}.genre-ticks b{position:absolute;left:calc(50% - 3px);top:-4px;width:7px;height:7px;border-radius:50%;background:var(--cinnabar);box-shadow:0 0 0 4px var(--paper)}.genre-questions{overflow:hidden;border-block:1px solid var(--rule);animation:reveal .3s var(--motion) both}.genre-questions>div:first-child{padding:13px 2px 9px}.genre-questions>div:first-child small,.genre-questions>div:first-child strong{display:block}.genre-questions>div:first-child small{color:var(--cinnabar);font-size:.74rem;font-weight:800}.genre-questions>div:first-child strong{margin-top:3px;font-family:var(--serif);font-size:.96rem}.genre-questions>button,.genre-questions>.question-soon{width:100%;min-height:65px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 2px;border:0;border-top:1px solid var(--rule);background:transparent;text-align:left}.genre-questions>button{cursor:pointer}.genre-questions>button:hover b{color:var(--cinnabar)}.genre-questions span{color:var(--cinnabar);font-family:var(--serif);font-size:.74rem}.genre-questions b{font-family:var(--serif);font-size:.97rem;line-height:1.45;word-break:keep-all;transition:color var(--motion)}.genre-questions i{color:var(--ink-faint);font-size:.72rem;font-style:normal;white-space:nowrap}.question-soon{opacity:.64}.voice-warning{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:var(--cinnabar-wash);color:var(--cinnabar-dark);font-size:.82rem;line-height:1.5}.interest-guide{display:flex;align-items:center;gap:13px;margin:16px 0;padding:15px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised)}.interest-guide .seal{flex:none}.interest-guide small,.interest-guide strong{display:block}.interest-guide small{margin-bottom:4px;color:var(--cinnabar);font-size:.82rem;font-weight:800}.interest-guide strong{font-family:var(--serif);font-size:1rem;line-height:1.5;word-break:keep-all}.period-picker{margin-top:34px}.period-picker>header span{color:var(--cinnabar);font-size:.78rem;font-weight:800;letter-spacing:.08em}.period-picker>header h3{margin:5px 0 13px;font-size:1.2rem}.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--rule);border-radius:11px}.period-tabs button{min-height:48px;padding:8px 3px;border:0;border-right:1px solid var(--rule);background:var(--paper-raised);color:var(--ink-soft);font-size:.86rem;cursor:pointer}.period-tabs button:last-child{border-right:0}.period-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);font-weight:800}.period-picker article{margin-top:10px;padding:17px;border-radius:var(--radius);background:var(--paper-deep);animation:reveal .3s var(--motion) both}.period-picker article small,.period-picker article strong{display:block}.period-picker article small{color:var(--cinnabar);font-size:.76rem;font-weight:800}.period-picker article strong{margin-top:5px;font-family:var(--serif);font-size:1.04rem;line-height:1.5}.period-picker article p{margin:8px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:.9rem;line-height:1.7;word-break:keep-all}.reading-block.is-locked{padding-bottom:15px}.reading-block.is-open{animation:reveal .45s var(--motion) both}.reading-block header small{color:var(--cinnabar)}.reading-basis{margin:15px 0 2px 27px;padding:14px;border-left:3px solid var(--cinnabar);background:var(--cinnabar-wash)}.reading-basis small{display:block;color:var(--cinnabar-dark);font-size:.76rem;font-weight:800}.reading-basis p{margin:6px 0 0;color:var(--ink);font-size:.9rem;line-height:1.75}.paid-guidance{display:grid;gap:1px;margin:14px 0 2px 27px;overflow:hidden;border:1px solid var(--rule);border-radius:10px;background:var(--rule)}.paid-guidance>div{padding:14px;background:var(--paper-raised)}.paid-guidance>div:last-child{background:var(--paper-deep)}.paid-guidance small{display:block;margin-bottom:5px;color:var(--cinnabar);font-size:max(.8rem,14px);font-weight:800}.paid-guidance p{margin:0;color:var(--ink-soft);font-size:max(.88rem,15px);line-height:1.7;word-break:keep-all}.block-unlock{width:calc(100% - 27px);min-height:48px;display:flex;justify-content:space-between;align-items:center;margin:14px 0 0 27px;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-raised);color:var(--ink-soft);font-size:.88rem;cursor:pointer}.block-unlock:hover{border-color:var(--cinnabar)}.bundle-panel{margin-top:25px;padding:18px;border-radius:var(--radius);background:var(--paper-deep)}.bundle-panel small,.bundle-panel strong{display:block}.bundle-panel small{color:var(--cinnabar);font-size:.7rem;font-weight:800}.bundle-panel strong{margin:4px 0;font-family:var(--serif)}.bundle-panel p{margin:0 0 13px;color:var(--ink-faint);font-size:.72rem}.bundle-panel .primary-button{justify-content:space-between}.starter-pack{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;padding:15px;border:1px solid var(--cinnabar);border-radius:var(--radius);background:var(--cinnabar-wash);color:var(--cinnabar-dark);text-align:left;cursor:pointer}.starter-pack span>*{display:block}.starter-pack small{font-size:.85rem;font-weight:800}.starter-pack strong{margin:2px 0;font-family:var(--serif);font-size:1.35rem}.starter-pack b{font-size:.85rem}.starter-pack em{font-style:normal;font-weight:800}.pack-list button span small{margin-left:3px;color:var(--cinnabar);font-size:.85rem}.voice-guide{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;margin:5px 0 12px}.voice-guide .haeon{width:95px;height:95px;margin-left:-8px}.voice-guide p{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.55}.voice-text{width:100%;resize:vertical;padding:12px;border:1px solid var(--rule);border-radius:9px;background:var(--paper-raised);color:var(--ink);line-height:1.55}.mic-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0;padding:11px;border:1px solid var(--rule);border-radius:9px;background:var(--paper);color:var(--cinnabar);cursor:pointer}.mic-button span{font-size:.65rem}.mic-button.is-listening span{animation:pulse 1s ease infinite}@keyframes pulse{50%{transform:scale(1.6);opacity:.45}}.primary-button:disabled{opacity:.45;cursor:not-allowed}.empty-state .haeon{width:110px;height:110px}.today,.field>span,.field legend,.chat-bubble span,.form-heading p,.processing-note,.saju-chart>p,.reading-meta,.record-list small,.profile-card p,.wallet-balance span,.linear-note,.ethical-note,.confirm-copy,.demo-payment,.disclaimer{font-size:max(.85rem,15px)}.lede,.reading-block p,.principle-note p,.voice-guide p{font-size:max(.94rem,16px)}.tab-bar button{font-size:max(.72rem,13px)}.block-unlock,.segment span{font-size:max(.82rem,15px)}.pillar-column>small,.pillar-column>i,.voice-card small,.reading-block header small,.saju-chart>header span,.saju-chart>header small,.bundle-panel small,.wallet-heading span,.starter-pack small,.pack-list button span small{font-size:max(.85rem,15px)}@media(max-width:370px){.guide-intro{grid-template-columns:105px 1fr}.guide-intro .haeon{width:112px}.field-row,.category-grid{grid-template-columns:1fr}.category-card{min-height:150px}}