@import url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@500;600;700;800&display=swap');

:root {
  --ink:#111111;
  --ink-soft:#242424;
  --paper:#f8f5ef;
  --white:#fffdf8;
  --blue:#3657e8;
  --lime:#c7f36b;
  --coral:#ff7a59;
  --lavender:#c8b6ff;
  --gray:#706d68;
  --line:rgba(17,17,17,.18);
  --line-dark:rgba(255,255,255,.18);
  --display:"Archivo Black","Pretendard Variable","Arial Black",sans-serif;
  --sans:"Pretendard Variable","DM Sans","Apple SD Gothic Neo",sans-serif;
  --max:1240px;
  --shadow:10px 10px 0 var(--ink);
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-height:100vh;color:var(--ink);background:var(--ink);font-family:var(--sans);letter-spacing:-.035em;word-break:keep-all}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-90px;z-index:999;padding:12px 16px;color:var(--ink);background:var(--lime);font-weight:900}
.skip-link:focus{top:16px}

.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(var(--max),calc(100% - 32px));height:70px;margin:0 auto;color:var(--paper);background:var(--ink)}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:clamp(.92rem,1.6vw,1.12rem);letter-spacing:-.035em}
.brand-mark{width:15px;height:15px;background:var(--lime);box-shadow:6px 6px 0 var(--blue);transform:rotate(-8deg)}
.header-actions{display:flex;gap:8px;align-items:center}
.ghost-button{min-height:38px;padding:0 13px;border:1px solid var(--line-dark);border-radius:0;color:var(--paper);background:transparent;font-family:"DM Sans",sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.08em}
.ghost-button:disabled{opacity:.72;cursor:default}.ghost-button.danger:hover{color:var(--ink);border-color:var(--coral);background:var(--coral)}

.tool-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto 80px}
.progress-wrap{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin:0 0 14px;padding:10px 0;color:var(--paper);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.progress-current{display:flex;align-items:baseline;gap:11px;min-width:150px}.progress-current b{font-family:var(--display);font-size:2rem;line-height:1;color:var(--lime)}.progress-current span{font-family:"DM Sans",sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.progress-track{position:relative;height:3px;background:rgba(255,255,255,.16)}.progress-track span{display:block;width:0;height:100%;background:var(--blue);transition:width .35s var(--ease)}
.progress-value{font-family:"DM Sans",sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.12em}

.screen{position:relative;min-height:680px;overflow:hidden;background:var(--paper);animation:screen-in .34s var(--ease) both}
@keyframes screen-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
.screen-inner{padding:clamp(30px,5vw,72px)}
.micro-label{display:inline-block;font-family:"DM Sans",sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}

/* COVER */
.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:720px;color:var(--paper);background:var(--ink);border:1px solid var(--line-dark)}
.hero::before{content:"";position:absolute;left:58%;top:-60px;width:210px;height:210px;background:var(--blue);border-radius:50%;filter:none;opacity:.98}
.hero::after{content:"";position:absolute;left:51%;bottom:-80px;width:230px;height:230px;border:32px solid var(--coral);transform:rotate(14deg)}
.hero-tape{position:absolute;left:-26px;top:20px;z-index:3;width:330px;padding:8px 14px;color:var(--ink);background:var(--lime);font-family:"DM Sans",sans-serif;font-size:.66rem;font-weight:900;letter-spacing:.12em;white-space:nowrap;transform:rotate(-3deg)}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,96px)}
.eyebrow{display:inline-flex;width:max-content;margin:0 0 20px;font-family:"DM Sans",sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hero h1{margin:0;font-family:var(--display);font-size:clamp(4.3rem,10vw,9rem);line-height:.78;letter-spacing:-.085em;text-transform:uppercase}
.hero h1 span{display:block}.outline-word{color:transparent;-webkit-text-stroke:2px var(--paper);text-shadow:8px 8px 0 var(--blue)}
.hero-hook{margin:34px 0 0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;line-height:1.15;letter-spacing:-.065em}
.hero-lead{max-width:590px;margin:18px 0 0;color:rgba(248,245,239,.64);font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.7}
.hero-word-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.hero-word-stack span{padding:8px 12px;border:1px solid var(--paper);font-weight:850}.hero-word-stack span:nth-child(2){color:var(--ink);background:var(--lavender);transform:rotate(2deg)}.hero-word-stack span:nth-child(4){color:var(--ink);background:var(--coral);transform:rotate(-3deg)}
.hero-panel{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:clamp(28px,4vw,54px);color:var(--ink);background:var(--paper);border-left:1px solid var(--line-dark)}
.cover-control{display:grid;gap:13px}.control-heading{display:flex;align-items:center;gap:12px}.control-heading>span{display:grid;place-items:center;width:38px;height:38px;color:var(--paper);background:var(--ink);font-family:var(--display);font-size:.82rem;transform:rotate(-4deg)}.control-heading strong{display:block;font-family:"DM Sans",sans-serif;font-size:.78rem;letter-spacing:.12em}.control-heading small{color:var(--gray);font-size:.82rem}
.cover-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cover-choice-grid button{position:relative;min-height:92px;padding:16px;border:2px solid var(--ink);text-align:left;background:var(--white);transition:.18s var(--ease)}.cover-choice-grid button span{display:block;font-family:var(--display);font-size:1.25rem;letter-spacing:-.04em}.cover-choice-grid button small{display:block;margin-top:6px;color:var(--gray)}.cover-choice-grid button b{position:absolute;right:12px;top:12px}.cover-choice-grid button[aria-pressed="true"]{background:var(--lavender);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}
.context-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-pills button{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 11px;border:1px solid var(--ink);background:transparent;text-align:left}.context-pills button b{font-family:"DM Sans",sans-serif;font-size:.6rem;letter-spacing:.08em}.context-pills button span{font-size:.84rem;font-weight:800}.context-pills button[aria-pressed="true"]{color:var(--paper);background:var(--blue);box-shadow:3px 3px 0 var(--ink)}
.primary-button{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 20px;border:2px solid var(--ink);border-radius:0;color:var(--ink);background:var(--lime);font-family:var(--display);font-size:1.2rem;box-shadow:7px 7px 0 var(--ink);transition:.18s var(--ease)}.primary-button b{font-size:1.7rem}.primary-button:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--ink)}
.hero-notice{margin:0;color:var(--gray);font-size:.73rem;line-height:1.6}.hero-notice b{color:var(--ink);font-family:"DM Sans",sans-serif;letter-spacing:.08em}
.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:14px 16px;color:var(--ink);background:var(--lavender);border:2px solid var(--paper)}.resume-banner>div{display:flex;align-items:center;gap:16px}.resume-banner p{margin:0;font-size:.84rem;line-height:1.45}.resume-banner button{min-height:42px;padding:0 15px;border:2px solid var(--ink);color:var(--paper);background:var(--ink);font-family:"DM Sans",sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.09em}

/* SCREEN HEAD */
.screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:34px}.screen-head-copy{max-width:900px}.step-badge{display:inline-block;margin-bottom:14px;padding:7px 10px;color:var(--paper);background:var(--ink);font-family:"DM Sans",sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.13em;transform:rotate(-1deg)}
.screen-title{margin:0;font-family:var(--display);font-size:clamp(3rem,8vw,7.4rem);line-height:.82;letter-spacing:-.075em;text-transform:uppercase}.screen-description{margin:23px 0 0;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:700;line-height:1.45;letter-spacing:-.045em}.screen-description b{color:var(--blue);font-weight:900}
.selection-count{flex:0 0 auto;min-width:120px;padding:13px;border:2px solid var(--ink);text-align:right;background:var(--lime);box-shadow:6px 6px 0 var(--ink);transform:rotate(2deg)}.selection-count strong{display:block;font-family:var(--display);font-size:1.75rem;line-height:1}.selection-count span{font-family:"DM Sans",sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.13em}

/* PICK + WORD CARDS */
.category-bar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.category-bar button{min-height:43px;padding:0 13px;border:1px solid var(--ink);color:var(--ink);background:transparent;font-family:"DM Sans",sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.08em}.category-bar button span{margin-left:5px;font-family:var(--sans);font-weight:700;letter-spacing:-.03em}.category-bar button[aria-pressed="true"]{color:var(--paper);background:var(--blue);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}
.selected-shelf{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;margin-bottom:18px;padding:15px 16px;color:var(--paper);background:var(--ink)}.selected-shelf>span{padding-top:5px;color:var(--lime)}.selected-shelf>div{display:flex;flex-wrap:wrap;gap:6px}.selected-shelf b{padding:5px 8px;color:var(--ink);background:var(--paper);font-size:.77rem}.selected-shelf b:nth-child(3n+2){background:var(--lavender)}.selected-shelf b:nth-child(4n){background:var(--coral)}.selected-shelf em{color:rgba(248,245,239,.55);font-style:normal;font-size:.84rem}
.word-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.hint{margin:0;color:var(--gray);font-size:.82rem;line-height:1.55}.text-button{min-height:40px;padding:0;border:0;border-bottom:2px solid var(--ink);background:transparent;font-family:"DM Sans",sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.word-grid{display:grid;gap:10px}.word-grid--editorial{grid-template-columns:repeat(4,minmax(0,1fr))}.word-grid--cut{grid-template-columns:repeat(5,minmax(0,1fr))}
.word-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:162px;padding:17px;border:1.5px solid var(--ink);text-align:left;color:var(--ink);background:var(--white);transition:transform .16s var(--ease),box-shadow .16s var(--ease),opacity .2s ease}
.word-card::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent var(--ink) transparent;opacity:.2}.word-card-no{font-family:"DM Sans",sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.1em}.word-card strong{margin-top:18px;font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:950;letter-spacing:-.065em}.word-card small{display:block;margin-top:7px;color:var(--gray);font-size:.75rem;line-height:1.45}.word-card-state{margin-top:auto;padding-top:16px;font-family:"DM Sans",sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.13em}
.word-card:hover{z-index:2;transform:translateY(-4px) rotate(-.5deg);box-shadow:5px 5px 0 var(--ink)}.word-card.is-selected{color:var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px);animation:card-pop .22s var(--ease)}.word-card.is-selected small{color:rgba(17,17,17,.7)}
.word-card--cut.is-cut{opacity:.3;filter:grayscale(1);transform:scale(.96) rotate(-1deg);text-decoration:none}.word-card--cut.is-cut:nth-child(even){transform:scale(.96) rotate(1deg)}.word-card--cut.is-cut strong{text-decoration:line-through;text-decoration-thickness:2px}.word-card--cut.is-selected:nth-child(3n+2){background:var(--lavender)}.word-card--cut.is-selected:nth-child(4n){background:var(--coral)}
@keyframes card-pop{0%{transform:scale(.92)}70%{transform:scale(1.03) rotate(1deg)}100%{transform:translate(-2px,-2px)}}

/* NOT THIS / BUT THIS */
.friction-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.friction-pick{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:8px 12px;align-items:start;min-height:126px;padding:17px;border:1.5px solid var(--ink);text-align:left;background:var(--white);transition:.17s var(--ease)}.friction-pick>span{grid-row:1/3;font-family:var(--display);font-size:.82rem}.friction-pick strong{font-size:1.08rem;font-weight:950}.friction-pick small{grid-column:2/4;color:var(--gray);font-size:.76rem;line-height:1.45}.friction-pick b{font-family:"DM Sans",sans-serif;font-size:.58rem;letter-spacing:.1em}.friction-pick:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--ink)}.friction-pick.is-selected{color:var(--paper);background:var(--ink);box-shadow:5px 5px 0 var(--coral);transform:translate(-2px,-2px)}.friction-pick.is-selected small{color:rgba(248,245,239,.66)}.friction-pick.is-selected b{color:var(--lime)}
.direction-list{display:grid;gap:11px}.direction-card{padding:19px;border:1.5px solid var(--ink);background:var(--white)}.direction-card.is-active{background:var(--lavender);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.direction-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.direction-card-head h3{margin:8px 0 4px;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.06em}.direction-card-head p{margin:0;color:var(--gray);font-size:.82rem}.focus-toggle{flex:0 0 auto;min-height:42px;padding:0 14px;border:1.5px solid var(--ink);background:transparent;font-family:"DM Sans",sans-serif;font-size:.65rem;font-weight:900;letter-spacing:.09em}.focus-toggle[aria-pressed="true"]{color:var(--paper);background:var(--ink)}
.direction-choice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(17,17,17,.25)}.direction-choice>span{margin-right:4px}.direction-choice button{min-height:44px;padding:0 15px;border:1.5px solid var(--ink);background:var(--paper);font-weight:900}.direction-choice button[aria-pressed="true"]{background:var(--lime);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}

/* REAL SCENE */
.scene-editor{display:grid;grid-template-columns:210px 1fr;border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow)}.scene-editor-index{display:flex;align-items:flex-end;padding:24px;color:var(--paper);background:var(--blue);font-family:var(--display);font-size:3rem;line-height:.86;letter-spacing:-.06em}.scene-editor-fields{display:grid;grid-template-columns:1fr;padding:28px;gap:19px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label,.field-label{font-size:.9rem;font-weight:950}.field small{color:var(--gray);font-size:.76rem;line-height:1.45}.field input,.field textarea{width:100%;border:0;border-bottom:2px solid var(--ink);border-radius:0;color:var(--ink);background:transparent;padding:13px 3px;outline:0}.field textarea{min-height:118px;resize:vertical;line-height:1.65}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 3px 0 var(--blue)}.field input::placeholder,.field textarea::placeholder{color:#aaa6a0}
.scene-direction-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.scene-direction-pills button{min-height:44px;padding:0 14px;border:1.5px solid var(--ink);background:transparent;font-weight:900}.scene-direction-pills button[aria-pressed="true"]{background:var(--coral);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}

/* CLASH */
.word-pulse{margin-bottom:24px;padding:20px;border:1.5px solid var(--ink);background:var(--white)}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:14px}.section-label span{font-family:var(--display);font-size:1rem}.section-label p{margin:0;color:var(--gray);font-size:.78rem}.pulse-list{display:grid;gap:8px}.rating-card{display:grid;grid-template-columns:150px 1fr 1fr;gap:18px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.rating-word span{display:block;font-family:"DM Sans",sans-serif;font-size:.56rem;font-weight:900;letter-spacing:.12em}.rating-word strong{display:block;margin-top:3px;font-size:1.15rem}.range-wrap label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--gray);font-size:.7rem}.range-wrap output{color:var(--ink);font-family:var(--display);font-size:.9rem}input[type="range"]{width:100%;accent-color:var(--blue)}
.clash-editor{display:grid;grid-template-columns:150px 1fr;border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow)}.clash-sign{display:flex;align-items:center;justify-content:center;padding:26px;color:var(--paper);background:var(--ink);font-family:var(--display);font-size:4rem;line-height:.6;text-align:center}.clash-sign span{color:var(--coral);font-size:2.3rem}.clash-editor>div:last-child{padding:26px}.clash-reference{margin:0 0 17px;color:var(--gray);font-size:.78rem}.clash-reference span{display:inline-block;margin-right:9px;padding:5px 7px;color:var(--paper);background:var(--blue);font-family:"DM Sans",sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.09em}
.conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conflict-column{padding:16px;border:1.5px solid var(--ink)}.conflict-column h3{margin:0 0 12px;font-size:.9rem}.radio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.radio-option{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 10px;border:1px solid var(--ink);font-size:.78rem;font-weight:850}.radio-option input{position:absolute;opacity:0}.radio-option b{color:transparent}.radio-option:has(input:checked){color:var(--paper);background:var(--blue)}.radio-option:has(input:checked) b{color:var(--lime)}.clash-scene{margin-top:18px}

/* THIS WEEK */
.action-editor{position:relative;padding:30px;border:2px solid var(--ink);background:var(--white);box-shadow:var(--shadow)}.action-sticker{position:absolute;right:24px;top:-28px;z-index:2;width:105px;height:105px;padding:14px;color:var(--ink);background:var(--lime);border:2px solid var(--ink);font-family:var(--display);font-size:1rem;line-height:.9;transform:rotate(7deg);box-shadow:4px 4px 0 var(--ink)}.action-sticker span{display:block;font-size:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;padding-top:28px}

/* COACH + NAV */
.coach-panel{display:grid;grid-template-columns:110px 1fr;gap:18px;margin-top:30px;padding:20px;color:var(--paper);background:var(--ink);border-left:10px solid var(--lavender)}.coach-panel>span{font-family:"DM Sans",sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.13em;color:var(--lime)}.coach-panel strong{display:block;margin-bottom:6px;font-size:.88rem}.coach-panel p{margin:0;color:rgba(248,245,239,.65);font-size:.8rem;line-height:1.55}
.nav-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:36px;padding-top:22px;border-top:2px solid var(--ink)}.back-button,.next-button{min-height:52px;padding:0 17px;border:2px solid var(--ink);border-radius:0;font-family:"DM Sans",sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.09em}.back-button{background:transparent}.next-button{display:flex;align-items:center;gap:18px;color:var(--paper);background:var(--ink);box-shadow:5px 5px 0 var(--blue);transition:.15s var(--ease)}.next-button b{font-size:1.2rem}.next-button:not(:disabled):hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--blue)}.next-button:disabled{opacity:.26;cursor:not-allowed;box-shadow:none}.nav-note{margin:0;color:var(--gray);font-size:.74rem;text-align:center}

/* RESULT POSTER */
.result-screen{background:var(--ink)}.result-intro{padding:clamp(40px,6vw,76px);color:var(--paper);background:var(--blue)}.result-intro .eyebrow{color:var(--lime)}.result-intro h1{margin:0;font-family:var(--display);font-size:clamp(4rem,10vw,9.5rem);line-height:.75;letter-spacing:-.08em;text-shadow:8px 8px 0 var(--ink)}.result-intro p{margin:26px 0 0;font-size:1.08rem;font-weight:800}.result-wrap{padding:clamp(12px,4vw,48px)}
.result-poster{width:min(100%,940px);margin:0 auto;color:var(--ink);background:var(--paper);border:2px solid var(--paper);box-shadow:14px 14px 0 var(--coral)}.poster-top{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:12px 15px;border-bottom:2px solid var(--ink);font-family:"DM Sans",sans-serif;font-size:.61rem;font-weight:900;letter-spacing:.08em}.poster-title{display:grid;grid-template-columns:110px 1fr auto;align-items:end;padding:26px;border-bottom:2px solid var(--ink)}.poster-title>span{align-self:start;font-family:"DM Sans",sans-serif;font-size:.72rem;font-weight:900;letter-spacing:.15em}.poster-title h2{margin:0;font-family:var(--display);font-size:clamp(4rem,9vw,7.6rem);line-height:.72;letter-spacing:-.075em}.poster-title>b{align-self:start;padding:8px;color:var(--paper);background:var(--ink);font-family:"DM Sans",sans-serif;font-size:.72rem;letter-spacing:.12em}
.poster-words{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,minmax(150px,auto));min-height:365px;padding:25px;overflow:hidden;border-bottom:2px solid var(--ink);background:var(--lime)}.poster-word{position:relative;display:flex;flex-direction:column;justify-content:center;padding:17px;border:2px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink)}.poster-word>span{font-family:"DM Sans",sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.1em}.poster-word strong{display:block;margin-top:7px;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:950;letter-spacing:-.08em}.poster-word small{display:block;margin-top:6px;color:var(--gray);font-size:.7rem;line-height:1.35}.poster-word--1{grid-column:1/3;grid-row:1;transform:rotate(-3deg)}.poster-word--2{grid-column:3/5;grid-row:1;z-index:2;color:var(--paper);background:var(--blue);transform:translateY(14px) rotate(2deg)}.poster-word--2 small{color:rgba(248,245,239,.72)}.poster-word--3{grid-column:5/7;grid-row:1;transform:rotate(-1deg)}.poster-word--4{grid-column:2/4;grid-row:2;z-index:3;background:var(--lavender);transform:translateY(-8px) rotate(2deg)}.poster-word--5{grid-column:4/6;grid-row:2;color:var(--paper);background:var(--ink);transform:translate(10px,-3px) rotate(-3deg)}.poster-word--5 small{color:rgba(248,245,239,.67)}
.poster-mid-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}.poster-block{min-height:190px;padding:24px}.poster-block+section{border-left:2px solid var(--ink)}.poster-label{font-family:"DM Sans",sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.13em}.poster-block h3{margin:17px 0 12px;font-size:1.25rem}.right-now{background:var(--lavender)}.right-now p{display:flex;align-items:center;gap:12px;margin:8px 0}.right-now s{color:var(--gray);font-size:.8rem}.right-now b{font-size:1.05rem}.real-scene p{margin:0 0 14px;color:var(--gray);font-size:.82rem;line-height:1.5}.real-scene>b{display:inline-block;padding:6px 8px;color:var(--paper);background:var(--blue)}
.poster-clash{display:grid;grid-template-columns:130px 230px 1fr;gap:16px;align-items:center;padding:20px 24px;border-bottom:2px solid var(--ink);background:var(--coral)}.poster-clash>div{display:flex;align-items:center;gap:10px}.poster-clash>div strong{font-size:1.25rem}.poster-clash>div b{font-family:var(--display);font-size:1.7rem}.poster-clash p{margin:0;font-size:.78rem;line-height:1.45}
.poster-next{display:grid;grid-template-columns:1.35fr .65fr;min-height:230px;border-bottom:2px solid var(--ink)}.poster-next>div{padding:25px;color:var(--paper);background:var(--blue)}.poster-next h3{margin:20px 0 0;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.25;letter-spacing:-.06em}.poster-next aside{padding:24px;background:var(--paper)}.poster-next aside>b{display:block;font-size:1rem}.poster-next aside p{margin:10px 0 24px;color:var(--gray);font-size:.8rem}.poster-next aside small{font-family:"DM Sans",sans-serif;font-size:.65rem;font-weight:800;line-height:1.55;letter-spacing:.05em}.poster-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;font-family:"DM Sans",sans-serif;font-size:.56rem;font-weight:900;letter-spacing:.08em}.poster-footer b{font-size:.68rem}
.result-support{display:grid;gap:14px;width:min(100%,940px);margin:42px auto 0}.result-card{padding:25px;color:var(--ink);background:var(--paper);border:2px solid var(--paper)}.result-card h2{margin:8px 0 20px;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.06em}.result-card--pulse{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;background:var(--lavender)}.pulse-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pulse-summary article{padding:18px;border:2px solid var(--ink);background:var(--paper)}.pulse-summary span{font-family:"DM Sans",sans-serif;font-size:.57rem;font-weight:900;letter-spacing:.12em}.pulse-summary strong{display:block;margin-top:13px;font-size:1.55rem}.pulse-summary p{margin:7px 0 0;color:var(--gray);font-size:.75rem}.question-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:question}.question-list li{counter-increment:question;display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px;border:1.5px solid var(--ink);line-height:1.5}.question-list li::before{content:"0" counter(question);font-family:var(--display);font-size:.72rem}.result-card--action{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--lime)}.result-actions{display:flex;flex-wrap:wrap;gap:7px}.result-actions button{min-height:46px;padding:0 13px;border:2px solid var(--ink);font-family:"DM Sans",sans-serif;font-size:.65rem;font-weight:900;letter-spacing:.08em}.copy-button{color:var(--paper);background:var(--ink)}.print-button{background:var(--paper)}.restart-button{background:var(--coral)}

.toast{position:fixed;left:50%;bottom:22px;z-index:100;max-width:calc(100% - 32px);padding:12px 17px;color:var(--ink);background:var(--lime);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:.82rem;font-weight:900;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:.2s var(--ease)}.toast.is-visible{transform:translate(-50%,0);opacity:1}

.field input::placeholder,.field textarea::placeholder{color:var(--gray)}
.poster-word--2 small{color:var(--paper)}

@media(max-width:1040px){
  .hero{grid-template-columns:1fr}.hero::before{left:auto;right:7%;top:12%}.hero::after{left:auto;right:15%}.hero-panel{border-left:0;border-top:1px solid var(--line-dark)}.hero-copy{min-height:650px}.cover-control{max-width:760px}.word-grid--editorial{grid-template-columns:repeat(3,minmax(0,1fr))}.word-grid--cut{grid-template-columns:repeat(3,minmax(0,1fr))}.friction-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .site-header{width:calc(100% - 20px);height:62px}.brand{font-size:.82rem}.ghost-button{min-height:34px;padding:0 9px;font-size:.6rem}.header-actions .ghost-button:first-child{display:none}
  .tool-shell{width:calc(100% - 12px);margin-bottom:30px}.progress-wrap{grid-template-columns:auto 1fr auto;gap:9px}.progress-current{min-width:auto}.progress-current b{font-size:1.4rem}.progress-current span{display:none}.progress-value{font-size:.58rem}
  .screen{min-height:auto}.screen-inner{padding:30px 16px 36px}.screen-head{display:block;margin-bottom:27px}.screen-title{font-size:clamp(3.1rem,17vw,5.2rem)}.selection-count{width:max-content;min-width:105px;margin:22px 6px 0 auto}.screen-description{font-size:1.05rem}
  .hero-copy{min-height:570px;padding:66px 22px 44px}.hero h1{font-size:clamp(4rem,23vw,6.5rem)}.hero-hook{font-size:1.55rem}.hero-lead{max-width:92%}.hero::before{width:140px;height:140px;right:-30px}.hero::after{width:150px;height:150px;border-width:22px;right:-50px}.hero-panel{padding:28px 20px 34px}.context-pills{grid-template-columns:1fr 1fr}.resume-banner{align-items:flex-start;flex-direction:column}.resume-banner>div{align-items:flex-start;flex-direction:column;gap:7px}
  .category-bar{display:grid;grid-template-columns:1fr 1fr}.category-bar button:first-child{grid-column:1/-1}.selected-shelf{grid-template-columns:1fr;gap:9px}.word-toolbar{align-items:flex-start;flex-direction:column}.word-grid--editorial,.word-grid--cut{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-card{min-height:154px;padding:14px}.word-card strong{font-size:1.2rem}.word-card small{font-size:.69rem}
  .friction-pick-grid{grid-template-columns:1fr}.friction-pick{min-height:112px}.direction-card-head{align-items:flex-start}.direction-card-head p{max-width:220px}.direction-choice{align-items:stretch}.direction-choice>span{width:100%}
  .scene-editor{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--ink)}.scene-editor-index{align-items:center;min-height:90px;font-size:2.3rem}.scene-editor-fields{padding:20px}.scene-direction-pills button{flex:1 1 30%}
  .rating-card{grid-template-columns:1fr;gap:10px}.rating-word{display:flex;align-items:center;gap:8px}.clash-editor{grid-template-columns:1fr;box-shadow:7px 7px 0 var(--ink)}.clash-sign{min-height:90px;font-size:2.6rem;line-height:1}.clash-sign br{display:none}.clash-sign span{margin:0 14px}.clash-editor>div:last-child{padding:18px}.conflict-grid{grid-template-columns:1fr}.radio-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .action-editor{padding:22px 17px;box-shadow:7px 7px 0 var(--ink)}.action-sticker{right:12px;width:86px;height:86px;font-size:.8rem}.action-sticker span{font-size:1.55rem}.form-grid{grid-template-columns:1fr;gap:19px}.field.full{grid-column:auto}
  .coach-panel{grid-template-columns:1fr;gap:8px}.nav-row{grid-template-columns:1fr 1fr}.nav-note{grid-column:1/-1;grid-row:2;order:3}.back-button,.next-button{width:100%;justify-content:center}
  .result-intro{padding:46px 20px}.result-intro h1{font-size:clamp(4rem,22vw,6rem);text-shadow:5px 5px 0 var(--ink)}.result-wrap{padding:10px 5px 38px}.result-poster{box-shadow:6px 6px 0 var(--coral)}.poster-top{grid-template-columns:1fr auto;font-size:.52rem}.poster-top span:nth-child(2){display:none}.poster-title{grid-template-columns:50px 1fr;padding:18px 12px}.poster-title h2{font-size:clamp(3.4rem,18vw,5.4rem)}.poster-title>b{display:none}.poster-words{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:auto;padding:14px;gap:8px}.poster-word{grid-column:auto!important;grid-row:auto!important;min-height:132px;transform:none!important;padding:12px;box-shadow:3px 3px 0 var(--ink)}.poster-word--5{grid-column:1/-1!important}.poster-word strong{font-size:1.5rem}.poster-word small{font-size:.62rem}.poster-mid-grid{grid-template-columns:1fr}.poster-block{min-height:auto;padding:17px}.poster-block+section{border-left:0;border-top:2px solid var(--ink)}.poster-clash{grid-template-columns:1fr;gap:9px;padding:17px}.poster-next{grid-template-columns:1fr}.poster-next>div,.poster-next aside{padding:18px}.poster-footer{flex-wrap:wrap}.poster-footer span:nth-child(2){display:none}.result-support{margin-top:26px}.result-card{padding:18px}.result-card--pulse{grid-template-columns:1fr}.pulse-summary{grid-template-columns:1fr 1fr}.result-card--action{align-items:flex-start;flex-direction:column}.result-actions{width:100%}.result-actions button{flex:1 1 100%}
}

@media(max-width:380px){.word-grid--editorial,.word-grid--cut{grid-template-columns:1fr}.cover-choice-grid,.context-pills,.pulse-summary{grid-template-columns:1fr}.scene-direction-pills button{flex-basis:45%}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media print{
  @page{size:A4 portrait;margin:8mm}
  html,body{background:#fff!important}
  .site-header,.progress-wrap,.result-intro,.result-support,.toast{display:none!important}
  .tool-shell,.result-wrap{width:100%;margin:0;padding:0}
  .screen,.result-screen{min-height:0;overflow:visible;background:#fff}
  .result-poster{width:100%;margin:0;border:1px solid #111;box-shadow:none;break-inside:avoid-page;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact;transform:none}
  .poster-top{padding:7px 10px}
  .poster-title{padding:12px 16px}.poster-title h2{font-size:4.2rem}.poster-title>span{font-size:1.5rem}
  .poster-words{grid-template-rows:repeat(2,minmax(108px,auto));min-height:235px;padding:13px;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .poster-word{padding:10px;box-shadow:3px 3px 0 var(--ink)}.poster-word strong{font-size:1.45rem}.poster-word small{font-size:.58rem}
  .poster-block{min-height:125px;padding:14px}.poster-block h3{margin:10px 0 8px;font-size:1rem}.poster-block p{font-size:.7rem}
  .poster-clash{grid-template-columns:120px 1fr 1.5fr;gap:12px;padding:13px}.poster-clash div strong{font-size:1rem}.poster-clash p{font-size:.7rem}
  .poster-next{min-height:145px}.poster-next>div,.poster-next aside{padding:14px}.poster-next h3{margin-top:12px;font-size:1.3rem}.poster-next aside p{margin:6px 0 12px}
  .poster-footer{padding:7px 10px}
  .poster-word{break-inside:avoid}
}