:root{--cream: #faf7f2;--paper: #fffdf8;--paper-shade: #f3ede3;--paper-line: #e4dccd;--ink: #2b3a4a;--ink-soft: #54627a;--ink-faint: #8a93a3;--coral: #b84a36;--coral-deep: #963724;--coral-soft: #fde4dd;--sage: #6b8e7f;--sage-soft: #dce8e1;--gold: #e8b547;--gold-soft: #fbeec9;--plum: #6c4a7c;--plum-soft: #ece2f2;--purpose-inform: #3a7ca5;--purpose-inform-soft: #d9e8f1;--purpose-guide: #6b8e7f;--purpose-guide-soft: #dce8e1;--purpose-persuade: #e8745c;--purpose-persuade-soft: #fde4dd;--purpose-request: #7a5c8a;--purpose-request-soft: #ece2f2;--warn: #c8703a;--warn-soft: #f7e3d0;--danger: #c0492f;--danger-soft: #f6dad3;--fs-display: clamp(1.9rem, 4vw, 2.6rem);--fs-h1: clamp(1.4rem, 2.6vw, 1.75rem);--fs-h2: clamp(1.15rem, 2vw, 1.35rem);--fs-h3: 1.05rem;--fs-body: 1rem;--fs-small: .875rem;--fs-tiny: .78rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(43, 58, 74, .06), 0 1px 3px rgba(43, 58, 74, .05);--shadow-md: 0 4px 12px rgba(43, 58, 74, .08), 0 2px 4px rgba(43, 58, 74, .04);--shadow-lg: 0 12px 32px rgba(43, 58, 74, .12), 0 4px 8px rgba(43, 58, 74, .06);--touch: 44px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .22s;--font: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);line-height:1.6;font-size:16px;background-image:radial-gradient(circle at 20% 20%,rgba(232,116,92,.04),transparent 40%),radial-gradient(circle at 80% 60%,rgba(107,142,127,.04),transparent 40%);background-attachment:fixed}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit}:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--radius-pill);font-size:var(--fs-body);font-weight:600;background:var(--paper);color:var(--ink);border:1.5px solid var(--paper-line);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{background:var(--coral);color:#fff;border-color:var(--coral-deep)}.btn--primary:disabled{background:var(--coral)}.btn--ghost{background:transparent;box-shadow:none;border-color:transparent}.btn--ghost:hover{background:var(--paper-shade);box-shadow:none;transform:none}.btn--small{min-height:var(--touch);padding:0 var(--sp-3);font-size:var(--fs-small)}.btn--block{width:100%}.gi-pulse{position:relative;animation:gi-pulse-ring 1.8s var(--ease) infinite}@keyframes gi-pulse-ring{0%{box-shadow:0 0 #b84a368c,var(--shadow-md)}70%{box-shadow:0 0 0 14px #b84a3600,var(--shadow-md)}to{box-shadow:0 0 #b84a3600,var(--shadow-md)}}@media (prefers-reduced-motion: reduce){.gi-pulse{animation:none;outline:3px dashed var(--coral);outline-offset:3px}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.piece-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);min-height:var(--touch);border-radius:var(--radius-md);border:1.5px solid var(--paper-line);background:var(--paper);font-size:var(--fs-body);font-weight:500;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);text-align:left}.piece-chip:hover{border-color:var(--coral)}.piece-chip--newfact{border-color:var(--warn);background:var(--warn-soft)}.piece-chip--used{opacity:.5}.built-item{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);min-height:var(--touch);border-radius:var(--radius-md);background:var(--coral-soft);border:1.5px solid var(--coral);font-weight:600}.built-item__controls{display:inline-flex;gap:2px;margin-left:var(--sp-1)}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-small);background:#ffffffb3;border:1px solid var(--paper-line);color:var(--ink-soft);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover{background:#fff;color:var(--ink)}.icon-btn--danger:hover{color:var(--danger)}.reason-skeleton{display:flex;flex-direction:column;gap:var(--sp-2)}.reason-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3);border:1.5px solid var(--paper-line);border-radius:var(--radius-md);background:var(--paper);min-height:var(--touch);text-align:left;width:100%;font-size:var(--fs-body);line-height:1.6;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.reason-row:hover{border-color:var(--ink-faint)}.reason-row--selected{border-color:var(--coral);background:var(--coral-soft)}.reason-select{width:var(--touch);min-width:var(--touch);height:var(--touch);border:1.5px solid var(--paper-line);border-radius:var(--radius-sm);background:var(--paper);color:var(--coral-deep);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.reason-select:hover{border-color:var(--coral)}.reason-template{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:var(--sp-1);min-width:0}.reason-blank{display:inline-block;min-width:60px;min-height:var(--touch);border-bottom:2px solid var(--coral);color:var(--coral-deep);font-weight:700;text-align:center;padding:0 var(--sp-1)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-tiny);font-weight:600;background:var(--paper-shade);color:var(--ink-soft);white-space:nowrap}.tag--inform{background:var(--purpose-inform-soft);color:#2a5d7a}.tag--guide{background:var(--purpose-guide-soft);color:#4a6b5d}.tag--persuade{background:var(--purpose-persuade-soft);color:var(--coral-deep)}.tag--request{background:var(--purpose-request-soft);color:var(--plum)}.tag--required{background:var(--gold-soft);color:#9a7320}.tag--optional{background:var(--paper-shade);color:var(--ink-faint)}.check-list{display:flex;flex-direction:column;gap:var(--sp-2)}.check-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-md);min-height:var(--touch)}.check-row--ok{background:var(--sage-soft)}.check-row--miss{background:var(--danger-soft)}.check-row--warn{background:var(--warn-soft)}.check-row__icon{font-size:1.2rem;flex-shrink:0}.check-row__text{font-weight:600;font-size:var(--fs-body)}.feedback{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:600;display:flex;align-items:flex-start;gap:var(--sp-2);min-height:var(--touch)}.feedback--ok{background:var(--sage-soft);color:#3d5d4f}.feedback--info{background:var(--purpose-inform-soft);color:#2a5d7a}.feedback--warn{background:var(--warn-soft);color:#8a4a1a}.result-card{background:linear-gradient(135deg,var(--paper) 0%,var(--paper-shade) 100%);border:2px solid var(--paper-line);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-lg)}.result-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4);border-bottom:2px dashed var(--paper-line)}.result-card__title{font-size:var(--fs-h1);font-weight:800}.result-final{font-size:var(--fs-h1);line-height:1.5;font-weight:700;padding:var(--sp-4);background:var(--coral-soft);border-radius:var(--radius-md);border-left:4px solid var(--coral);margin:var(--sp-3) 0}.result-section{margin-top:var(--sp-4)}.result-section__label{font-size:var(--fs-tiny);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--sp-1)}.modal-backdrop{position:fixed;inset:0;background:#2b3a4a73;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:100;animation:fade-in var(--dur) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:100%;max-height:80vh;overflow-y:auto;padding:var(--sp-5)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.modal__title{font-size:var(--fs-h2);font-weight:700}.modal__close{width:var(--touch);height:var(--touch);border-radius:var(--radius-pill);font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center}.modal__close:hover{background:var(--paper-shade)}.changelog-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--paper-line)}.changelog-item:last-child{border-bottom:none}.changelog-item__date{font-size:var(--fs-tiny);font-weight:700;color:var(--coral);white-space:nowrap;min-width:84px}.app-shell{max-width:1080px;margin:0 auto;padding:var(--sp-4) var(--sp-4) var(--sp-7);min-height:100vh}@media (min-width: 720px){.app-shell{padding:var(--sp-5) var(--sp-5) var(--sp-7)}}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-4);margin-bottom:var(--sp-5);border-bottom:2px solid var(--paper-line)}.app-title-block{min-width:0}.app-eyebrow{font-size:var(--fs-small);font-weight:600;letter-spacing:.08em;color:var(--coral);text-transform:uppercase}.app-title{font-size:var(--fs-display);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-top:var(--sp-1)}.app-subtitle{color:var(--ink-soft);font-size:var(--fs-body);margin-top:var(--sp-1)}.mission-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);margin:var(--sp-4) 0}@media (min-width: 600px){.mission-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 920px){.mission-grid{grid-template-columns:repeat(3,1fr)}}.mission-card{text-align:left;padding:var(--sp-4);background:var(--paper);border:1.5px solid var(--paper-line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);min-height:var(--touch)}.mission-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--coral)}.mission-card--done{border-color:var(--sage);background:linear-gradient(135deg,var(--paper) 0%,var(--sage-soft) 100%);position:relative;overflow:hidden}.mission-card--done:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(107,142,127,.12),transparent 50%);pointer-events:none}.mission-card__badge{position:absolute;top:var(--sp-2);right:var(--sp-2);display:inline-flex;align-items:center;gap:3px;padding:3px var(--sp-2);border-radius:var(--radius-pill);background:var(--sage);color:#fff;font-size:var(--fs-tiny);font-weight:800;letter-spacing:.02em;box-shadow:var(--shadow-sm);z-index:1;animation:badge-pop .42s var(--ease) both}@keyframes badge-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.mission-card__badge,.mission-card--done{animation:none}}.mission-card__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--coral-soft);color:var(--coral-deep);font-weight:800;font-size:var(--fs-small);margin-bottom:var(--sp-2)}.mission-card--done .mission-card__num{background:var(--sage);color:#fff}.mission-card__title{font-size:var(--fs-h3);font-weight:700}.mission-card__desc{color:var(--ink-soft);font-size:var(--fs-small);margin-top:var(--sp-1)}.mission-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-2)}.panel{background:var(--paper);border:1.5px solid var(--paper-line);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.panel+.panel{margin-top:var(--sp-4)}.panel__title{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.01em}.panel__eyebrow{font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;color:var(--coral);text-transform:uppercase;margin-bottom:var(--sp-1)}.panel__lead{color:var(--ink-soft);margin-top:var(--sp-2)}.steps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--paper);border-radius:var(--radius-pill);border:1.5px solid var(--paper-line);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-4);overflow-x:auto}.step{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-small);font-weight:600;color:var(--ink-faint);white-space:nowrap;padding:var(--sp-1) var(--sp-2)}.step__dot{width:22px;height:22px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-tiny);font-weight:800;background:var(--paper-shade);color:var(--ink-faint);border:1.5px solid transparent}.step--active{color:var(--ink)}.step--active .step__dot{background:var(--coral);color:#fff;border-color:var(--coral-deep)}.step--done{color:var(--sage)}.step--done .step__dot{background:var(--sage-soft);color:var(--sage)}.step__sep{color:var(--paper-line)}.fact-vault{display:flex;flex-direction:column;gap:var(--sp-4)}.fact-base{font-size:var(--fs-h3);line-height:1.7;padding:var(--sp-4);background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:var(--radius-md)}.fact-units{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}@media (min-width: 640px){.fact-units{grid-template-columns:1fr 1fr}}.fact-unit{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1.5px solid var(--paper-line);background:var(--paper);min-height:var(--touch);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);text-align:left;width:100%}.fact-unit:hover{border-color:var(--ink-faint)}.fact-unit__icon{font-size:1.1rem;flex-shrink:0}.fact-unit__text{flex:1;font-weight:500}.fact-unit__kind{font-size:var(--fs-tiny);color:var(--ink-faint);font-weight:600}.fact-unit--required{background:var(--gold-soft);border-color:var(--gold)}.fact-unit--optional{background:var(--paper-shade)}.fact-unit--locked{opacity:.85}.fact-unit--checked{border-color:var(--sage);background:var(--sage-soft)}.choice-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 560px){.choice-grid--purpose{grid-template-columns:repeat(2,1fr)}}@media (min-width: 720px){.choice-grid--purpose{grid-template-columns:repeat(4,1fr)}}@media (min-width: 560px){.choice-grid--audience{grid-template-columns:repeat(2,1fr)}}@media (min-width: 860px){.choice-grid--audience{grid-template-columns:repeat(3,1fr)}}.choice-card{text-align:left;padding:var(--sp-4);border-radius:var(--radius-md);border:2px solid var(--paper-line);background:var(--paper);min-height:var(--touch);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);display:flex;flex-direction:column;gap:var(--sp-1)}.choice-card:hover{transform:translateY(-2px)}.choice-card--selected{border-color:var(--coral);background:var(--coral-soft);box-shadow:var(--shadow-md)}.choice-card--inform:hover{border-color:var(--purpose-inform)}.choice-card--guide:hover{border-color:var(--purpose-guide)}.choice-card--persuade:hover{border-color:var(--purpose-persuade)}.choice-card--request:hover{border-color:var(--purpose-request)}.choice-card__icon{font-size:1.5rem}.choice-card__name{font-size:var(--fs-h3);font-weight:700}.choice-card__desc{color:var(--ink-soft);font-size:var(--fs-small)}.choice-card__meta{font-size:var(--fs-tiny);color:var(--ink-faint);margin-top:var(--sp-1)}.builder{display:flex;flex-direction:column;gap:var(--sp-4)}.builder__compare{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media (min-width: 760px){.builder__compare{grid-template-columns:1fr 1fr}}.compare-col{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--paper-shade);border:1.5px solid var(--paper-line)}.compare-col__label{font-size:var(--fs-tiny);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--sp-2)}.compare-col__text{font-size:var(--fs-h3);line-height:1.7;font-weight:500}.compare-col--built{background:var(--coral-soft);border-color:var(--coral)}.built-empty{color:var(--ink-faint);font-style:italic;font-size:var(--fs-body)}.piece-tray{display:flex;flex-direction:column;gap:var(--sp-3)}.piece-tray__group{display:flex;flex-direction:column;gap:var(--sp-2)}.piece-tray__label{font-size:var(--fs-small);font-weight:700;color:var(--ink-soft);display:flex;align-items:center;gap:var(--sp-1)}.piece-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.built-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-4);background:var(--paper);border:1.5px dashed var(--paper-line);border-radius:var(--radius-md);min-height:80px}.next-mission-card{background:linear-gradient(135deg,var(--coral-soft) 0%,var(--gold-soft) 100%);border:2px dashed var(--coral);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5)}.next-mission-card__label{font-size:var(--fs-tiny);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-deep)}.next-mission-card__title{font-size:var(--fs-h2);font-weight:800;letter-spacing:-.01em;margin-top:var(--sp-1);color:var(--ink)}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column}.stack--tight{gap:var(--sp-1)}.stack--normal{gap:var(--sp-3)}.muted{color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:1px;background:var(--paper-line);margin:var(--sp-4) 0;border:none}.visually-hidden-icon{position:absolute;left:-9999px}[role=status]{min-height:var(--touch)}