:root{--bg:#0e0f12;--bg-soft:#16181d;--panel:#1b1e25;--panel-2:#20242c;--ink:#f4ecdc;--ink-soft:#cfc6b3;--ink-mute:#8a8270;--amber:#f4b860;--amber-deep:#d99846;--amber-soft:#2a2218;--cream:#f1e6cc;--hairline:#2c2e36;--hairline-2:#3a3d48;--warn:#f5a25a;--max-content:1080px;--text-measure:760px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.7}a{color:var(--amber);text-underline-offset:3px;text-decoration:underline 1px;transition:color .15s,background .15s}a:hover{color:var(--cream)}img{max-width:100%;height:auto;display:block}::selection{background:var(--amber);color:var(--bg)}.masthead{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:#0e0f12c7;position:sticky;top:0}.masthead-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:11px 18px;display:flex}.masthead__wordmark{letter-spacing:0;color:var(--cream);flex-shrink:0;align-items:center;gap:9px;font-family:IBM Plex Sans KR,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;font-size:22px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.masthead__wordmark img{border-radius:9px;width:36px;height:36px;box-shadow:0 0 0 1px #f4b86042,0 10px 24px -14px #f4b860e6}.masthead__wordmark span{transform:translateY(-1px)}.masthead__nav{gap:24px;font-size:15.5px;display:none}.masthead__nav a{color:var(--ink-soft);white-space:nowrap;font-weight:500;text-decoration:none}.masthead__nav a:hover{color:var(--cream)}.masthead__cta{color:var(--bg);background:var(--amber);white-space:nowrap;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:color .15s,background .15s}.masthead__cta:hover{background:var(--cream);color:var(--bg)}@media (width>=900px){.masthead__nav{display:flex}}.shell{max-width:var(--max-content);margin:0 auto;padding:0 24px}main{display:block}section{border-bottom:1px solid var(--hairline);padding:72px 0;scroll-margin-top:82px}section:last-of-type{border-bottom:none}h1,h2,h3{color:var(--cream);letter-spacing:-.03em;margin:0 0 16px;font-weight:800}h1{word-break:keep-all;font-size:clamp(38px,7vw,72px);font-weight:900;line-height:1.05}h1 em{color:var(--amber);font-style:normal;font-weight:900}h2{margin-bottom:16px;font-size:clamp(26px,4vw,38px);line-height:1.18}h3{font-size:19px;font-weight:700;line-height:1.35}p{color:var(--ink-soft);word-break:keep-all;overflow-wrap:break-word;margin:0 0 14px}h2,h3,li,blockquote,figcaption,label,button,a{word-break:keep-all;overflow-wrap:break-word}ul,ol{margin:0;padding:0;list-style:none}.eyebrow{letter-spacing:.22em;color:var(--amber);text-transform:uppercase;border-bottom:1px solid var(--amber);margin-bottom:16px;padding-bottom:4px;font-family:SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;display:inline-block}.eyebrow--dark{color:var(--amber);border-bottom-color:var(--amber-deep)}.lede{color:var(--ink-soft);max-width:var(--text-measure);margin-bottom:32px;font-size:clamp(16px,2vw,19px);line-height:1.6}.lede--dark{color:var(--ink)}.footnote{border-top:1px solid var(--hairline);color:var(--ink-mute);max-width:var(--text-measure);margin-top:28px;padding-top:18px;font-size:13.5px;line-height:1.7}.footnote strong{color:var(--cream);font-weight:700}.hero{border-bottom:1px solid var(--hairline);align-items:stretch;min-height:min(820px,100vh);padding:0;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg img{object-fit:cover;object-position:48% 72%;filter:brightness(.98)saturate(1.02)contrast(1.03);width:100%;height:100%}.hero__veil{background:radial-gradient(70% 55% at 24% 42%,#f4b8601f 0%,#f4b86000 62%),linear-gradient(100deg,#0e0f12bd 0%,#0e0f126b 48%,#0e0f1214 100%),linear-gradient(#0e0f1205 0%,#0e0f122e 62%,#0e0f12b3 100%);position:absolute;inset:0}.hero__inner{z-index:2;flex-direction:column;justify-content:flex-end;width:100%;max-width:1240px;margin:0 auto;padding:96px 20px 140px;display:flex;position:relative}.hero h1{max-width:14ch;margin-bottom:24px}.hero__sub{color:var(--ink-soft);max-width:35em;margin-bottom:32px;font-size:clamp(16px,2vw,19px);line-height:1.65}.hero__sub strong{color:var(--amber);font-weight:700}.hero__cta{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:36px;display:flex}@media (width>=640px){.hero__cta{flex-direction:row;gap:12px}}@media (width>=900px){.hero__inner{padding:120px 40px 160px}.hero h1{font-size:clamp(54px,6.5vw,86px)}}@media (width<=640px){.hero__bg img{object-position:45% 68%}.hero__veil{background:radial-gradient(80% 50% at 32% 38%,#f4b8601f 0%,#f4b86000 65%),linear-gradient(100deg,#0e0f12bd 0%,#0e0f126b 58%,#0e0f1229 100%),linear-gradient(#0e0f120f 0%,#0e0f123d 55%,#0e0f12c2 100%)}}.btn{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:16px 24px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--amber);color:var(--bg);box-shadow:0 0 #f4b86000}.btn--primary:hover{background:var(--cream);color:var(--bg);transform:translateY(-1px);box-shadow:0 14px 40px -16px #f4b86099}.btn--lg{padding:18px 30px;font-size:16px}.journey{counter-reset:step;grid-template-columns:1fr;gap:16px;margin-top:8px;display:grid}.journey__step{background:var(--panel);border:1px solid var(--hairline);border-radius:14px;padding:28px 22px 24px;transition:border-color .2s,transform .2s;position:relative}.journey__step:hover{border-color:var(--amber-deep);transform:translateY(-2px)}.journey__num{letter-spacing:.18em;color:var(--amber);margin-bottom:12px;font-family:SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.journey__step h3{color:var(--cream);margin:0 0 10px}.journey__step p{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.65}@media (width>=760px){.journey{grid-template-columns:repeat(3,1fr);gap:28px}.journey__step{padding:28px 22px}.journey__step:not(:last-child):after{content:"→";color:var(--amber);z-index:1;font-size:22px;font-weight:700;line-height:1;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-50%,-50%)}}.chips{flex-wrap:wrap;gap:10px;margin:8px 0 4px;display:flex}.chip{background:var(--panel);border:1px solid var(--hairline-2);color:var(--cream);letter-spacing:-.01em;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600}.chip:before{content:"+";color:var(--amber);margin-right:8px;font-weight:700}.program-grid{grid-template-columns:1fr;gap:14px;margin-top:12px;display:grid}.program-card{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;min-height:220px;padding:24px 22px 22px;transition:border-color .2s,transform .2s,background .2s;position:relative;overflow:hidden}.program-card:hover{border-color:var(--amber-deep);background:var(--panel-2);transform:translateY(-2px)}.program-card__num{letter-spacing:.14em;color:var(--amber);margin-bottom:12px;font-family:SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.program-card h3{color:var(--cream);margin:0 0 10px;font-size:18px;line-height:1.35}.program-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.65}.program-card__outputs{gap:8px;margin-top:18px;display:grid}.program-card__outputs li{color:var(--cream);padding-left:18px;font-size:13.5px;line-height:1.5;position:relative}.program-card__outputs li:before{content:"";background:var(--amber);border-radius:999px;width:6px;height:6px;position:absolute;top:.72em;left:0;transform:translateY(-50%)}@media (width>=720px){.program-grid{grid-template-columns:1fr 1fr}.program-card:first-child{grid-column:1/-1;min-height:0}.program-card:first-child .program-card__outputs{grid-template-columns:repeat(3,1fr)}}.practice-grid{grid-template-columns:1fr;gap:14px;margin-top:12px;display:grid}.practice-card{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;min-height:280px;transition:border-color .2s,transform .2s,background .2s;overflow:hidden}.practice-card--link:hover{border-color:var(--amber-deep);background:var(--panel-2);transform:translateY(-2px)}.practice-card__body{min-height:280px;color:inherit;flex-direction:column;align-items:flex-start;padding:24px 22px 22px;text-decoration:none;display:flex}.practice-card__body--link{cursor:pointer}.practice-card__body--link:focus-visible{outline-offset:-3px;outline:3px solid #f4b860b8}.practice-card__label{color:#9fd2c1;border:1px solid #9fd2c173;border-radius:999px;width:fit-content;margin-bottom:14px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1.2}.practice-card h3{margin-bottom:10px}.practice-card p{margin:0;font-size:14.5px;line-height:1.65}.practice-card__outputs{flex-wrap:wrap;gap:8px;margin:20px 0 24px;display:flex}.practice-card__outputs li{border:1px solid var(--hairline-2);color:var(--cream);border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:700;line-height:1.25}.practice-card__soon{border:1px solid var(--hairline-2);color:var(--ink-mute);border-radius:999px;margin-top:auto;padding:11px 16px;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none}.tutorial-section-cta{margin:0 0 22px}@media (width>=720px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--workboard-bg:var(--cream);--workboard-ink:#3e2c17;--workboard-ink-soft:#665a43;--workboard-border:#8b806a;--workboard-accent-ink:#5a3710;--workboard-action-bg:var(--amber);--workboard-action-ink:var(--bg)}.one-action{background:var(--bg);min-height:100svh}.one-action>section:not(.one-action__preflight){border-bottom:0;padding:0;scroll-margin-top:0}.one-action__shell>*,.one-action__body>*{min-width:0}.one-action [hidden]{display:none}.one-action__shell{grid-template-rows:auto minmax(0,1fr) auto;min-height:100svh;display:grid}.one-action__header{border-bottom:1px solid var(--hairline);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;min-height:64px;padding:12px 24px;display:grid}.one-action__brand{color:var(--cream);white-space:nowrap;font-weight:800;text-decoration:none}.one-action__header>strong{min-width:0;color:var(--cream);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.one-action__header>strong span{color:var(--amber)}.one-action__header>strong [data-time]{color:var(--ink-soft);text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.4;display:block;overflow:hidden}.one-action__progress{min-width:62px;color:var(--cream);text-align:right;font-size:16px;font-weight:800}.one-action__body{grid-template-columns:clamp(320px,30vw,420px) minmax(0,1fr);min-height:0;display:grid}.one-action__brief{background:var(--panel);border-right:1px solid var(--hairline);min-height:0;padding:42px 34px}.one-action__brief>p:first-child{color:var(--amber);margin:0 0 16px;font-size:16px;font-weight:800}.one-action__brief h1{color:var(--cream);margin:0 0 20px;font-size:clamp(29px,2.4vw,38px);line-height:1.25}.one-action__brief p{color:var(--ink-soft);line-height:1.7}.one-action__brief>strong{color:var(--cream);margin-top:26px;font-size:17px;line-height:1.6;display:block}.one-action__workboard{background:var(--workboard-bg);min-width:0;min-height:0;color:var(--workboard-ink);padding:clamp(28px,4vw,58px)}.workboard-focus{max-width:720px;font-size:19px;line-height:1.7}.workboard-focus ol{padding-left:1.3em}.workboard-focus li{padding:8px 0}.workboard-timeline{gap:0;list-style:none;display:grid;padding:8px 0 8px 2px!important}.workboard-timeline li{grid-template-columns:24px minmax(0,1fr);gap:14px;padding:0 0 20px;display:grid;position:relative}.workboard-timeline li:last-child{padding-bottom:0}.workboard-timeline li:not(:last-child):before{content:"";background:var(--workboard-border);width:2px;height:calc(100% - 8px);position:absolute;top:20px;left:10px}.workboard-timeline [data-timeline-marker]{z-index:1;border:5px solid var(--workboard-bg);background:var(--workboard-action-bg);width:22px;height:22px;box-shadow:0 0 0 1px var(--workboard-border);border-radius:50%;margin-top:2px}.workboard-focus strong{color:var(--workboard-accent-ink);margin-top:30px;display:block}.workboard-image{max-width:900px;margin:0}.workboard-image button{border:1px solid var(--workboard-border);cursor:zoom-in;background:0 0;border-radius:8px;width:fit-content;max-width:100%;padding:0;display:block}.workboard-image img{width:auto;max-width:100%;height:auto;display:block}.workboard-image figcaption{color:var(--workboard-ink-soft);margin-top:14px;line-height:1.6}.workboard-prompt{max-width:900px}.workboard-prompt button,.one-action__actions button,.one-action__primary{border:1px solid var(--workboard-border);min-width:110px;min-height:52px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:12px 18px;font-weight:800}.workboard-prompt button{float:right;background:var(--workboard-action-bg);border-color:var(--workboard-action-bg);color:var(--workboard-action-ink);margin-bottom:12px}.workboard-prompt pre{clear:both;border:1px solid var(--workboard-border);color:var(--workboard-ink);white-space:pre-wrap;overflow-wrap:anywhere;background:#fffaf0;border-radius:8px;margin:0;padding:24px;font:500 16px/1.7 Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;overflow-x:auto}.workboard-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;display:grid}.workboard-comparison section,.workboard-choice label{border:1px solid var(--workboard-border);border-radius:8px;padding:22px}.workboard-comparison strong{color:var(--workboard-accent-ink)}.workboard-comparison p{color:var(--workboard-ink-soft);font-size:18px;line-height:1.6}.workboard-choice{border:0;gap:12px;max-width:760px;padding:0;display:grid}.workboard-choice legend{color:var(--workboard-ink);margin-bottom:10px;font-weight:800}.workboard-choice label{cursor:pointer;grid-template-columns:auto 1fr;gap:6px 12px;display:grid}.workboard-choice label span{color:var(--workboard-ink-soft);grid-column:2}.workboard-field{max-width:760px;color:var(--workboard-ink);gap:8px;margin-top:18px;font-weight:700;display:grid}.workboard-field textarea{border:1px solid var(--workboard-border);width:100%;min-height:110px;color:var(--workboard-ink);font:inherit;background:#fffaf0;border-radius:8px;padding:12px;font-weight:400}.workboard-links,.workboard-downloads{gap:10px;max-width:900px;margin:0 0 22px;display:grid}.workboard-links a,.workboard-downloads a{width:fit-content;color:var(--workboard-accent-ink);font-weight:800}.workboard-links a{border:1px solid var(--workboard-border);border-radius:8px;gap:2px;padding:14px;text-decoration:none;display:grid}.workboard-links a span,.workboard-links a small{color:var(--workboard-ink-soft);font-weight:500}.workboard-downloads a{border:1px solid var(--workboard-border);border-radius:8px;padding:14px}.workboard-details{gap:10px;max-width:900px;margin-top:22px;display:grid}.workboard-details details{border:1px solid var(--workboard-border);border-radius:8px;padding:14px}.workboard-details summary{cursor:pointer;font-weight:800}.workboard-details p{margin:12px 0 0;line-height:1.6}.workboard-prompt mark{color:#3d2a00;background:#ffe28a;padding:0 .15em}.workboard-workbook>p,.workboard-recovery p{max-width:720px;font-size:18px;line-height:1.7}.workboard-recovery a{color:var(--workboard-accent-ink);font-size:18px;font-weight:800}.one-action__actions{padding:14px 24px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;display:flex}.one-action__actions button{color:var(--cream);border-color:var(--hairline-2);background:0 0}.one-action__actions button:last-child,.one-action__primary{background:var(--amber);border-color:var(--amber);color:var(--bg)}.one-action__actions button:disabled{opacity:.45;cursor:default}.one-action :is(button,a,input,textarea):focus-visible{outline:3px solid var(--amber);outline-offset:3px}.one-action__preflight{border:1px solid var(--hairline-2);background:radial-gradient(circle at 88% 8%, #f4b8601a, transparent 25rem), var(--panel);border-radius:18px;width:min(760px,100% - 40px);margin:clamp(32px,8dvh,96px) auto;padding:clamp(26px,5vw,54px);box-shadow:0 28px 80px #00000038}.one-action__preflight .eyebrow{margin:0 0 12px}.one-action__preflight h1{color:var(--cream);letter-spacing:-.07em;margin:0;font-size:clamp(37px,6vw,62px);line-height:1.08}.one-action__preflight-intro{color:var(--ink-soft);margin:18px 0 0;font-size:17px;font-weight:650}.one-action__app-options{border:0;gap:12px;margin:38px 0 26px;padding:0;display:grid}.one-action__app-options legend{color:var(--cream);margin-bottom:4px;font-size:16px;font-weight:850}.one-action__agent-card{border:1px solid var(--hairline-2);min-height:112px;color:var(--cream);cursor:pointer;background:#0d0e122e;border-radius:14px;grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:18px 20px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative}.one-action__agent-card:hover{background:#f4b8600e;border-color:#f4b8609e;transform:translateY(-2px)}.one-action__agent-card input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.one-action__agent-logo{width:56px;height:56px;color:var(--cream);background:#111216;border:1px solid #f1e6cc24;border-radius:14px;place-items:center;display:grid}.one-action__agent-card--claude .one-action__agent-logo{color:#191511;background:#df7449}.one-action__agent-logo img{width:33px;height:33px}.one-action__agent-copy{gap:1px;min-width:0;display:grid}.one-action__agent-copy small{color:var(--ink-mute);letter-spacing:.12em;font-size:12px;font-weight:900}.one-action__agent-copy strong{color:var(--cream);letter-spacing:-.03em;font-size:22px;line-height:1.3}.one-action__agent-copy>span{color:var(--ink-soft);font-size:14px;font-weight:650;line-height:1.5}.one-action__agent-select{border:2px solid var(--ink-mute);border-radius:50%;width:22px;height:22px}.one-action__agent-card:has(input:checked){border-color:var(--amber);background:linear-gradient(100deg,#f4b8602b,#f4b86009);box-shadow:inset 0 0 0 1px #f4b86033,0 12px 28px #00000029}.one-action__agent-card:has(input:checked) .one-action__agent-select{border-color:var(--amber);box-shadow:inset 0 0 0 4px var(--panel), inset 0 0 0 8px var(--amber)}.one-action__agent-card:has(input:focus-visible){outline-offset:3px;outline:3px solid #f4b860ad}.one-action__preflight .one-action__primary{border-radius:12px;min-width:144px;box-shadow:0 12px 24px #d998462e}@media (width<=1099px){.one-action__body{display:block}.one-action__brief{border-right:0;border-bottom:1px solid var(--hairline)}}@media (width<=767px){.one-action__header{gap:12px;padding:12px 20px}.one-action__brand{font-size:15px}.one-action__header>strong{font-size:16px}.one-action__brief,.one-action__workboard{padding:28px 20px}.one-action__actions{padding-inline:20px}.one-action__actions button:first-child{min-width:88px}.one-action__actions button:last-child{flex:1}.workboard-comparison{grid-template-columns:1fr}.one-action__preflight{border-radius:14px;width:min(100% - 24px,760px);margin:12px auto 28px}.one-action__preflight h1{font-size:38px}.one-action__preflight-intro{font-size:16px}.one-action__agent-card{grid-template-columns:48px minmax(0,1fr) 22px;gap:12px;min-height:102px;padding:14px}.one-action__agent-logo{border-radius:12px;width:48px;height:48px}.one-action__agent-logo img{width:29px;height:29px}.one-action__agent-copy strong{font-size:20px}.one-action__agent-copy>span{font-size:15px}}@media (width<=240px){.one-action__header{grid-template-columns:auto minmax(0,1fr);padding-inline:12px}.one-action__header>strong{display:none}.one-action__progress{min-width:0}.one-action__actions{gap:8px;padding-inline:12px}.one-action__actions button,.one-action__actions button:first-child{min-width:44px;padding-inline:8px}.one-action__preflight{width:calc(100% - 16px);padding:18px 10px}.one-action__preflight h1{letter-spacing:-.05em;font-size:30px}.one-action__agent-card{grid-template-columns:38px minmax(0,1fr);gap:8px;min-height:74px;padding:10px}.one-action__agent-select{display:none}.one-action__agent-logo{width:38px;height:38px}.one-action__agent-logo img{width:24px;height:24px}.one-action__agent-copy small,.one-action__agent-copy>span{display:none}.one-action__agent-copy strong{overflow-wrap:anywhere;font-size:18px}}.one-action__shell{grid-template-rows:1fr;grid-template-columns:360px minmax(0,1fr);min-height:100svh;display:grid}.one-action__coach{background:var(--panel);min-width:0;min-height:100svh;color:var(--cream);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.one-action__header{border-bottom:1px solid var(--hairline);grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:64px;padding:12px 20px}.one-action__header>strong{font-size:14px}.one-action__guide{min-height:0;padding:30px 24px;overflow-y:auto}.one-action__eyebrow{color:var(--amber);margin:0 0 12px;font-size:15px;font-weight:800}.one-action__guide h1{color:var(--cream);margin:0 0 16px;font-size:clamp(28px,2.35vw,36px);line-height:1.25}.one-action__guide>p:not(.one-action__eyebrow):not(.one-action__status){color:var(--ink-soft);line-height:1.7}.one-action__guide>strong{color:var(--cream);margin:22px 0;font-size:16px;line-height:1.6;display:block}.one-action__guide [data-guide-content]{gap:18px;display:grid}.one-action__support{padding:12px 20px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--hairline)}.guide-details{color:var(--cream);margin:0 0 12px}.guide-details summary{cursor:pointer;min-height:44px;color:var(--ink-soft);font-weight:800}.guide-details section{border-top:1px solid var(--hairline);padding:10px 0}.guide-details p{color:var(--ink-soft);margin:8px 0 0;line-height:1.6}.one-action__actions{background:0 0;border:0;padding:0}.one-action__actions button,.one-action__primary{min-height:52px}.one-action .one-action__visual{background:var(--workboard-bg);min-width:0;min-height:100svh;color:var(--workboard-ink);align-content:center;padding:clamp(30px,5vw,76px);display:grid;overflow-y:auto}.visual-focus,.visual-prompt,.visual-comparison,.visual-images{width:min(100%,1120px);margin:0 auto}.visual-focus{font-size:19px;line-height:1.7}.one-action__visual :is(p,li,figcaption){color:var(--workboard-ink-soft)}.visual-focus>p{margin-top:0}.visual-focus>strong{color:var(--workboard-accent-ink);margin-top:28px;display:block}.visual-timeline{gap:0;padding:8px 0;list-style:none;display:grid}.visual-timeline li{grid-template-columns:24px minmax(0,1fr);gap:14px;padding:0 0 20px;display:grid;position:relative}.visual-timeline li span{z-index:1;border:5px solid var(--workboard-bg);background:var(--amber);width:22px;height:22px;box-shadow:0 0 0 1px var(--workboard-border);border-radius:50%;margin-top:4px}.visual-timeline li:not(:last-child):before{content:"";background:var(--workboard-border);width:2px;height:calc(100% - 8px);position:absolute;top:22px;left:10px}.visual-images{gap:22px;display:grid}.visual-image{place-items:center;margin:0;display:grid}.visual-image img{object-fit:contain;border:1px solid var(--workboard-border);border-radius:8px;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 120px);display:block}.visual-prompt pre{overflow-wrap:anywhere;border:1px solid var(--workboard-border);color:var(--workboard-ink);white-space:pre-wrap;background:#fffaf0;border-radius:8px;margin:0;padding:clamp(20px,3vw,34px);font:500 16px/1.7 Pretendard,system-ui,sans-serif}.visual-prompt mark{color:#3d2a00;background:#ffe28a;padding:0 .15em}.visual-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.visual-comparison section{border:1px solid var(--workboard-border);border-radius:8px;padding:24px}.visual-comparison strong{color:var(--workboard-accent-ink)}.visual-comparison p{color:var(--workboard-ink-soft);line-height:1.6}.guide-choice{border:0;gap:12px;padding:0;display:grid}.guide-choice legend{color:var(--cream);margin-bottom:4px;font-weight:800}.guide-choice label{border:1px solid var(--hairline-2);cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;padding:14px;display:grid}.guide-choice label span{color:var(--ink-soft);grid-column:2}.guide-field{color:var(--cream);gap:8px;font-weight:700;display:grid}.guide-field textarea{border:1px solid var(--hairline-2);min-height:110px;color:var(--cream);font:inherit;background:#111216;border-radius:8px;padding:12px}.guide-links,.guide-downloads{gap:10px;display:grid}.guide-links a,.guide-downloads a{border:1px solid var(--hairline-2);min-height:44px;color:var(--cream);border-radius:8px;padding:13px;text-decoration:none}.guide-links a{gap:2px;display:grid}.guide-links a span,.guide-links a small{color:var(--ink-soft);font-weight:500}.guide-note,.guide-supporting{color:var(--ink-soft);margin:0;line-height:1.7}.guide-recovery a{color:var(--amber);font-weight:800}.one-action__status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.one-action :is(button,a,input,textarea,summary):focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media (width<=900px){.one-action__shell{min-height:0;display:block}.one-action__coach,.one-action__visual{min-height:0}.one-action__guide{overflow:visible}.one-action .one-action__visual{padding:36px 20px}.visual-image img{max-height:none}}@media (width<=480px){.one-action__header{padding-inline:16px}.one-action__guide{padding:26px 16px}.one-action__support{padding-inline:16px}.one-action__actions button:first-child{min-width:88px}.one-action__actions button:last-child{flex:1}.visual-comparison{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.tutorials-header{z-index:60;border-bottom:1px solid var(--hairline);backdrop-filter:blur(14px);background:#0e0f12db;position:sticky;top:0}.tutorials-header__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex}.tutorials-brand,.tutorials-header__link{min-height:48px;color:var(--cream);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.tutorials-brand{gap:10px;font-size:20px}.tutorials-brand img{border-radius:8px;width:34px;height:34px}.tutorials-header__link{color:var(--ink-soft);font-size:15px}.tutorials-home,.wizard-page{width:100%;max-width:1180px;margin:0 auto;padding:34px 20px 86px;overflow-x:hidden}.tutorials-hero{border-bottom:1px solid var(--hairline);grid-template-columns:1fr;align-items:end;gap:24px;min-height:420px;padding:52px 0 46px;display:grid}.tutorials-hero h1{overflow-wrap:anywhere;max-width:11ch;margin-bottom:18px}.tutorials-hero p{word-break:normal;overflow-wrap:anywhere;max-width:680px;font-size:19px}.tutorials-hero>*{min-width:0}.progress-board{background:var(--panel);border:1px solid var(--hairline);border-radius:8px;min-width:0;padding:24px}.progress-board__label{color:var(--amber);margin-bottom:10px;font-size:13px;font-weight:900;display:inline-flex}.progress-board h2{margin-bottom:10px;font-size:clamp(22px,3vw,30px);line-height:1.2}.progress-board p{max-width:none;color:var(--ink-soft);overflow-wrap:anywhere;margin:0 0 16px;font-size:16px;line-height:1.6}.progress-board__count{color:var(--cream);font-weight:800}.progress-board__bar{background:var(--bg-soft);border:1px solid var(--hairline-2);border-radius:999px;height:14px;margin-bottom:18px;overflow:hidden}.progress-board__bar span{background:var(--amber);width:0;height:100%;display:block}.progress-board .btn--primary:hover,.progress-board .btn--primary:focus-visible{color:var(--bg)}.browser-warning{color:var(--cream);background:#f5a25a21;border:1px solid #f5a25a7a;border-radius:8px;margin:18px 0 0;padding:16px 18px;font-size:16px}.week-jumps{display:none}.course-weeks{gap:18px;min-width:0;margin-top:38px;display:grid}.course-week{background:var(--panel);border:1px solid var(--hairline);border-bottom:1px solid var(--hairline);border-radius:8px;min-width:0;padding:22px}.course-week__head{gap:4px;margin-bottom:16px;display:grid}.course-week__head p,.course-week__head span{color:var(--ink-mute);margin:0}.course-week__head p{color:var(--amber);font-weight:800}.day-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;min-width:0;display:grid}.day-grid>li{min-width:0;display:flex}.day-card{background:var(--bg-soft);border:1px solid var(--hairline);width:100%;min-width:0;height:100%;min-height:0;color:inherit;border-radius:8px;grid-template-columns:minmax(92px,auto) minmax(0,1fr);align-items:start;gap:6px 14px;padding:14px 16px;text-decoration:none;display:grid}.day-card:hover,.day-card:focus-visible{border-color:var(--amber-deep);background:var(--panel-2);color:inherit}.day-card.is-current{border-color:var(--amber);box-shadow:0 0 0 2px #f4b86038}.day-card.is-done{border-color:#9fd2c185}.day-card.is-coming-soon{opacity:.68;background:#1b1e2594}.day-card__top{min-height:26px;color:var(--amber);flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;font-weight:900;display:flex}.day-card__top em{color:#9fd2c1;text-align:right;font-size:12px;font-style:normal;line-height:1.35}.day-card strong{color:var(--cream);overflow-wrap:anywhere;font-size:17px;line-height:1.35;display:block}.day-card small{color:var(--ink-soft);overflow-wrap:anywhere;grid-column:2;font-size:14px;line-height:1.55;display:block}.day-card__state{border:1px solid var(--hairline-2);width:fit-content;min-height:24px;color:var(--cream);border-radius:999px;justify-content:center;align-items:center;padding:3px 8px;font-size:11px;font-weight:900;display:inline-flex}.day-card.is-done .day-card__state{color:#9fd2c1;border-color:#9fd2c180}.day-card.is-coming-soon .day-card__state{color:var(--ink-mute)}.wizard-back{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.wizard-back a{border:1px solid var(--hairline-2);min-height:48px;color:var(--ink-soft);border-radius:8px;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.wizard-shell{background:var(--panel);border:1px solid var(--hairline);border-radius:8px;min-width:0;padding:24px}.wizard-status{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.wizard-status span{background:var(--bg-soft);border:1px solid var(--hairline-2);color:var(--ink-soft);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.course-progress{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:8px;gap:10px;margin-bottom:18px;padding:14px;display:grid}.course-progress>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-progress span{color:var(--ink-mute);font-size:13px;font-weight:800}.course-progress strong{color:var(--cream);text-align:right;font-size:14px;font-weight:900}.course-progress__bar{background:var(--panel);border-radius:999px;height:8px;overflow:hidden}.course-progress__bar span{background:var(--amber);width:0;height:100%;display:block}.lesson-progress{color:var(--cream);margin:0 0 10px;font-size:15px;font-weight:900}.app-choice{gap:12px;max-width:780px;margin:24px 0 20px;display:grid}.app-choice__head{gap:4px;display:grid}.app-choice__head strong{color:var(--cream);font-size:18px;font-weight:900}.app-choice__head span{color:var(--ink-mute);font-size:14px;font-weight:800}.app-choice__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-choice button,.wizard-actions button,.copy-box button{border:1px solid var(--hairline-2);background:var(--panel-2);min-height:48px;color:var(--cream);font:inherit;cursor:pointer;border-radius:8px;padding:12px 16px;font-weight:900}.app-choice button{text-align:left;background:linear-gradient(135deg, #ffffff0e, #ffffff06), var(--bg-soft);align-content:start;gap:8px;min-height:148px;padding:18px 18px 16px;display:grid;position:relative}.app-choice button strong{color:var(--cream);font-size:24px;line-height:1.15}.app-choice button em{max-width:18rem;color:var(--ink-soft);font-size:15px;font-style:normal;font-weight:700;line-height:1.5}.app-choice__mark{width:34px;height:34px;color:var(--amber);border:1px solid #f4b86059;border-radius:8px;place-items:center;font-family:SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:900;display:grid}.app-choice button:hover{border-color:#f4b860b8}.app-choice button[aria-pressed=true]{background:linear-gradient(135deg, #f4b86052, #f4b86017), var(--bg-soft);border-color:var(--amber);box-shadow:inset 0 0 0 1px #f4b8605c}.app-choice button[aria-pressed=true]:after{content:"선택됨";background:var(--amber);color:var(--bg);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900;line-height:1;position:absolute;top:14px;right:14px}.app-choice button[aria-pressed=true] em{color:var(--cream)}.wizard-progress{grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:7px;margin-bottom:24px;display:grid}.wizard-progress span{background:var(--bg-soft);border-radius:999px;height:9px}.wizard-progress span.is-filled{background:#f4b86073}.wizard-progress span.is-current{background:var(--amber)}.wizard-screen{min-width:0;min-height:430px;display:none}.wizard-screen.is-active{display:block}.wizard-screen h1{max-width:none;margin-bottom:16px;font-size:clamp(46px,5.25vw,64px)}.wizard-screen h2{max-width:none;margin-bottom:16px;font-size:clamp(28px,5vw,48px)}.wizard-screen p{word-break:normal;overflow-wrap:anywhere;max-width:none;font-size:19px}.wizard-outcome{color:var(--cream)}.wizard-overview,.success-check,.copy-box{background:var(--bg-soft);border:1px solid var(--hairline);border-radius:8px;width:100%;min-width:0;max-width:none;margin-top:20px;padding:18px}.wizard-overview{gap:14px;display:grid}.wizard-overview strong,.success-check strong{color:var(--amber)}.wizard-overview ol{gap:8px;display:grid}.wizard-overview ol[hidden]{display:none}.wizard-overview li{border-top:1px solid #ffffff14;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:10px 0;display:grid}.wizard-overview li:first-child{border-top:0;padding-top:0}.wizard-overview li span{color:var(--amber);font-family:SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:900}.wizard-overview li em{color:var(--cream);font-size:17px;font-style:normal;font-weight:800;line-height:1.45}.screen-count{color:var(--amber);margin-bottom:14px;font-weight:900;display:inline-flex}.copy-box{gap:12px;display:grid}.copy-box pre{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;color:var(--cream);margin:0;font-size:16px}.tomorrow{color:var(--amber);font-weight:800}.wizard-actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.wizard-actions button{min-width:120px}.wizard-actions .btn--primary{background:var(--amber);color:var(--bg)}.wizard-actions .btn--primary:hover,.wizard-actions .btn--primary:focus-visible{background:var(--cream);color:var(--bg)}.wizard-actions button:disabled{cursor:not-allowed;opacity:.45}@media (width>=760px){.tutorials-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}}@media (width>=1100px){.course-weeks{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width<=760px){.tutorials-home,.wizard-page{max-width:100vw;padding-left:16px;padding-right:16px}.tutorials-hero{width:calc(100vw - 32px);max-width:calc(100vw - 32px);min-height:auto}.tutorials-hero h1{max-width:9ch;font-size:38px;line-height:1.08}.tutorials-hero p,.progress-board p{font-size:16px;line-height:1.72}.progress-board{padding:20px 32px 20px 16px}.week-jumps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin-top:18px;display:grid}.week-jumps a{border:1px solid var(--hairline-2);min-height:40px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;padding:8px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.day-card,.wizard-shell{padding-right:32px}.day-card__top{align-items:flex-start;gap:4px}.day-grid>li{display:block}.day-card{grid-template-columns:1fr;height:auto;min-height:0}.day-card strong{min-height:0}.day-card small{flex:none;grid-column:auto}.progress-board,.course-weeks,.course-week,.day-grid,.day-card,.wizard-shell{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.wizard-shell{padding:18px;overflow:hidden}.wizard-screen h1,.wizard-screen h2{font-size:30px;line-height:1.12}.wizard-screen p{font-size:17px}.app-choice{margin-top:20px}.app-choice__head{gap:4px;display:grid}.app-choice__cards{grid-template-columns:1fr}.app-choice button{width:100%;min-width:0;min-height:126px}.wizard-actions{z-index:30;border:1px solid var(--hairline);background:#0e0f12e6;border-radius:8px;padding:10px;position:sticky;bottom:12px}.wizard-actions button{flex:1 1 0;min-width:0}}.expertise-layout{grid-template-columns:1fr;align-items:start;gap:28px;display:grid}.expertise-grid{grid-template-columns:1fr;gap:14px;display:grid}.expertise-card{background:linear-gradient(180deg, #f4b8600b, #f4b86000), var(--panel);border:1px solid var(--hairline);border-radius:14px;align-content:start;gap:14px;margin:0;padding:22px 20px;transition:border-color .15s,background .15s;display:grid}.expertise-card:hover{border-color:var(--amber-deep);background:var(--panel-2)}.expertise-card__label{width:fit-content;color:var(--amber);letter-spacing:0;border:1px solid #f4b8605c;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.expertise-card h3{color:var(--cream);margin:0;font-size:18px;line-height:1.45}.expertise-card__items{gap:10px;margin-top:2px;display:grid}.expertise-card__items li{color:var(--ink-soft);padding-left:16px;font-size:14px;line-height:1.55;position:relative}.expertise-card__items a{color:inherit;text-underline-offset:3px;text-decoration-color:#f4b8605c;text-decoration-thickness:1px}.expertise-card__items a:hover{color:var(--cream);text-decoration-color:var(--amber)}.expertise-card__items li:before{content:"";background:var(--amber);border-radius:999px;width:6px;height:6px;position:absolute;top:.78em;left:0;transform:translateY(-50%)}.profile-sidebar__credentials{border-top:1px solid var(--hairline);gap:7px;margin-top:0;padding-top:14px;display:grid}.profile-sidebar__credentials a,.profile-sidebar__credentials span{color:var(--ink-soft);letter-spacing:0;border:0;border-radius:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.55;text-decoration:none}.profile-sidebar__credentials a:hover{color:var(--cream);text-underline-offset:3px;text-decoration:underline}.profile-sidebar{background:0 0;border:0;border-radius:0;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:16px;max-width:none;margin:0;padding:0;display:grid}.profile-sidebar img{aspect-ratio:1;object-fit:cover;filter:saturate(.98)contrast(1.02);border:1px solid #f4b86033;border-radius:12px;width:100%;min-width:0}.profile-sidebar__body{align-content:start;gap:14px;min-width:0;display:grid}.profile-sidebar figcaption{gap:4px;margin-top:0;display:grid}.profile-sidebar strong{color:var(--cream);font-size:24px;line-height:1.25}.profile-sidebar figcaption span{color:var(--ink-soft);font-size:15px;line-height:1.45}@media (width<=420px){.profile-sidebar{grid-template-columns:1fr}.profile-sidebar img{max-width:220px}}@media (width>=980px){.expertise-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.expertise-grid{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr;gap:14px}}.quotes{grid-template-columns:1fr;gap:18px;display:grid}.quote{background:var(--panel);border:1px solid var(--hairline);border-radius:14px;margin:0;padding:26px 24px;position:relative}.quote:before{content:"\"";color:var(--amber);opacity:.5;font-family:Times New Roman,serif;font-size:64px;line-height:1;position:absolute;top:8px;left:16px}.quote blockquote{color:var(--ink);letter-spacing:-.01em;margin:0 0 14px;padding-top:18px;font-family:KoPubWorldBatang,Times New Roman,serif;font-size:16px;line-height:1.65}.quote figcaption{letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;font-family:SFMono-Regular,Menlo,monospace;font-size:11px}@media (width>=760px){.quotes{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio{background:var(--bg-soft);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:96px 0 80px}.studio__head{max-width:var(--max-content);margin:0 auto 36px;padding:0 24px}.studio__head p{color:var(--ink-mute);margin:0}.studio__carousel{position:relative;overflow:hidden}.studio__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:4px 24px 20px;scroll-padding:0 24px;display:flex;overflow-x:auto}.studio__track::-webkit-scrollbar{display:none}.studio__arrow{z-index:2;width:46px;height:46px;color:var(--cream);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0e0f12c7;border:1px solid #f4ecdc52;border-radius:999px;place-items:center;font-size:34px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.studio__arrow:hover{background:var(--amber);border-color:var(--amber);color:var(--bg)}.studio__arrow:disabled{opacity:.32;cursor:default;pointer-events:none}.studio__arrow--prev{padding-left:4px;left:18px}.studio__arrow--next{padding-right:4px;right:18px}.studio__cell{background:var(--panel);border:1px solid var(--hairline);scroll-snap-align:center;border-radius:12px;flex:0 0 min(78vw,420px);height:280px;margin:0;display:flex;position:relative;overflow:hidden}.studio__cell--portrait{flex-basis:min(68vw,260px)}.studio__cell--poster{flex-basis:min(68vw,250px)}.studio__cell--standard{flex-basis:min(74vw,380px)}.studio__cell--wide,.studio__cell--landscape{flex-basis:min(86vw,460px)}.studio__link{width:100%;height:100%;color:inherit;display:block}.studio__cell img{object-fit:cover;filter:brightness(.96)saturate(.98);user-select:none;width:100%;height:100%;transition:filter .4s;display:block}.studio__cell--portrait img,.studio__cell--poster img{object-fit:contain;background:var(--bg)}.studio__cell:hover img{filter:brightness(1.05)saturate(1.02)}@media (width>=720px){.studio__track{gap:20px}.studio__cell{border-radius:14px;height:420px}.studio__cell--portrait{flex-basis:300px}.studio__cell--poster{flex-basis:260px}.studio__cell--standard{flex-basis:560px}.studio__cell--wide,.studio__cell--landscape{flex-basis:630px}}.form-section{background:radial-gradient(70% 60% at 50% 0%, #f4b8601a 0%, #f4b86000 60%), var(--bg);border-bottom:none;padding:96px 0 120px}.form-shell{max-width:840px;margin:0 auto;padding:0 20px}.form-section__booking{margin-bottom:22px}.form-fallback{max-width:520px;margin-top:24px}.form-fallback>summary{cursor:pointer;color:var(--ink);border:1px solid var(--hairline-2);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:14.5px;font-weight:500;line-height:1.4;list-style:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.form-fallback>summary::-webkit-details-marker{display:none}.form-fallback>summary:hover{border-color:var(--amber);background:#f4b8600f}.form-fallback__icon{color:var(--amber);font-size:20px;line-height:1}.form-fallback[open]>summary{border-color:var(--amber);background:#f4b8600f;margin-bottom:16px}.contact-form{border:1px solid var(--hairline-2);background:0 0;border-radius:12px;grid-template-columns:1fr;gap:14px;margin-top:4px;padding:20px;display:grid}.contact-form label{flex-direction:column;gap:8px;display:flex}.contact-form label span{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-family:SFMono-Regular,Menlo,monospace;font-size:10.5px}.contact-form input,.contact-form textarea{background:var(--bg);width:100%;color:var(--ink);border:1px solid var(--hairline-2);resize:vertical;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--ink-mute)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #f4b86026}.contact-form__full{grid-column:1/-1}.contact-form__cta{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:12px;margin-top:4px;display:flex}.contact-form__status{min-height:24px;color:var(--ink-mute);margin:0;font-size:14px}.contact-form__status[data-state=success]{color:var(--amber)}.contact-form__status[data-state=error]{color:var(--warn)}.contact-form button:disabled{cursor:wait;opacity:.72}@media (width<=600px){.contact-form{padding:16px}}@media (width>=640px){.contact-form__cta{flex-direction:row;align-items:center}}footer{background:var(--bg-soft);color:var(--ink-soft);border-top:1px solid var(--hairline);padding:56px 0 100px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}footer h2{color:var(--cream);margin:0 0 10px;font-size:22px}footer h2:before{content:none}.footer-tag{color:var(--ink-mute);max-width:32em;margin-bottom:24px;font-size:14px}.footer-links{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.footer-links a{color:var(--cream);text-underline-offset:4px;font-size:15px;font-weight:600;text-decoration:underline}.footer-links a:hover{color:var(--amber)}@media (width>=640px){.footer-links{flex-direction:row;gap:24px}}.sticky-cta{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:100;background:var(--amber);color:var(--bg);letter-spacing:-.01em;text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:16px 18px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .18s,background .15s,opacity .18s;position:fixed;transform:translateY(18px);box-shadow:0 14px 40px -10px #0009,0 0 0 1px #f4b86066}.sticky-cta.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sticky-cta:hover{background:var(--cream);color:var(--bg);transform:translateY(-1px)}@media (width>=900px){.sticky-cta{display:none}}@media (prefers-reduced-motion:no-preference){.hero__inner>*{animation:.7s cubic-bezier(.2,.7,.2,1) both fadeUp}.hero__inner>:first-child{animation-delay:50ms}.hero__inner>:nth-child(2){animation-delay:.15s}.hero__inner>:nth-child(3){animation-delay:.25s}.hero__inner>:nth-child(4){animation-delay:.35s}.hero__inner>:nth-child(5){animation-delay:.45s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}.prompt-grid{grid-template-columns:1fr;gap:16px;display:grid}.prompt-card{border:1px solid var(--hairline-2);background:#101214;border-radius:10px;overflow:hidden}.prompt-card__head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.prompt-card h3{margin:0 0 4px;font-size:17px}.prompt-card p{color:var(--ink-mute);margin:0;font-size:13px}.prompt-card button{min-width:64px;min-height:38px;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #f4b8608c;border-radius:8px;flex:none;font-family:inherit;font-size:13px;font-weight:800}.prompt-card button:hover{background:var(--amber);color:var(--bg)}.prompt-card pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#f2ead9;background:#0b0d0f;max-width:100%;margin:0;padding:18px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.prompt-card code{white-space:inherit;overflow-wrap:inherit}.first-prompt-builder{background:#151617;border:1px solid #f4b86052;border-radius:8px;margin-top:28px;padding:22px}.first-prompt-builder__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.first-prompt-builder h3{color:var(--cream);margin:0 0 6px;font-size:clamp(22px,3vw,32px);line-height:1.2}.first-prompt-builder p{color:var(--ink-mute);margin:0;font-size:16px;line-height:1.55}.first-prompt-builder__head>button,.sample-picker button{min-height:42px;color:var(--cream);cursor:pointer;font:inherit;background:#f4b8601a;border:1px solid #f4b86094;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:900;line-height:1.25;transition:background .15s,color .15s,border-color .15s}.first-prompt-builder__head>button:hover,.sample-picker button:hover,.sample-picker button[aria-pressed]{border-color:var(--amber);background:var(--amber);color:var(--bg)}.sample-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.first-prompt-builder__grid{grid-template-columns:1fr;gap:12px;display:grid}.first-prompt-builder label{gap:8px;min-width:0;display:grid}.first-prompt-builder label span{color:var(--ink-soft);font-size:14px;font-weight:900}.first-prompt-builder textarea{resize:vertical;border:1px solid var(--hairline-2);width:100%;min-width:0;color:var(--cream);font:inherit;background:#ffffff0e;border-radius:8px;padding:12px;font-size:16px;line-height:1.55}.first-prompt-builder textarea::placeholder{color:#cfc6b38f;opacity:1}.first-prompt-builder textarea:focus{outline:2px solid var(--amber);outline-offset:2px}.compare-box{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.compare-box>div{border:1px solid var(--hairline-2);background:#0003;border-radius:8px;min-width:0;overflow:hidden}.compare-box span{border-bottom:1px solid var(--hairline);color:var(--amber);padding:12px 14px;font-size:13px;font-weight:900;display:block}.compare-box p,.compare-box pre{color:var(--ink-soft);margin:0;padding:14px;font-family:inherit;font-size:16px;line-height:1.68}.compare-box pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.compare-box code{white-space:inherit;overflow-wrap:inherit}@media (width>=760px){.prompt-grid,.first-prompt-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.first-prompt-builder__grid label:first-child{grid-column:1/-1}.sample-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-box{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media (width<=520px){.prompt-card__head{flex-direction:column;align-items:stretch}.prompt-card button{width:100%}.first-prompt-builder{padding:16px}.first-prompt-builder__head{flex-direction:column;align-items:stretch}.first-prompt-builder__head>button,.sample-picker button{width:100%}.sample-picker{grid-template-columns:1fr}}.module-page{background:#101114}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.module-header{z-index:50;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);background:#0e0f12e6;min-height:52px;position:sticky;top:0}.module-header__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1500px;margin:0 auto;padding:8px 24px;display:flex}.module-header__brand{color:var(--cream);flex:none;align-items:center;gap:9px;font-family:IBM Plex Sans KR,Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;font-size:20px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.module-header__brand img{border-radius:9px;width:34px;height:34px;box-shadow:0 0 0 1px #f4b86042,0 10px 24px -14px #f4b860e6}.module-header__brand:hover{color:#ded4c2}.module-header__title{min-width:0;color:var(--ink-soft);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden}.module-header__select{border:1px solid var(--hairline-2);min-width:168px;max-width:260px;height:36px;color:var(--cream);font:inherit;background:#101214;border-radius:8px;flex:0 260px;padding:0 10px;font-size:13px;font-weight:700}.module-header__select:focus-visible{border-color:var(--amber);outline-offset:2px;outline:3px solid #f4b86047}.module-lesson-hero{border-bottom:1px solid var(--hairline);background:var(--bg);padding:24px 24px 30px}.module-lesson-hero__inner{max-width:var(--max-content);gap:24px;margin:0 auto;display:grid}.module-lesson-hero h1{max-width:22ch;font-size:clamp(34px,4vw,56px);line-height:1.12}.skill-strip span,.lesson-step__output span{color:#b8ad98;letter-spacing:.04em;font-size:15px;font-weight:700;display:block}.module-shell{gap:24px;max-width:1500px;margin:0 auto;padding:34px 24px 96px;display:grid}.module-sidebar{border-bottom:1px solid var(--hairline);align-self:start;gap:8px;padding:0 0 14px;display:flex;position:static;overflow-x:auto;mask-image:linear-gradient(90deg,#000 88%,#0000)}.module-sidebar a{color:#ded4c2;border:0;flex:none;padding:12px 10px;font-size:18px;font-weight:600;line-height:1.45;text-decoration:none;transition:color .15s}.module-sidebar a:hover{color:var(--amber)}.module-content{display:grid}.module-shell,.module-content,.module-panel,.lesson-step,.prompt-toggle{min-width:0}.module-page--tool-selector .module-sidebar [data-track=codex],.module-page--tool-selector .module-sidebar [data-track=claude],.module-page--tool-selector .tutorial-flow>[data-track=codex],.module-page--tool-selector .tutorial-flow>[data-track=claude],.module-page--tool-selector .official-links__list>[data-track=codex],.module-page--tool-selector .official-links__list>[data-track=claude],.module-page--tool-selector .tutorial-shots>[data-track=codex],.module-page--tool-selector .tutorial-shots>[data-track=claude],.module-page--tool-selector .lesson-step[data-track=codex],.module-page--tool-selector .lesson-step[data-track=claude]{display:none}html[data-setup-tool=codex] .module-page--tool-selector .module-sidebar [data-track=codex],html[data-setup-tool=codex] .module-page--tool-selector .tutorial-flow>[data-track=codex],html[data-setup-tool=codex] .module-page--tool-selector .official-links__list>[data-track=codex],html[data-setup-tool=codex] .module-page--tool-selector .tutorial-shots>[data-track=codex],html[data-setup-tool=codex] .module-page--tool-selector .lesson-step[data-track=codex],html[data-setup-tool=claude] .module-page--tool-selector .module-sidebar [data-track=claude],html[data-setup-tool=claude] .module-page--tool-selector .tutorial-flow>[data-track=claude],html[data-setup-tool=claude] .module-page--tool-selector .official-links__list>[data-track=claude],html[data-setup-tool=claude] .module-page--tool-selector .tutorial-shots>[data-track=claude],html[data-setup-tool=claude] .module-page--tool-selector .lesson-step[data-track=claude]{display:revert}html[data-setup-tool=codex] .module-page--tool-selector .official-links__list>.official-link[data-track=codex],html[data-setup-tool=claude] .module-page--tool-selector .official-links__list>.official-link[data-track=claude]{display:grid}html[data-setup-tool=codex] .module-page--tool-selector .tutorial-shots>figure[data-track=codex],html[data-setup-tool=claude] .module-page--tool-selector .tutorial-shots>figure[data-track=claude]{display:block}html:not([data-setup-tool]) .module-page--tool-selector .tutorial-flow>[data-track=codex],html:not([data-setup-tool]) .module-page--tool-selector .tutorial-flow>[data-track=claude]{display:revert}html:not([data-setup-tool]) .module-page--tool-selector .tutorial-flow--arrows>[data-track=codex],html:not([data-setup-tool]) .module-page--tool-selector .tutorial-flow--arrows>[data-track=claude],html:not([data-setup-tool]) .module-page--tool-selector .module-sidebar{display:none}html:not([data-setup-tool]) .module-page--tool-selector .module-shell{grid-template-columns:1fr;max-width:1040px}.module-panel{border-top:1px solid var(--hairline);padding:52px 0;scroll-margin-top:76px}.module-panel:first-child{border-top:0;padding-top:12px}.setup-selector{margin-top:18px}.setup-selector__grid{gap:16px;margin-top:18px;display:grid}.setup-selector h3{color:var(--cream);margin:0 0 14px;font-size:clamp(20px,2.6vw,28px);line-height:1.25}.setup-selector__grid h4{color:var(--ink-soft);margin:0 0 10px;font-size:14px;font-weight:800}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-control button{border:1px solid var(--hairline-2);min-height:52px;color:var(--cream);cursor:pointer;font:inherit;background:#ffffff0b;border-radius:8px;padding:10px 12px;font-size:16px;font-weight:900;line-height:1.25;transition:border-color .15s,background .15s,color .15s}.segmented-control button:hover,.segmented-control button[aria-pressed=true]{color:var(--amber);background:#f4b86024;border-color:#f4b860bd}.setup-selector__hint{color:var(--ink-mute);margin:16px 0 0;font-size:15px}.setup-selector__empty{color:var(--amber);margin:12px 0 0;font-size:15px;font-weight:800}html[data-setup-tool] .setup-selector__empty{display:none}.module-panel__intro{color:#e3dac8;margin:-4px 0 18px;font-size:17px;line-height:1.65}.submission-grid{gap:12px;display:grid}.submission-grid li{color:var(--cream);background:#ffffff0d;border:1px solid #424650;border-radius:8px;padding:18px 20px;font-size:17px;font-weight:700;line-height:1.55}.tutorial-flow{counter-reset:none;gap:14px;margin-top:22px;display:grid}.tutorial-flow li{min-width:0;position:relative}.tutorial-flow a{border:1px solid var(--hairline-2);min-height:128px;color:var(--cream);background:#ffffff0b;border-radius:8px;align-content:center;justify-items:start;gap:12px;padding:22px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.module-page--tool-selector .tutorial-flow{align-items:stretch}.tutorial-flow a:hover{color:var(--amber);background:#f4b86014;border-color:#f4b860b8}.tutorial-flow__num{width:54px;height:54px;color:var(--amber);border:1px solid #f4b86073;border-radius:8px;place-items:center;font-family:SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:900;display:grid}.tutorial-flow__text{gap:6px;min-width:0;display:grid}.tutorial-flow strong{color:var(--cream);font-size:22px;line-height:1.42}.tutorial-flow li:not(:last-child):after{content:"";z-index:1;background:var(--amber);opacity:.72;width:1px;height:15px;position:absolute;bottom:-15px;left:50%}.tutorial-flow--arrows{grid-auto-rows:minmax(148px,auto);align-items:stretch;gap:18px;margin-top:24px}.tutorial-flow--arrows li{display:flex}.tutorial-flow--arrows a{background:linear-gradient(135deg,#f4b86014,#ffffff09 44%),#ffffff0b;grid-template-columns:minmax(0,1fr);align-content:stretch;place-items:center stretch;gap:8px;width:100%;height:100%;min-height:116px;padding:18px;transition:border-color .15s,background .15s,transform .15s;position:relative}.tutorial-flow--arrows a:hover{background:linear-gradient(135deg,#f4b86024,#ffffff0b 48%),#f4b86014;transform:translateY(-1px)}.tutorial-flow--arrows .tutorial-flow__num{z-index:2;background:var(--amber);color:#101114;border-color:#f4b860ad;border-radius:5px;width:24px;height:24px;font-size:9px;position:absolute;top:-10px;left:-1px}.tutorial-flow--arrows [data-actor=human] a{background:linear-gradient(135deg,#f4b8602e,#f4b8600b 52%),#ffffff0d;border-color:#f4b8609e}.tutorial-flow--arrows [data-actor=human] .tutorial-flow__num{background:var(--amber);border-color:var(--amber);color:#101114}.tutorial-flow--arrows [data-actor=ai] a{background:linear-gradient(135deg,#7fcad21f,#ffffff09 48%),#ffffff0a;border-color:#7fcad26b}.tutorial-flow--arrows [data-actor=ai] .tutorial-flow__num{color:#101114;background:#9bdbe3;border-color:#7fcad2b3}.tutorial-flow--arrows [data-actor=human-ai] a{background:linear-gradient(135deg,#f4b86029,#7fcad214 58%),#ffffff0b;border-color:#f4b86085}.tutorial-flow--arrows [data-split=true] a{background:0 0;border:0;height:100%;min-height:116px;padding:0}.tutorial-flow--arrows [data-split=true] a:hover{background:0 0}.tutorial-flow__split-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;height:100%;min-height:100%;display:grid;position:relative}.tutorial-flow__split-cards:after{content:"↔";z-index:2;width:28px;height:28px;color:var(--amber);background:#101114;border:1px solid #f4b8608a;border-radius:999px;place-items:center;font-size:15px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-flow__split-card{background:linear-gradient(135deg,#f4b86024,#ffffff09 52%),#ffffff0b;border:1px solid #f4b86085;border-radius:8px;align-content:center;gap:6px;min-width:0;min-height:100%;padding:18px;display:grid}.tutorial-flow__split-card[data-sub-actor=ai]{background:linear-gradient(135deg,#7fcad21f,#ffffff09 52%),#ffffff0a;border-color:#7fcad27a}.tutorial-flow__split-card[data-sub-actor=ai] .tutorial-flow__actor{color:#9bdbe3;background:#7fcad221}.tutorial-flow__split-card strong{font-size:17px}.tutorial-flow__meta{flex-wrap:wrap;gap:7px;display:flex}.tutorial-flow__actor,.tutorial-flow__loop{border-radius:6px;align-items:center;min-height:24px;padding:3px 8px;font-size:12.5px;font-weight:900;line-height:1.2;display:inline-flex}.tutorial-flow__actor{color:var(--amber);background:#f4b86029}[data-actor=ai] .tutorial-flow__actor,.tutorial-flow__actor--ai{color:#9bdbe3;background:#7fcad221}.tutorial-flow__loop{color:var(--cream);border:1px solid #f4b86080}.tutorial-flow--arrows em{color:#cfc4b0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-style:normal;font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}.tutorial-flow--arrows li:not(:last-child):after{content:"↓";width:26px;height:26px;color:var(--amber);background:#101114;border:1px solid #f4b86073;border-radius:999px;place-items:center;font-size:15px;font-weight:900;line-height:1;display:grid;bottom:-24px;left:25px}.module-ai-note{border-left:3px solid var(--amber);background:#f4b86014;margin-top:16px;overflow:hidden}.module-ai-note>summary{cursor:pointer;color:var(--cream);padding:16px 18px 10px;font-size:16px;font-weight:800;list-style:none}.module-ai-note>summary::-webkit-details-marker{display:none}.module-ai-note p{color:#e3dac8;margin:0;padding:0 18px 18px;font-size:16px;line-height:1.65}.lesson-steps{gap:4px;display:grid;position:relative}.lesson-steps:before{content:"";background:var(--hairline-2);width:1px;position:absolute;top:0;bottom:0;left:22px}.lesson-step{scroll-margin-top:116px;position:relative}.lesson-step>summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 0;list-style:none;display:grid}.lesson-step>summary::-webkit-details-marker{display:none}.prompt-toggle>summary::-webkit-details-marker{display:none}.lesson-step>summary:after{content:"+";color:var(--amber);font-size:34px;font-weight:800;line-height:1;transition:color .15s,transform .15s}.lesson-step[open]>summary:after{content:"-"}.lesson-step__num{background:var(--bg);width:56px;height:56px;color:var(--amber);border:1px solid #f4b86073;border-radius:8px;place-items:center;font-family:SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:800;display:grid}.lesson-step[open] .lesson-step__num{border-color:var(--amber)}.lesson-step__main{gap:8px;display:grid}.lesson-step__main strong{color:var(--cream);font-size:clamp(26px,2.5vw,36px);line-height:1.22}.lesson-step__main em{color:#d8ceb9;font-size:clamp(20px,1.9vw,24px);font-style:normal;line-height:1.55}.lesson-step__body{gap:30px;padding:0 0 40px 78px;display:grid}.lesson-step__goal{color:var(--cream);margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.65}.official-links{gap:12px;display:grid}.official-links p{color:var(--amber);margin:0;font-size:15px;font-weight:900}.official-links__list{gap:10px;display:grid}.official-link{min-height:70px;color:var(--cream);background:#f4b86014;border:1px solid #f4b8607a;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:grid}.official-link:hover{background:#f4b86024;border-color:#f4b860d1;transform:translateY(-1px)}.official-link__icon{color:#101010;background:var(--amber);border-radius:999px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.official-link__text{gap:4px;min-width:0;display:grid}.official-link__text strong{overflow-wrap:anywhere;font-size:18px;line-height:1.3}.official-link__text em{overflow-wrap:anywhere;color:#b9ad96;font-size:14px;font-style:normal;line-height:1.35}.official-link__action{color:var(--amber);font-size:15px;font-weight:900}.tutorial-shots{gap:22px;display:grid}.tutorial-shots figure{border:1px solid var(--hairline-2);background:var(--panel);border-radius:8px;margin:0;overflow:hidden}.tutorial-shot-link{cursor:zoom-in;text-decoration:none;display:block}.tutorial-shots figure:only-child{grid-column:1/-1}.tutorial-shot-frame{background:#101010;position:relative;overflow:hidden}.tutorial-shots img{object-fit:contain;object-position:top center;background:#101010;width:100%;height:auto;display:block}.tutorial-hotspot{left:var(--hotspot-x);top:var(--hotspot-y);z-index:2;background:var(--amber);color:#101010;cursor:help;width:34px;height:34px;font:inherit;border:2px solid #101010;border-radius:999px;place-items:center;padding:0;font-size:15px;font-weight:900;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f4b8603d,0 12px 26px #0000006b}.tutorial-hotspot:after{content:"";border-radius:inherit;border:1px solid #f4b8608a;position:absolute;inset:-9px}.tutorial-hotspot[data-highlight=area]{width:var(--hotspot-w);height:var(--hotspot-h);border:2px solid var(--amber);background:#f4b86029;border-radius:10px;min-width:118px;min-height:34px;box-shadow:inset 0 0 0 1px #fff7e847,0 0 0 4px #f4b8602e,0 14px 28px #00000070}.tutorial-hotspot[data-highlight=area]:after{border:2px solid #f4b860b8;border-radius:12px;inset:-5px}.tutorial-hotspot[data-highlight=area] .tutorial-hotspot__dot{background:var(--amber);border-radius:999px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.tutorial-hotspot:focus-visible{outline-offset:3px;outline:3px solid #fff}.tutorial-hotspot:hover,.tutorial-hotspot:focus-visible{z-index:12}.tutorial-hotspot__dot{z-index:1;position:relative}.tutorial-hotspot__tip{z-index:5;color:#fff7e8;text-align:left;opacity:0;pointer-events:none;background:#000;border:2px solid #f4b860d1;border-radius:8px;gap:6px;width:min(280px,72vw);padding:12px 14px;transition:opacity .14s,transform .14s;display:grid;position:absolute;box-shadow:0 18px 40px #000000b8}.tutorial-hotspot__tip strong{color:#fff;font-size:16px;line-height:1.3}.tutorial-hotspot__tip span{color:#fff0d2;font-size:15px;font-weight:650;line-height:1.55}.tutorial-hotspot:hover .tutorial-hotspot__tip,.tutorial-hotspot:focus-visible .tutorial-hotspot__tip{opacity:1}.tutorial-hotspot[data-placement=right] .tutorial-hotspot__tip{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.tutorial-hotspot[data-placement=right]:hover .tutorial-hotspot__tip,.tutorial-hotspot[data-placement=right]:focus-visible .tutorial-hotspot__tip{transform:translate(4px,-50%)}.tutorial-hotspot[data-placement=left] .tutorial-hotspot__tip{top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.tutorial-hotspot[data-placement=left]:hover .tutorial-hotspot__tip,.tutorial-hotspot[data-placement=left]:focus-visible .tutorial-hotspot__tip{transform:translate(-4px,-50%)}.tutorial-hotspot[data-placement=top] .tutorial-hotspot__tip{bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.tutorial-hotspot[data-placement=top]:hover .tutorial-hotspot__tip,.tutorial-hotspot[data-placement=top]:focus-visible .tutorial-hotspot__tip{transform:translate(-50%,-4px)}.tutorial-hotspot[data-placement=bottom] .tutorial-hotspot__tip{top:calc(100% + 12px);left:50%;transform:translate(-50%)}.tutorial-hotspot[data-placement=bottom]:hover .tutorial-hotspot__tip,.tutorial-hotspot[data-placement=bottom]:focus-visible .tutorial-hotspot__tip{transform:translate(-50%,4px)}.tutorial-shots figcaption{border-top:1px solid var(--hairline);padding:12px 14px;font-size:15px;line-height:1.5}.tutorial-shots figcaption a{color:#d8ceb9;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:700;text-decoration:none}.tutorial-shots figcaption a:hover{color:var(--amber)}.tutorial-hotspot-list{border-top:1px solid var(--hairline);background:#ffffff09;padding:14px;list-style:none;display:none}.tutorial-hotspot-list li{color:var(--cream);grid-template-columns:28px minmax(0,1fr);gap:3px 10px;padding:10px 0;display:grid}.tutorial-hotspot-list li+li{border-top:1px solid #ffffff14}.tutorial-hotspot-list span{background:var(--amber);color:#101010;border-radius:999px;grid-row:span 2;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;line-height:1;display:grid}.tutorial-hotspot-list strong{font-size:15px;line-height:1.3}.tutorial-hotspot-list em{color:#d8ceb9;font-size:14px;font-style:normal;font-weight:650;line-height:1.55}@media (width<=760px){.tutorial-hotspot{width:24px;height:24px;font-size:13px}.tutorial-hotspot__tip{width:min(230px,78vw);padding:10px 12px}.tutorial-hotspot__tip strong{font-size:14px}.tutorial-hotspot__tip span{font-size:13px}.tutorial-hotspot-list{display:block}}.prompt-toggle{background:#ffffff0b;border:1px solid #3d414c;border-radius:8px}.skill-strip ul{gap:11px;padding-left:22px;list-style:outside;display:grid}.skill-strip li{color:#e0d6c4;font-size:19px;font-weight:400;line-height:1.72}.skill-strip a{color:var(--amber);font-weight:800;text-decoration:none}.skill-strip a:hover{color:var(--cream);text-underline-offset:3px;text-decoration:underline}.skill-strip{gap:20px;display:grid}.lesson-step__output{border-left:3px solid var(--amber);color:var(--cream);margin:0;padding-left:14px;font-size:22px;line-height:1.65}.lesson-step__output span{color:var(--amber);margin-right:8px;display:inline}.success-box{background:#9fd2c112;border:1px solid #9fd2c15c;border-radius:8px;padding:22px 24px}.success-box h3{color:#b8e4d4;margin:0 0 10px;font-size:20px;line-height:1.4}.success-box ul{gap:8px;padding:0;list-style:none;display:grid}.success-box li{color:var(--cream);padding-left:18px;font-size:19px;line-height:1.65;position:relative}.success-box li:before{content:"";background:#9fd2c1;border-radius:999px;width:8px;height:8px;position:absolute;top:.72em;left:0;transform:translateY(-50%)}.concept-toggles{gap:12px;display:grid}.concept-toggles details{border:1px solid var(--hairline-2);background:#ffffff09;border-radius:8px;overflow:hidden}.concept-toggles summary{cursor:pointer;color:var(--cream);padding:18px 20px;font-size:21px;font-weight:800;line-height:1.4}.concept-toggles p{color:#d8ceb9;margin:0;padding:0 20px 22px;font-size:20px;line-height:1.78}.skill-strip__cmds{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.skill-strip__cmds li{background:var(--panel);border:1px solid var(--hairline);color:var(--ink-soft);border-radius:6px;align-items:center;padding:8px 12px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:1.45;display:inline-flex}.skill-strip__cmds a{color:inherit;font-weight:inherit;text-decoration:none}.prompt-toggle{background:var(--panel);border-color:var(--hairline-2);overflow:hidden}.prompt-toggle>summary{cursor:pointer;color:var(--cream);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:20px 22px;font-size:21px;font-weight:800;display:grid}.prompt-toggle>summary:before{content:"▸";color:var(--amber);transition:transform .15s;display:inline-block}.prompt-toggle[open]>summary:before{transform:rotate(90deg)}.prompt-toggle__body{border-top:1px solid var(--hairline);background:#0000002e;display:grid;position:relative}.prompt-toggle__body button{appearance:none;background:var(--amber);color:var(--bg);cursor:pointer;font:inherit;border:1px solid #f4b86094;border-radius:6px;justify-self:end;margin:12px 12px 0;padding:10px 12px;font-size:16px;font-weight:900;line-height:1;transition:color .15s,background .15s}.prompt-toggle__body button:hover{background:var(--cream);border-color:var(--cream)}.prompt-toggle pre{overflow-wrap:anywhere;white-space:pre-wrap;min-height:0;color:var(--ink-soft);margin:0;padding:14px 22px 22px;font-family:SFMono-Regular,Menlo,monospace;font-size:18px;line-height:1.82;overflow-x:auto}.prompt-toggle code{white-space:inherit;overflow-wrap:inherit}.prompt-toggle--standalone{margin-top:16px}.lesson-step>summary:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (width>=720px){.setup-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-shots{grid-template-columns:1fr}.skill-strip{grid-template-columns:1fr 1fr}.tutorial-flow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tutorial-flow--arrows{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 34px}.module-page--tool-selector .tutorial-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.module-page--tool-selector .tutorial-flow li[data-track=both]{grid-row:1}.module-page--tool-selector .tutorial-flow li[data-track=codex],.module-page--tool-selector .tutorial-flow li[data-track=claude]{grid-row:2}.module-page--tool-selector .tutorial-flow li[data-track=codex]:nth-of-type(5){grid-column:1}.module-page--tool-selector .tutorial-flow li[data-track=codex]:nth-of-type(6){grid-column:2}.module-page--tool-selector .tutorial-flow li[data-track=claude]{grid-column:3}.module-page--tool-selector .tutorial-flow--arrows li[data-track=both],.module-page--tool-selector .tutorial-flow--arrows li[data-track=codex],.module-page--tool-selector .tutorial-flow--arrows li[data-track=claude]{grid-area:auto}.tutorial-flow li:not(:last-child):after{display:none}.tutorial-flow--arrows li:not(:last-child):after{content:"→";display:grid;inset:50% -30px auto auto;transform:translateY(-50%)}.tutorial-flow--arrows li:nth-child(3n):after{display:none}.tutorial-flow--arrows li:nth-child(3n+1):not(:first-child):before{content:"→";z-index:1;width:26px;height:26px;color:var(--amber);background:#101114;border:1px solid #f4b86073;border-radius:999px;place-items:center;font-size:15px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.submission-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1040px){.module-lesson-hero__inner{align-items:end}.module-shell{grid-template-columns:300px minmax(0,1fr);align-items:start}.module-sidebar{border-bottom:0;border-left:2px solid var(--hairline-2);gap:6px;max-height:calc(100vh - 88px);padding:4px 0 4px 18px;display:grid;position:sticky;top:70px;overflow:auto;mask-image:none}.module-sidebar a{padding:10px 0}}@media (width<=520px){.module-header__inner{gap:10px;padding:8px 12px}.module-header__brand span,.module-header__title{display:none}.module-header__select{flex:auto;min-width:0;max-width:none}.module-lesson-hero{padding:18px 20px 22px}.module-lesson-hero h1{font-size:34px;line-height:1.1}.module-page .hero__sub,.module-page .lede{font-size:20px;line-height:1.75}.module-shell{padding-top:22px}.module-panel{padding:34px 0}.lesson-steps:before{left:18px}.lesson-step>summary{gap:14px}.lesson-step__num{width:42px;height:42px;font-size:14px}.lesson-step__body{padding:0 0 28px}.prompt-toggle>summary{padding:18px;font-size:20px}.prompt-toggle__body{padding:12px}.prompt-toggle__body button{width:100%;margin:0}.prompt-toggle pre{min-height:0;padding:12px 0 0;font-size:17px;line-height:1.78}.tutorial-flow--arrows a{min-height:108px}.tutorial-flow--arrows .tutorial-flow__num{width:24px;height:24px;font-size:9px}.tutorial-flow--arrows strong{font-size:18px}.tutorial-flow--arrows em{font-size:14px}.tutorial-flow__split-cards{grid-template-columns:1fr;gap:16px}.tutorial-flow__split-cards:after{display:none}.tutorial-flow__split-card{padding:16px}}@media (width<=360px){.prompt-toggle>summary{gap:8px;padding:12px;font-size:15px}.prompt-toggle__body button{padding:8px 10px;font-size:12px}}