:root{--paper:#fffdf8;--bg:#f6f2eb;--ink:#332c28;--muted:#786f65;--line:#e9e2d8;--coral:#ac4d36;--peach:#fae4d5;--butter:#f6ecca;--lilac:#eee7f5;--sage:#ecf0e2;--soft:#f7f3ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;word-break:keep-all;overflow-wrap:break-word}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9a603d;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.32;letter-spacing:-1.5px;font-weight:800}h2{font-size:23px;line-height:1.4;letter-spacing:-.8px}h3{font-size:19px;line-height:1.45;letter-spacing:-.5px}p{line-height:1.7}small,.fine{font-size:11px;color:var(--muted);line-height:1.7}.muted{color:var(--muted)}.tiny{font-size:10px;letter-spacing:1.4px;font-weight:750;color:#8b7061}.preview-bar{height:34px;display:flex;align-items:center;justify-content:center;gap:22px;background:#40332c;color:#fffaf1;font-size:10px;position:relative;z-index:20}.preview-bar button{color:#ffe1ad;font-size:10px;padding:5px}.desktop-note{position:fixed;left:calc(50% - 540px);top:180px;width:230px}.desktop-note h2{font-size:29px;line-height:1.5;letter-spacing:-1.5px;margin:20px 0}.desktop-note p{color:var(--muted);font-size:14px}.desktop-note a{font-size:12px;display:block;margin:28px 0}.color-dots{display:flex;margin-top:24px;gap:8px}.color-dots i{width:18px;height:18px;background:var(--peach);border-radius:50%}.color-dots i:nth-child(2){background:#e9d1b0}.color-dots i:nth-child(3){background:#ac4d36}.app-shell{max-width:520px;margin:auto;background:var(--paper);min-height:100vh;box-shadow:0 0 65px #58442e05}.app-header{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:850;letter-spacing:-1.1px;padding:0}.brand-symbol{width:32px;height:32px;border-radius:12px 12px 12px 4px;display:grid;place-items:center;background:#f4dac4;color:#75432c;font-size:29px}.record-link{font-size:12px;background:#f2eee7;border-radius:20px;padding:8px 12px;color:#6e6259}main{padding:0 25px 28px;min-height:470px}main:focus{outline:none}.home-lead{padding:25px 0 29px;position:relative}.home-lead h1{font-size:33px;line-height:1.37}.home-lead h1 em{font-style:normal;color:#a55a40}.home-lead p{font-size:13px;color:var(--muted);margin-top:12px}.doodle{position:absolute;right:4px;top:44px;font-size:42px;transform:rotate(-15deg);color:#c17960}.section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.section-head h2{font-size:20px}.section-head small{font-size:11px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 9px;background:#fffaf1;color:#785c48;font-size:10px;font-weight:750;line-height:1.4}.badge.coral{background:#ac4d36;color:white}.badge.green{background:#e9eedc;color:#526339}.hero-card{position:relative;background:var(--peach);border-radius:25px;padding:23px;overflow:hidden;min-height:242px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;max-width:58%}.hero-copy h2{font-size:27px;margin:11px 0 7px;letter-spacing:-1.2px}.hero-copy p{font-size:12px;color:#796353}.hero-card .mascot{position:absolute;width:205px;height:205px;right:-7px;bottom:9px;transform:rotate(4deg)}.dark-button{background:var(--ink);color:var(--paper);border-radius:99px;padding:12px 16px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:15px;margin-top:19px}.mascot{display:block;background-image:url('assets/kongdaki-sheet-v2.png');background-repeat:no-repeat;background-size:200% 200%;width:150px;height:150px;flex-shrink:0}.pose-wave{background-position:0 0}.pose-heart{background-position:100% 0}.pose-book{background-position:0 100%}.pose-sleep{background-position:100% 100%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.feature{position:relative;text-align:left;min-height:180px;border-radius:20px;padding:14px 12px 11px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s}.feature:hover,.product-card:hover{transform:translateY(-3px)}.feature .mascot{width:112px;height:112px;max-width:100%;margin:-6px auto -1px;align-self:center}.feature h3{font-size:15px;letter-spacing:-.6px}.feature p{font-size:10px;margin-top:3px;color:#74665c}.feature .badge{font-size:8px;padding:3px 6px;margin-bottom:3px}.peach{background:var(--peach)}.butter{background:var(--butter)}.lilac{background:var(--lilac)}.sage{background:var(--sage)}.talk-strip{display:flex;align-items:center;gap:12px;background:#f7f3ec;border-radius:17px;padding:12px 15px;margin:18px 0 28px}.talk-strip .mascot{width:47px;height:47px}.talk-strip p{font-size:12px}.talk-strip strong{font-size:13px}.product-card{display:flex;align-items:center;text-align:left;background:#f5eddf;border:1px solid #ede1cd;border-radius:22px;width:100%;padding:18px 20px;transition:transform .18s}.product-card .mascot{width:125px;height:125px;margin:-5px -5px -5px 0}.product-card .product-copy{flex:1}.product-card h3{margin:7px 0 4px;font-size:20px}.product-card p{font-size:12px;color:var(--muted)}.price{font-size:18px;font-weight:800;margin-top:9px}.price small{font-weight:400;font-size:10px}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.sample-tile{border:1px solid var(--line);padding:19px;border-radius:20px}.sample-tile p{font-size:14px;line-height:1.85}.sample-tile .tiny{display:block;margin-bottom:8px}.sample-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.sample-bottom span{font-size:11px;color:var(--muted)}.guide-list{display:grid;gap:0}.guide-list button{display:flex;justify-content:space-between;text-align:left;font-size:13px;padding:16px 0;border-bottom:1px solid var(--line)}.site-footer{padding:28px 25px 115px;background:#f7f3ec;color:#8b8075;font-size:11px}.site-footer strong{font-size:16px;color:#746759;letter-spacing:-1px}.site-footer p{margin-top:10px}.site-footer div{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.site-footer button{font-size:10px;padding:0;color:#786b5f}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:space-around;align-items:center;background:#fffdf8f5;border-top:1px solid var(--line);backdrop-filter:blur(16px);z-index:30}.bottom-nav button{display:flex;flex-direction:column;gap:1px;align-items:center;font-size:10px;color:#9b9288;min-width:70px;min-height:51px}.bottom-nav span{font:26px/1.2 Georgia,serif}.bottom-nav button[aria-current="page"]{color:var(--coral);font-weight:800}.back{font-size:12px;color:#786b61;padding:10px 0 20px}.page-heading{margin:0 0 24px}.page-heading h1{font-size:29px;margin:10px 0}.page-heading p{font-size:14px;color:var(--muted)}.page-heading .mascot{margin:0 auto;width:165px;height:165px}.center{text-align:center}.step-row{display:flex;gap:6px;margin:4px 0 25px}.step-row i{height:4px;flex:1;background:#eae2d7;border-radius:3px}.step-row i.on{background:#be8267}.panel{border:1px solid var(--line);border-radius:20px;padding:20px;margin:16px 0;background:#fffdf9}.panel.soft{background:var(--soft)}.panel.peach{background:var(--peach);border-color:transparent}.panel.lilac{background:var(--lilac);border-color:transparent}.panel.sage{background:var(--sage);border-color:transparent}.panel h3{margin:0 0 8px}.panel p{font-size:14px}.panel p+p{margin-top:10px}.panel ul,.panel ol{padding-left:19px;font-size:13px;color:var(--muted)}.panel li{margin:7px 0}.hint{font-size:12px;color:var(--muted);line-height:1.7}.hintbox{padding:14px 16px;border-radius:14px;background:#f6f0e5;color:#786857;font-size:12px;margin:16px 0}.form-field{margin:23px 0}.form-field>label,.form-field>.field-label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.form-field label small{font-weight:400;margin-left:6px}.input{display:block;width:100%;border:1px solid #ded5c9;border-radius:14px;padding:15px;background:#fffefb;color:var(--ink);min-height:52px}.input::placeholder{color:#a69c90}.input[disabled]{background:#f0ece5;color:#a69c90}.segment{display:flex;gap:8px;margin:9px 0}.segment button{flex:1;border:1px solid #e6ddd1;padding:11px 8px;border-radius:12px;font-size:13px;background:#fffdf9}.segment button[aria-pressed="true"]{background:#f4dfce;border-color:#b98362;color:#70402b;font-weight:700}.check{display:flex;gap:11px;align-items:flex-start;margin:16px 0;font-size:13px;cursor:pointer}.check input{accent-color:#a45438;width:19px;height:19px;margin:2px 0 0;flex-shrink:0}.check small{display:block;margin-top:4px}.primary,.secondary,.danger{display:block;width:100%;min-height:52px;border-radius:15px;font-size:14px;font-weight:750;padding:14px 17px;margin:12px 0}.primary{background:#a64e38;color:#fff}.secondary{border:1px solid #ded4c7;background:#fffdf9}.danger{background:#f6e7df;color:#9b3f31}.error{color:#a33726;font-size:12px;margin:8px 0;min-height:20px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:grid;gap:12px}.oauth.kakao{background:#fee500;color:#342d14}.oauth.google{background:white;border:1px solid var(--line)}.oauth span{margin-right:10px;font-weight:900}.result-cover{background:var(--butter);border-radius:23px;padding:25px;text-align:center;position:relative;margin-bottom:20px}.result-cover .mascot{width:185px;height:185px;margin:-10px auto -6px}.result-cover h1{font-size:29px;margin:7px 0}.result-cover p{font-size:13px;color:#756951;margin-top:10px}.result-tags{display:flex;justify-content:center;gap:6px;margin:14px 0;flex-wrap:wrap}.chips{display:flex;gap:8px;overflow:auto;white-space:nowrap;scrollbar-width:none;margin:20px -25px;padding:0 25px}.chips button{padding:8px 13px;border:1px solid var(--line);border-radius:25px;font-size:12px;background:white}.chips button[aria-selected="true"]{background:#40332b;color:white;border-color:#40332b}.quote{font-size:21px!important;line-height:1.65!important;letter-spacing:-.5px;color:#76513b}.chapter-no{display:block;color:#ac7357;letter-spacing:1px;font-size:10px;font-weight:750;margin-bottom:9px}.balance{display:flex;align-items:end;gap:18px;justify-content:center;height:110px;padding:8px 0}.balance div{width:30px;position:relative;height:var(--h);background:var(--c);border-radius:8px 8px 3px 3px}.balance label{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:11px;color:#786d5e}.balance-section{padding-bottom:40px}.pair{display:flex;align-items:center;justify-content:center;margin:18px 0}.avatar{width:62px;height:62px;border-radius:23px;background:#f3dfcd;display:grid;place-items:center;font-size:23px;font-weight:700}.avatar.second{background:#e7dfef}.pair .line{width:65px;border-top:2px dashed #cba68b;position:relative}.pair .line:after{content:'♡';position:absolute;left:22px;top:-16px;background:var(--paper);color:#ac7053;padding:0 3px}.lock-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.lock-row:last-child{border:0}.share-demo{border:1px dashed #c4b39d;background:#faf5ec;padding:14px;border-radius:12px;font-size:13px;color:#6c5e4d}.save-card{display:block;width:100%;text-align:left;padding:19px;border:1px solid var(--line);border-radius:19px;margin:13px 0;background:white}.save-card h3{font-size:17px;margin:8px 0}.save-card p{font-size:12px;color:var(--muted)}.setting-row{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.setting-row small{display:block}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#81915c;margin-right:5px}.footer-action{position:sticky;bottom:72px;background:linear-gradient(#fffdf800,#fffdf8 20%);padding-top:14px;z-index:5}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-size:14px;cursor:pointer}details p{font-size:12px;color:var(--muted);padding-top:10px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);max-width:450px;width:max-content;background:#3f332e;color:#fff;padding:12px 18px;border-radius:14px;font-size:12px;z-index:60;box-shadow:0 6px 20px #332c2820;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}dialog{border:1px solid var(--line);border-radius:25px;padding:22px;width:calc(100% - 32px);max-width:450px;color:var(--ink);background:var(--paper);max-height:85dvh;overflow:auto}dialog::backdrop{background:#34281e70;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.icon-btn{font-size:27px;width:40px;height:40px}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.map-grid button{border:1px solid var(--line);border-radius:12px;padding:13px;text-align:left;font-size:12px}.map-grid button small{display:block}.empty .mascot{margin:auto}.empty{text-align:center;padding:25px 0}.empty h2{margin:10px 0}.empty p{font-size:13px;color:var(--muted)}.disclosure{font-size:10px;color:#8b8075;margin-top:12px}.schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.schedule div{border:1px solid var(--line);padding:13px 7px;border-radius:13px;text-align:center;font-size:11px}.schedule strong{display:block;font-size:15px}.reading .mascot{margin:auto}.reading{text-align:center;padding:35px 0}.loading-dots{display:flex;gap:7px;justify-content:center;margin:25px}.loading-dots i{width:8px;height:8px;border-radius:50%;background:#bd8a69;animation:bob 1s infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes bob{50%{transform:translateY(-6px);opacity:.4}}@media(min-width:900px){.app-shell{border-left:1px solid #e7e0d7;border-right:1px solid #e7e0d7}}@media(max-width:1120px){.desktop-note{display:none}}@media(max-width:520px){body{background:var(--paper)}.app-header{height:70px;padding:0 20px}main{padding-left:20px;padding-right:20px}.home-lead{padding-top:20px}.home-lead h1{font-size:30px}.hero-card{min-height:226px;padding:20px}.hero-copy h2{font-size:25px}.hero-card .mascot{width:180px;height:180px;right:-14px;bottom:15px}.feature{padding:12px 10px;min-height:172px}.feature .mascot{width:102px;height:102px}.feature h3{font-size:14px}.feature p{font-size:10px}.feature-grid{gap:8px}.dark-button{padding:11px 14px;font-size:11px;gap:8px}.site-footer{padding-left:20px;padding-right:20px}.chips{margin-left:-20px;margin-right:-20px;padding:0 20px}.doodle{right:3px;font-size:36px}.product-card{padding:16px}.product-card .mascot{width:110px;height:110px}}@media(max-width:370px){.hero-card .mascot{width:155px;height:155px;right:-15px}.hero-copy{max-width:63%}.hero-copy h2{font-size:23px}.feature .mascot{width:90px;height:90px}.feature h3{font-size:13px}.feature{padding:10px 8px}.brand{font-size:20px}.home-lead h1{font-size:28px}.doodle{display:none}.preview-bar{gap:10px;font-size:9px}.product-card h3{font-size:18px}.product-card .mascot{width:92px;height:92px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

[hidden]{display:none!important}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{min-width:0}.feature .mascot{width:100%;height:auto;aspect-ratio:1;max-width:112px}.talk-strip p{min-width:0}#toast{max-width:calc(100vw - 32px)}
@media(max-width:520px){.app-header{height:64px}.home-lead{padding:14px 0 22px}.home-lead h1{font-size:28px;line-height:1.3}.home-lead p{margin-top:9px;font-size:12px}.hero-copy h2{margin:8px 0 5px}.hero-card .dark-button{margin-top:14px}.hero-card{min-height:220px;padding:18px 20px}.feature .mascot{max-width:102px}.feature{min-height:166px}.hero-card .mascot{width:173px;height:173px;right:-12px}.doodle{top:36px}}
@media(max-width:370px){.hero-card .mascot{width:152px;height:152px}.feature .mascot{max-width:90px}}
/* 사주집 콘셉트 02: 종이 질감, 인장, 명식 */
.app-shell{background-color:#fffdf8;background-image:radial-gradient(#9e775412 .6px,transparent .6px);background-size:7px 7px}.home-lead h1{font-family:"Iowan Old Style","AppleMyungjo","Batang",serif;font-size:31px;line-height:1.5;letter-spacing:-1.3px}.hero-card{border:1px solid #dbc1a1;background:linear-gradient(125deg,#f8e7d1,#f5ddc8);box-shadow:inset 0 0 0 5px #ffffff38}.hero-card:after{content:'四柱';position:absolute;right:18px;top:18px;border:1px solid #a64e3866;color:#a64e38;padding:3px 5px;border-radius:5px;font:15px serif;letter-spacing:2px}.hero-copy{max-width:62%}.hero-copy p{font-size:11px}.doodle{font-size:26px;top:12px;right:0;color:#a37c43}.saju-cover{position:relative;border:1px solid #dcccac;background:#f4ebd7}.saju-cover .mascot{width:140px;height:140px}.saju-cover h1{font-family:"AppleMyungjo","Batang",serif;font-size:28px;line-height:1.55}.saju-seal{position:absolute;right:18px;top:48px;writing-mode:vertical-rl;border:1px solid #a64e38;color:#a64e38;padding:7px 3px;border-radius:4px;font:18px serif}.myeongsik{border-top:2px solid #a88462;border-bottom:1px solid #d8c6b0;padding:0 0 18px;margin:25px 0}.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:18px 0}.pillar{text-align:center;background:#f4eee4;border:1px solid #e4d8c7;border-radius:12px;padding:14px 3px;min-width:0;display:flex;flex-direction:column;align-items:center}.pillar strong{font-size:13px}.pillar small{font-size:9px;white-space:nowrap}.pillar .hanja{font:34px/1.3 "AppleMyungjo","Batang",serif;margin-top:16px;color:#765744}.pillar span{font-size:10px;color:#786f65}.pillar .branch{color:#6e7060}.pillar.day-master{background:#eceddd;border-color:#959c70}.pillar.day-master .hanja:first-of-type{color:#667542}.pillar em{font-size:8px;font-style:normal;margin-top:10px;color:#61713c}.panel.butter{background:var(--butter)}.bottom-nav button{min-width:60px}.feature h3{font-size:13px}.home-lead .tiny{letter-spacing:1px}@media(max-width:390px){.home-lead h1{font-size:25px}.hero-copy h2{font-size:24px}.hero-copy p{font-size:10px}.feature h3{font-size:12px}.myeongsik .section-head h2{font-size:19px}.myeongsik .badge{font-size:8px}.pillar small{font-size:8px}}
/* Phase 1: retain the apricot paper design. */
.term{font:inherit;color:#85503c;text-decoration:underline;text-underline-offset:4px;background:none;border:0;padding:2px;cursor:pointer}.glyph{display:flex;flex-direction:column;align-items:center;width:100%;background:none;border:0;color:inherit;padding:8px 0;cursor:pointer}.glyph span{font-size:12px}.element-list{display:grid;gap:12px;margin:24px 0}.element-list>div{display:grid;grid-template-columns:24px 1fr 36px;gap:12px;align-items:center}meter{width:100%;height:22px;accent-color:#d79c7e}.panel h2{font-size:21px;margin-bottom:14px}.panel details small{display:block;overflow-wrap:anywhere;color:#756c62}.panel details p{margin:12px 0}select.input{width:100%;background:#fffdf8}input[type=time]{min-width:0;width:100%}.pillars .pillar{min-width:0}.pillar .glyph .hanja{font-size:32px}details p{overflow-wrap:anywhere}button:focus-visible,summary:focus-visible{outline:3px solid #85503c;outline-offset:3px}
/* Focused input and reading navigation, with existing paper/apricot palette. */
.support-note{font-size:12px;color:#775b47;background:#f7ebdd;padding:10px 13px;border-radius:12px}.demo-fill{margin:8px 0 6px;min-height:44px}.choice-field{border:0;padding:0;margin:0 0 16px;min-width:0}.choice-field legend{font-size:14px;font-weight:700;margin-bottom:10px}.choice-segment{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-segment label{position:relative;display:block!important;margin:0!important;font-size:14px!important}.choice-segment input{position:absolute;opacity:0;width:1px;height:1px}.choice-segment span{display:flex;align-items:center;justify-content:center;border:1px solid #ded4c7;border-radius:13px;min-height:48px;background:#fffdf9;cursor:pointer}.choice-segment input:checked+span{border-color:#ac7357;background:#f4dfce;color:#70402b;font-weight:750}.choice-segment input:focus-visible+span{outline:3px solid #85503c;outline-offset:3px}.field-error{font-size:13px;color:#a33726;margin-top:7px}.field-error:empty{display:none}.input[aria-invalid=true]{border:2px solid #a33726}.choice-field[aria-invalid=true]{outline:2px solid #a33726;outline-offset:4px;border-radius:10px}.date-input{font-variant-numeric:tabular-nums;letter-spacing:1px}#time-entry label{margin-top:15px}.result-info-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-info-head h2{margin-bottom:0}.result-info-head .text-link{flex-shrink:0;min-height:44px;padding:10px 8px}.result-info-head+p{margin-top:12px}.form-submit{position:sticky;bottom:0;padding:8px 0 12px;background:var(--paper);box-shadow:0 -8px 12px #fffdf8e6;z-index:6}.form-submit .primary{margin:0 0 8px}.form-submit .hint{font-size:11px}.form-field{scroll-margin-top:20px}[id^=reading-],#chart-section{scroll-margin-top:16px}body[data-screen=input] .bottom-nav{display:none}body[data-screen=input] .site-footer{padding-bottom:30px}.bottom-nav button:focus-visible{outline-offset:-4px}body[data-screen=result] .bottom-nav{grid-template-columns:repeat(3,1fr)}.term{min-height:32px}.panel details small{font-size:12px}#dialog-content p{margin:14px 0}.field-error,.hint{word-break:keep-all}body[data-screen=input] .page-heading{margin-bottom:16px}
.form-field>.hint{margin-top:9px}.form-submit{padding-bottom:max(12px,env(safe-area-inset-bottom))}.form-field input:focus-visible{outline-offset:2px}

/* Warm-brand GPT trial */
.trial-panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px 20px!important;margin:24px 0}.trial-panel h2{margin:8px 0 14px}.trial-limits{background:var(--peach);padding:12px 14px;border-radius:12px;font-size:12px;margin:16px 0!important}.trial-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;margin:18px 0}.trial-consent input{accent-color:var(--coral);margin-top:6px;flex-shrink:0}.trial-panel .primary{width:100%;margin:18px 0 8px}.trial-reading{padding:23px 0;border-top:1px solid var(--line)}.trial-reading h3{font-size:18px;color:var(--coral);margin:0 0 15px}.trial-reading p{font-size:15px;line-height:1.95;margin:14px 0;white-space:pre-line}.trial-source,#trial-message{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0}.trial-panel a{color:var(--coral)}
/* A keepsake with Kongdaki, in the existing warm brand palette. */
.card-invitation{background:linear-gradient(130deg,#fae4d5,#fff8ed);display:flex;align-items:center;gap:12px}.card-invitation .mascot{width:96px;height:96px}.card-invitation>div:last-child{min-width:0;flex:1}.card-invitation h2{font-size:19px}.card-invitation p{font-size:12px}.card-invitation .primary{font-size:13px;margin:12px 0 8px}.share-heading h2{font-size:21px;margin:8px 0}.card-preview{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 8px 24px #70523a12}.card-themes{display:flex;gap:6px;margin:16px 0}.card-themes button{flex:1;border:1px solid var(--line);border-radius:99px;padding:9px 5px;font-size:12px;background:#fffdf8}.card-themes button[aria-pressed=true]{background:#fae4d5;border-color:#ac4d36;font-weight:700}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-actions button{font-size:13px}.card-invitation .chapter-no{font-size:10px}@media(max-width:370px){.card-invitation{display:block}.card-invitation .mascot{margin:auto}.card-invitation h2{text-align:center}}