@font-face{font-family:Pretendard;src:url('assets/Pretendard.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:Veil;src:url('assets/Pacifico.ttf') format('truetype');font-display:swap}
.flow-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.flow-top .steps{margin:0}.text-button{background:none;border:0;font-size:14px;color:#646d80;padding:8px 0}.flow-heading{text-align:center;max-width:760px;margin:0 auto}.flow-heading h1{font-size:32px}.flow-heading .eyebrow{margin-bottom:11px}.question-echo{font-size:16px;line-height:1.7;color:#727888;overflow-wrap:anywhere;margin:20px auto 0;max-width:640px}.deck{max-width:860px;margin:40px auto 20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;align-items:center}.deck-card{position:relative;background:none;border:2px solid transparent;border-radius:13px;padding:5px;min-width:0;transition:transform .25s,opacity .25s,border-color .25s}.deck-card img{display:block;width:100%;height:auto;aspect-ratio:140/230;object-fit:fill;border-radius:8px;box-shadow:0 7px 17px #3e435b13}.deck-card:nth-child(2n){transform:translateY(10px)}.deck-card:hover:not(:disabled){transform:translateY(-7px)}.deck-card.chosen,.deck-card.chosen:hover{transform:translateY(-12px);border-color:#d88f96;background:#fff6f5}.deck-card:disabled{opacity:.38}.card-order{position:absolute;bottom:17px;left:calc(50% - 14px);width:28px;height:28px;background:#fdf7ee;color:#8d744f;border:1px solid #d9c393;border-radius:50%;display:grid;place-items:center;font-size:12px}.chosen .card-order{background:#d76b73;border-color:#d76b73;color:white;font-weight:650}.pick-status{display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px;color:#727888}.pick-status strong{color:#b95f69}.pick-status p{margin:8px 0}.shuffle{font-size:13px;border-bottom:1px solid #c5c9d2;padding:2px 0}.selection-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:490px;margin:26px auto}.selection-slot{padding:17px 8px;border:1px dashed #dce0e8;border-radius:12px;text-align:center;color:#8e95a4;background:#fbfbfd}.selection-slot>span{font-size:15px}.selection-slot p{font-size:13px;margin:8px 0 0}.selection-slot.filled{border:1px solid #e3bac1;background:#fff5f5;color:#ae5d69}.flow-action{max-width:450px;margin:0 auto}.flow-action .primary{margin-top:20px}.demo-note{font-size:13px;color:#8a6870;line-height:1.7;background:#fcf0f2;padding:10px 18px;border-radius:9px;display:inline-block;margin-top:20px}.reading-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;max-width:670px;margin:28px auto 45px}.reading-card{border:0;background:none;display:flex;flex-direction:column;align-items:center;padding:0;min-width:0;color:#353a49}.reading-card img{display:block;width:100%;max-width:160px;height:auto;aspect-ratio:156/266;object-fit:contain;border-radius:8px;filter:drop-shadow(0 8px 10px #34395213);margin:15px 0 20px}.card-position{font-size:13px;color:#747c8e}.card-name{font-size:18px;font-weight:650;display:flex;gap:9px;align-items:center}.card-name small{font-size:12px;font-weight:400;color:#607966;background:#eef4ef;padding:4px 6px;border-radius:4px}.card-keyword{font-size:14px;color:#747b8b;margin:10px 0 0}.reading-body{max-width:780px;margin:0 auto;border-top:1px solid #e5e8ed}.reading-body article{display:grid;grid-template-columns:42px 1fr;gap:19px;padding:35px 0;border-bottom:1px solid #e5e8ed;scroll-margin-top:25px}.reading-number{font-size:24px;color:#b6becd;font-weight:400;margin-top:2px}.article-meta{font-size:12px;color:#9b7366;font-weight:600;letter-spacing:.055em}.reading-body h2{font-size:23px;line-height:1.45;letter-spacing:-.025em;margin:12px 0 15px;word-break:keep-all}.reading-body article p{font-size:17px;line-height:1.95;margin:0;color:#656c7b;word-break:keep-all}.action-note{background:#f4f5f8;border-radius:11px;padding:16px 20px;margin-top:22px}.action-note>span{font-size:12px;color:#6b7487;font-weight:650}.reading-body .action-note p{font-size:15px;line-height:1.8;color:#555f74;margin-top:5px}.closing{text-align:center;margin:38px auto 0;max-width:440px}.closing>p{font-size:17px;line-height:1.9;color:#6b7384}.closing strong{color:#454d60;font-weight:500}.closing .primary{margin-top:22px}
@media(max-width:680px){.flow-top{flex-wrap:wrap;margin-bottom:28px;gap:18px}.flow-top .steps{gap:13px;font-size:12px}.flow-top .steps b{width:21px;height:21px}.flow-heading h1{font-size:26px!important}.flow-heading .eyebrow{font-size:13px}.question-echo{font-size:15px;margin-top:16px}.deck{grid-template-columns:repeat(3,minmax(0,1fr));max-width:350px;gap:20px 17px;margin:32px auto 18px}.deck-card img{max-height:155px;object-fit:fill}.deck-card:nth-child(2n){transform:none}.deck-card.chosen,.deck-card.chosen:hover{transform:translateY(-5px)}.selection-slots{margin:20px auto;gap:10px}.selection-slot{padding:13px 5px}.selection-slot p{font-size:12px}.reading-cards{gap:14px;margin:20px auto 34px;max-width:420px}.reading-card img{margin:13px 0 16px}.card-name{font-size:16px;gap:5px;flex-wrap:wrap;justify-content:center}.card-name small{font-size:12px;padding:3px 4px}.card-position{font-size:12px}.card-keyword{font-size:12px}.demo-note{font-size:12px;padding:10px 13px;margin-bottom:3px}.reading-body article{grid-template-columns:27px 1fr;gap:12px;padding:28px 0}.reading-number{font-size:20px}.reading-body h2{font-size:20px}.reading-body article p{font-size:16px;line-height:1.9}.action-note{padding:15px 16px}.reading-body .action-note p{font-size:14px}.closing>p{font-size:16px}}
:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#31343d;background:#fdfdfd;font-synthesis:none;--slate:#545b6e;--coral:#d76b73;--muted:#6b707b;--border:#e6e8ee;--rose:#fcf0f2}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #bb767b;outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s}button:hover:not(:disabled){transform:translateY(-2px)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:15px;z-index:20;padding:12px;background:white}.skip:focus{top:10px}.site-header{height:98px;border-bottom:1px solid var(--border);max-width:1184px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{display:flex;align-items:center;gap:21px;color:var(--slate);font-family:Veil,cursive;font-size:38px;text-decoration:none;line-height:1.4}.brand span{font:600 14px Pretendard,sans-serif;color:var(--muted);border-left:1px solid #daddE4;padding-left:20px}main{max-width:1184px;margin:auto;outline:none;padding:58px 32px 64px;min-height:calc(100svh - 182px)}.intro{display:grid;grid-template-columns:1fr 1.04fr;gap:72px;align-items:center}.eyebrow{font-size:14px;color:#8c645d;font-weight:600;letter-spacing:.04em;margin:0 0 19px}h1{font-size:38px;letter-spacing:-.045em;line-height:1.45;margin:0;font-weight:650;word-break:keep-all}.lede{font-size:17px;color:var(--muted);line-height:1.85;margin:21px 0 0}.welcome{padding:9px 0 0 24px}.mascot{display:block;width:310px;height:310px;object-fit:contain;margin:12px 0 -14px 20px}.welcome-note{display:block;margin-left:101px;font-size:13px;color:#767c89}.question-panel{padding:34px 32px 28px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 12px 45px #33374706}.steps{list-style:none;display:flex;margin:0 0 35px;padding:0;gap:20px;color:#898c98;font-size:14px;align-items:center}.steps li{display:flex;align-items:center;gap:7px;white-space:nowrap}.steps b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f1f2f5;font-size:12px;font-weight:600}.steps [aria-current]{color:var(--slate);font-weight:650}.steps [aria-current] b{background:var(--slate);color:white}.form-title{display:block;font-size:24px;letter-spacing:-.04em;font-weight:650}.form-hint{font-size:15px;color:var(--muted);margin:10px 0 23px}.input-wrap{position:relative}textarea{width:100%;resize:vertical;min-height:170px;max-height:350px;padding:19px 19px 36px;border:1px solid #dce0e8;background:#fafbfc;border-radius:12px;font-size:17px;line-height:1.65;color:#31343d}textarea::placeholder{color:#8b8f9c}.count{position:absolute;bottom:16px;right:17px;color:#808593;font-size:12px;pointer-events:none}.examples-label{font-size:13px;color:var(--muted);margin:21px 0 12px}.examples{display:flex;gap:8px;flex-wrap:wrap}.examples button{font-size:13px;border:1px solid var(--border);background:#fff;color:#636b7b;border-radius:20px;padding:9px 12px}.examples button:hover,.examples button.active{background:var(--rose);border-color:#e6bdc3;color:#a84d5c}.primary{width:100%;border:0;border-radius:12px;background:var(--slate);color:white;min-height:54px;padding:15px 22px;font-weight:600;font-size:16px;display:flex;gap:14px;justify-content:center;align-items:center;margin-top:29px}.primary span{font-size:21px;font-weight:400}.primary:hover:not(:disabled){background:#454e64}.primary:disabled{background:#e4e6eb;color:#8c909c}.privacy{font-size:12px;color:#858a96;margin:16px 0 0;text-align:center;line-height:1.6}.view{animation:appear .35s ease both}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.intro{gap:30px}.welcome{padding-left:0}h1{font-size:31px}.question-panel{padding:27px 24px}.steps{gap:13px;font-size:13px}.mascot{width:265px;height:265px;margin-left:0}.welcome-note{margin-left:65px}.form-title{font-size:22px}}@media(max-width:680px){.site-header{height:76px;padding:0 22px}.brand{font-size:32px;gap:15px}.brand span{padding-left:15px}main{padding:29px 20px 40px;min-height:calc(100svh - 160px)}.intro{grid-template-columns:1fr;gap:26px}.welcome{position:relative;padding:7px 125px 10px 0;min-height:145px}.eyebrow{font-size:12px;margin-bottom:13px}h1{font-size:27px;line-height:1.45}.lede{font-size:14px;margin:12px 0 0;line-height:1.7}.mascot{position:absolute;width:147px;height:147px;right:-12px;top:24px;margin:0}.welcome-note{display:none}.question-panel{padding:24px 20px;border-radius:19px}.steps{margin-bottom:26px;gap:18px}.form-title{font-size:22px}textarea{font-size:16px;min-height:145px}.examples{gap:7px}.examples button{padding:9px 11px;font-size:12px}.primary{margin-top:24px}}@media(max-width:370px){.welcome{padding-right:90px}h1{font-size:24px}.mascot{width:118px;height:118px;right:-10px;top:35px}.steps{gap:12px;font-size:12px}.question-panel{padding:22px 16px}.lede{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}