:root{--paper: #FFFFFF;--paper-2: #F3F4F5;--ink: #1F2124;--ink-2: #5E6369;--rule: #E1E3E6;--seal: #A8352B;--card: #FFFFFF;--mok: #2F7D6D;--mok-ink: #2A6E60;--hwa: #C8483C;--hwa-ink: #B23E33;--to: #C9A13B;--to-ink: #8E6F1E;--geum: #9AA3AD;--geum-ink: #5E6874;--su: #2B3A55;--su-ink: #2B3A55;--font-display: "Gowun Batang", "Noto Serif KR", "AppleMyungjo", serif;--font-hanja: "Noto Serif KR", "AppleMyungjo", serif;--font-body: "Noto Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #1B1A18;--paper-2: #24221F;--ink: #ECE6DA;--ink-2: #A9A194;--rule: #3A3631;--seal: #E0695C;--card: #211F1C;--mok: #4FB39F;--mok-ink: #6CC8B4;--hwa: #E0695C;--hwa-ink: #EF8478;--to: #D9B353;--to-ink: #E2C06A;--geum: #B9C1CA;--geum-ink: #C3CBD3;--su: #7E93BD;--su-ink: #98ACD4;color-scheme:dark}}:root[data-theme=dark]{--paper: #1B1A18;--paper-2: #24221F;--ink: #ECE6DA;--ink-2: #A9A194;--rule: #3A3631;--seal: #E0695C;--card: #211F1C;--mok: #4FB39F;--mok-ink: #6CC8B4;--hwa: #E0695C;--hwa-ink: #EF8478;--to: #D9B353;--to-ink: #E2C06A;--geum: #B9C1CA;--geum-ink: #C3CBD3;--su: #7E93BD;--su-ink: #98ACD4;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.6;margin:0}.wrap{max-width:600px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 56px;display:flex;flex-direction:column;gap:24px}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-family:var(--font-display);font-size:24px;font-weight:700;margin:0}.brand b{color:var(--seal)}.brand a{color:inherit;text-decoration:none}.stage{font-size:12px;color:var(--ink-2)}h2{font-family:var(--font-display);font-size:21px;margin:0;text-wrap:balance}p{margin:0}.muted{color:var(--ink-2);font-size:14px}button,.btn{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.tcard{text-align:left;border:1px solid var(--rule);border-radius:10px;padding:16px;background:var(--card);color:var(--ink);display:flex;flex-direction:column;gap:4px}.tcard:hover{border-color:var(--ink)}.tcard b{font-size:16px}.tcard span{font-size:13px;color:var(--ink-2)}.progress{height:6px;background:var(--paper-2);border-radius:3px;overflow:hidden}.progress i{display:block;height:100%;background:var(--ink)}.qnum{font-size:13px;color:var(--ink-2)}.opts{display:flex;flex-direction:column;gap:8px}.opt{text-align:left;border:1px solid var(--rule);border-radius:8px;padding:13px 14px;background:var(--card);color:var(--ink);font-size:15px}.opt:hover{border-color:var(--ink);background:var(--paper-2)}.back{align-self:flex-start;border:0;background:none;color:var(--ink-2);text-decoration:underline;padding:4px 0;font-size:13px}.result-head{display:flex;flex-direction:column;gap:6px}.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--seal);font-weight:700}.big{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.3}.line{font-size:17px;font-weight:500}.box{border:1px solid var(--rule);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.box h3{margin:0;font-size:14px;color:var(--ink-2);font-weight:500}ul.dots{margin:0;padding-left:1.2em}.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share code{font-size:13px;background:var(--paper-2);padding:6px 10px;border-radius:6px;word-break:break-all;min-width:0;flex:1}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:6px;padding:9px 14px;font-size:14px}.btn.ghost{background:var(--paper);color:var(--ink)}.ad-slot{border:1px dashed var(--rule);border-radius:6px;padding:22px 12px;text-align:center;font-size:12px;color:var(--ink-2)}.app-card{border:1px solid var(--rule);border-radius:8px;padding:12px 14px;background:var(--paper-2);display:flex;flex-direction:column;gap:4px}.app-card small{color:var(--ink-2)}.note{font-size:12px;color:var(--ink-2)}.deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.back-card{aspect-ratio:2 / 3;max-width:100%;padding:0;border:0;background:none;border-radius:12px;box-shadow:0 6px 14px #1f21242e}.back-card .tarot-svg,.tarot-face .tarot-svg,.tarot-grid .tarot-svg{display:block;width:100%;height:auto}.back-card:hover{transform:translateY(-4px)}.tarot-face{width:min(240px,66%);align-self:center;filter:drop-shadow(0 8px 16px rgba(31,33,36,.2))}@media(prefers-reduced-motion:no-preference){.tarot-face{animation:tarotIn .5s ease-out}@keyframes tarotIn{0%{transform:rotateY(90deg) scale(.9);opacity:0}to{transform:none;opacity:1}}}.tarot-all{border-top:1px solid var(--rule);padding-top:10px}.tarot-all summary{cursor:pointer;font-weight:700;font-size:14px}.tarot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}@media(min-width:560px){.tarot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tarot-grid figure{margin:0}.form{display:flex;flex-direction:column;gap:10px}.form label{font-size:13px;color:var(--ink-2)}.form input{font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:9px 10px;width:100%}.sign{font-size:56px;line-height:1;color:var(--seal)}.err{color:var(--hwa-ink);font-size:14px}@media(prefers-reduced-motion:no-preference){.back-card{transition:transform .15s}}.tcard{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}.tcard .ico{grid-row:span 2;width:44px;height:44px;display:block}.tcard .ico svg{width:100%;height:100%;display:block}body{word-break:keep-all;overflow-wrap:break-word}.tlist{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(min-width:560px){.tlist{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.tcard{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 10px}.tcard .ico{grid-row:auto;width:52px;height:52px}.tcard span:last-child{font-size:12px}