@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--primary:#0075de;--primary-active:#005bab;--primary-tint:#0075de14;--secondary:#213183;--on-primary:#fff;--canvas:#fff;--canvas-soft:#f6f5f4;--surface:#fff;--hairline:#e6e6e6;--input-border:#ddd;--ink:#000000f2;--ink-secondary:#31302e;--ink-muted:#615d59;--ink-faint:#a39e98;--accent-sky:#62aef0;--accent-purple:#d6b6f6;--accent-pink:#ff64c8;--accent-orange:#dd5b00;--accent-teal:#2a9d99;--accent-green:#1aae39;--radius-xs:4px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-soft:#00000003 0 .175px 1.041px, #00000005 0 .8px 2.925px, #00000007 0 2.025px 7.847px, #0000000a 0 4px 18px;--font:"Pretendard Variable", Pretendard, Inter, -apple-system, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--content-width:720px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--canvas-soft);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:17px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:var(--canvas-soft);min-width:320px;margin:0}h1,h2,h3,p,ul,dl,dd{margin:0}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{flex-direction:column;min-height:100svh;display:flex}.app-header{z-index:10;background:var(--canvas);border-bottom:1px solid var(--hairline);position:sticky;top:0}.app-header-inner{max-width:var(--content-width);justify-content:space-between;align-items:center;margin:0 auto;padding:14px 16px 4px;display:flex}.wordmark{letter-spacing:-.25px;align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}.wordmark-mark{background:var(--secondary);border-radius:6px;width:20px;height:20px;position:relative}.wordmark-mark:after{content:"";background:var(--accent-pink);width:7px;height:7px;box-shadow:0 0 0 2px var(--canvas);border-radius:50%;position:absolute;top:-3px;right:-3px}.app-header-actions{align-items:center;gap:8px;display:flex}.sound-toggle{border:1px solid var(--hairline);background:var(--surface);width:40px;height:40px;color:var(--ink-muted);cursor:pointer;border-radius:50%;place-items:center;transition:transform .15s,color .15s;display:grid}.sound-toggle:hover{color:var(--ink);transform:scale(1.06)}.sound-toggle[aria-pressed=true]{color:var(--primary)}.sound-wave{transform-box:fill-box;transform-origin:0}.sound-toggle[aria-pressed=true] .sound-wave{animation:1.6s ease-in-out infinite glow}.sound-toggle[aria-pressed=true] .sound-wave-outer{animation-delay:.3s}.app-header-meta{color:var(--ink-muted);font-size:14px}.app-header-meta[data-status=saved],.app-header-meta[data-status=saving]{color:var(--ink-faint)}.app-main{width:100%;max-width:var(--content-width);flex:1;margin:0 auto;padding:40px 16px 64px}.journey{max-width:var(--content-width);margin:0 auto;padding:0 52px 10px}.journey-rail{height:104px;position:relative}.journey-line,.journey-line-fill{border-radius:var(--radius-full);height:6px;position:absolute;top:63px;left:0}.journey-line{background:repeating-linear-gradient(90deg, var(--hairline) 0 10px, transparent 10px 16px);right:0}.journey-line-fill{background:linear-gradient(90deg, var(--accent-sky), var(--accent-purple), var(--accent-orange), var(--accent-teal), var(--accent-green));background-size:720px 100%;transition:width .9s cubic-bezier(.45,0,.2,1)}.journey-runner{z-index:2;pointer-events:none;transition:left .9s cubic-bezier(.45,0,.2,1);position:absolute;top:0;transform:translate(-50%)}.journey-runner-flip{transition:transform .2s}.journey-stations{margin:0;padding:0;list-style:none}.journey-stations li{position:absolute;top:48px;transform:translate(-50%)}.station{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.station:disabled{cursor:default}.station-dot{background:var(--surface);border:2px solid var(--hairline);border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .2s,background .3s,border-color .3s;display:grid}.station:not(:disabled):hover .station-dot{transform:translateY(-2px)scale(1.06)}.station[data-state=todo] .station-dot{opacity:.55;filter:grayscale(.6)}.station[data-state=current] .station-dot{border-color:var(--stage);background:color-mix(in srgb, var(--stage) 22%, white);box-shadow:0 0 0 5px color-mix(in srgb, var(--stage) 22%, transparent);transform:scale(1.12)}.station[data-state=done] .station-dot{border-color:var(--stage);background:var(--stage);animation:.4s ease-out pop}.station-label{color:var(--ink-faint);white-space:nowrap;font-size:12px;font-weight:600}.station[data-state=current] .station-label{color:var(--ink)}.station[data-state=done] .station-label{color:var(--ink-muted)}.step{flex-direction:column;gap:28px;display:flex}.step-header{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.step-header h1{letter-spacing:-1px;font-size:40px;font-weight:700;line-height:1.15}.step-question{color:var(--ink-muted);font-size:18px}.lead{color:var(--ink-secondary);margin-top:-12px}.badge{border:1px solid var(--hairline);border-radius:var(--radius-full);background:var(--surface);color:var(--primary);letter-spacing:.125px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.33;display:inline-flex}.eyebrow{letter-spacing:.125px;color:var(--ink-muted);font-size:12px;font-weight:600}.meta{color:var(--ink-muted);font-size:14px}.divider{border:0;border-top:1px solid var(--hairline);width:100%;margin:4px 0}.question-band{border-radius:var(--radius-xl);background:var(--secondary);color:var(--on-primary);flex-direction:column;gap:14px;padding:48px 36px;display:flex;position:relative;overflow:hidden}.question-band:before,.question-band:after{content:"";border-radius:50%;position:absolute}.question-band:before{background:var(--accent-pink);width:10px;height:10px;box-shadow:-64px 52px 0 -2px var(--accent-sky), -18px 96px 0 -3px var(--accent-purple);top:28px;right:40px}.question-band:after{background:radial-gradient(circle,#62aef038,#0000 70%);width:220px;height:220px;bottom:-80px;right:-60px}.question-band-label{opacity:.72;font-size:14px;font-weight:600}.question-band-text{letter-spacing:-1.25px;max-width:20ch;font-size:40px;font-weight:700;line-height:1.2;position:relative}.guide{align-items:flex-start;gap:12px;display:flex}.guide-avatar{flex:none;margin-top:-2px}.guide-bubble{border:1px solid var(--hairline);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface);flex-direction:column;gap:2px;padding:14px 18px;display:flex}.guide-name{color:var(--ink-muted);font-size:12px;font-weight:600}.guide-bubble p{color:var(--ink);font-size:18px}.guide-thinking{color:var(--ink-faint)!important}.guide-thinking:after{content:"…";animation:1.2s ease-in-out infinite thinking;display:inline-block}@keyframes thinking{0%,to{opacity:.25}50%{opacity:1}}.card-pending{justify-content:center;min-height:120px}.card-pending .guide-thinking{font-size:16px}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--ink);padding:0;font-size:16px;font-weight:600}.field-hint{color:var(--ink-muted);margin-top:-4px;font-size:14px}.field-hint-guide{color:var(--ink-secondary);gap:8px;font-size:15px;display:flex}.field-hint-guide:before{content:"";background:var(--accent-purple);border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}.text-input{border:1px solid var(--input-border);border-radius:var(--radius-xs);background:var(--surface);width:100%;padding:12px 14px;font-size:17px;line-height:1.6;transition:border-color .15s,box-shadow .15s}textarea.text-input{resize:vertical;field-sizing:content;min-height:3lh}.text-input::placeholder{color:var(--ink-faint)}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint), var(--shadow-soft);outline:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;min-height:44px;padding:8px 16px;font-size:16px;transition:border-color .15s,transform .1s}.chip:hover{border-color:var(--ink-faint)}.chip:active{transform:scale(.97)}.choice{border:0;min-width:0;margin:0;padding:0}.choice legend{margin-bottom:10px}.choice-options{flex-wrap:wrap;gap:8px;display:flex}.choice-option{position:relative}.choice-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice-option span{border:1px solid var(--hairline);border-radius:var(--radius-full);background:var(--surface);align-items:center;min-height:44px;padding:8px 18px;font-size:16px;transition:border-color .15s,background .15s;display:inline-flex}.choice-option:hover span{border-color:var(--ink-faint)}.choice-option input:checked+span{border-color:var(--primary);background:var(--primary-tint);color:var(--primary-active);font-weight:600}.choice-option input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:16px;padding:24px;display:flex}.card .eyebrow{margin-bottom:-10px}.card-title{letter-spacing:-.25px;font-size:22px;font-weight:700;line-height:1.27}.experiment{flex-direction:column;gap:12px;display:flex}.experiment div{grid-template-columns:96px 1fr;gap:16px;display:grid}.experiment dt{color:var(--ink-muted);padding-top:2px;font-size:14px;font-weight:600}.safety{border-radius:var(--radius-md);background:var(--canvas-soft);padding:14px 16px}.safety strong{align-items:center;gap:8px;font-size:14px;display:inline-flex}.safety strong:before{content:"";background:var(--accent-orange);border-radius:50%;width:8px;height:8px}.safety ul,.tips{color:var(--ink-secondary);flex-direction:column;gap:4px;margin-top:6px;padding-left:20px;font-size:16px;display:flex}.tips{margin-top:0}.recap{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--hairline);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.note{border:1px solid var(--hairline);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-soft);flex-direction:column;gap:28px;padding:32px;display:flex}.note-header{border-bottom:1px solid var(--hairline);flex-direction:column;gap:6px;padding-bottom:24px;display:flex}.note-header h2{letter-spacing:-.625px;font-size:26px;font-weight:700;line-height:1.23}.compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;display:grid}.compare-col{border-radius:var(--radius-lg);background:var(--canvas-soft);flex-direction:column;gap:8px;padding:18px;display:flex}.compare-col p{flex:1}.compare-col-now{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-soft)}.compare-arrow{color:var(--ink-faint);align-self:center;font-size:20px}.compare-summary{color:var(--ink-muted);text-align:center;margin-top:-14px;font-size:15px}.compare-summary-guide{border-radius:var(--radius-lg);background:var(--canvas-soft);color:var(--ink-secondary);text-align:left;padding:14px 18px}.next-question{border-top:1px solid var(--hairline);align-items:flex-start;padding-top:24px}.btn-small{min-height:40px;padding:8px 18px;font-size:15px}.note-section{flex-direction:column;gap:8px;display:flex}.note-section h3{color:var(--ink-muted);font-size:14px;font-weight:600}.note-strong{font-weight:600}.reflections{flex-direction:column;gap:10px;display:flex}.reflections dt{color:var(--ink-faint);font-size:14px}.note-write{border-top:1px solid var(--hairline);gap:24px;padding-top:24px}.step-footer{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--hairline);background:#f6f5f4eb;position:sticky;bottom:0}.step-footer-inner{max-width:var(--content-width);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 16px;display:flex}.step-footer-actions{align-items:center;gap:12px;display:flex}.footer-hint{color:var(--ink-faint);font-size:14px}.btn{border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;font-size:16px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-primary:disabled{background:var(--hairline);color:var(--ink-faint)}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-soft)}.btn-secondary:disabled{color:var(--ink-faint);box-shadow:inset 0 0 0 1px var(--hairline)}body{background:radial-gradient(circle at 8% 18%, #d6b6f647, transparent 32%), radial-gradient(circle at 92% 62%, #62aef033, transparent 36%), radial-gradient(circle at 30% 96%, #ffc83d29, transparent 30%), var(--canvas-soft);background-attachment:fixed}.mascot{overflow:visible}.mascot *{transform-box:fill-box;transform-origin:50%}.mascot-bob{animation:2.4s ease-in-out infinite bob}.mascot-eyes{animation:4.2s infinite blink}.mascot-star{animation:2.2s ease-in-out infinite twinkle}.mascot-run .mascot-bob{animation:.28s ease-in-out infinite hop}.mascot-run .mascot-foot-l{animation:.28s ease-in-out infinite step}.mascot-run .mascot-foot-r{animation:.28s ease-in-out infinite reverse step}.mascot-run .mascot-arm-l,.mascot-run .mascot-arm-r{animation:.28s ease-in-out infinite alternate swing}.mascot-think .mascot-bob{animation:1.4s ease-in-out infinite tilt}.mascot-think .mascot-star{animation:.8s ease-in-out infinite twinkle}.mascot-cheer .mascot-bob{animation:.7s ease-in-out infinite jump}.mascot-cheer .mascot-arm-l{transform:translate(-1px,-8px)rotate(30deg)}.mascot-cheer .mascot-arm-r{transform:translate(1px,-8px)rotate(-30deg)}.step-header-top{align-items:center;gap:12px;display:flex}.stage-tile{background:color-mix(in srgb, var(--stage) 26%, white);border-radius:20px;place-items:center;width:64px;height:64px;animation:3.2s ease-in-out infinite float;display:grid}.stage-icon *{transform-box:fill-box;transform-origin:50%}:is(.stage-tile,.station[data-state=current]) .stage-icon-0 .stage-icon-mark{animation:2.4s ease-in-out infinite wiggle}:is(.stage-tile,.station[data-state=current]) .stage-icon-1 .stage-icon-rays{animation:1.8s ease-in-out infinite glow}:is(.stage-tile,.station[data-state=current]) .stage-icon-2 .stage-icon-sweep{transform-origin:40% 40%;animation:3s ease-in-out infinite sweep}:is(.stage-tile,.station[data-state=current]) .stage-icon-3 .stage-icon-bubble-a{animation:2s ease-in-out infinite bob}:is(.stage-tile,.station[data-state=current]) .stage-icon-3 .stage-icon-bubble-b{animation:2s ease-in-out 1s infinite bob}:is(.stage-tile,.station[data-state=current]) .stage-icon-4 .stage-icon-pencil{animation:1.6s ease-in-out infinite write}.band-star{border-radius:50%;width:8px;height:8px;animation:2.6s ease-in-out infinite twinkle;position:absolute}.band-star-1{background:var(--accent-pink);top:26px;right:34%}.band-star-2{background:var(--accent-sky);width:6px;height:6px;animation-delay:.8s;top:64px;right:22%}.band-star-3{background:#ffc83d;width:5px;height:5px;animation-delay:1.6s;top:34px;right:9%}.band-mascot{position:absolute;bottom:-6px;right:24px}.question-band-text,.step-enter{animation:.45s ease-out rise}.step-enter .step>*{animation:.5s ease-out backwards rise}.step-enter .step>:nth-child(2){animation-delay:50ms}.step-enter .step>:nth-child(3){animation-delay:.1s}.step-enter .step>:nth-child(n+4){animation-delay:.15s}.card,.recap,.guide-bubble,.compare-col{border-radius:20px}.guide-bubble{border-top-left-radius:6px}.text-input{border-radius:var(--radius-lg)}.card,.chip{transition:transform .2s,box-shadow .2s,border-color .15s}.chip:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.choice-option input:checked+span{animation:.3s ease-out pop}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0075de40}.btn-ready{animation:2.2s ease-in-out infinite nudge}.confetti{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;width:9px;height:14px;animation-name:fall;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-fill-mode:forwards;position:absolute;top:-16px}.confetti-round{border-radius:50%;width:10px;height:10px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hop{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}@keyframes step{0%,to{transform:translate(-2px)}50%{transform:translate(2px,-3px)}}@keyframes swing{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes tilt{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes jump{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(.75)rotate(20deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes wiggle{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}}@keyframes glow{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@keyframes sweep{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(2px,1px)rotate(-12deg)}}@keyframes write{0%,to{transform:translate(0)}50%{transform:translate(-3px,1px)}}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge{0%,70%,to{transform:scale(1);box-shadow:0 0 #0075de00}80%{transform:scale(1.05);box-shadow:0 0 0 8px #0075de26}}@keyframes fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 105vh) rotate(calc(var(--rotate) + 540deg));opacity:.9}}.ai-pop,.step-enter .step>.ai-pop{animation:.55s cubic-bezier(.34,1.56,.64,1) backwards ai-pop}.guide-name,.card-eyebrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-badge{border-radius:var(--radius-full);color:#6a3fb5;letter-spacing:.1px;background:linear-gradient(90deg,#efe4fd,#e3f1fe);align-self:flex-start;align-items:center;gap:4px;padding:2px 9px 2px 7px;font-size:11px;font-weight:700;animation:.55s cubic-bezier(.34,1.56,.64,1) .15s backwards ai-pop;display:inline-flex;position:relative}.ai-badge:before{content:"✦";color:#a37be0;font-size:11px;animation:1.8s ease-in-out infinite twinkle}.ai-sparkles{pointer-events:none;position:absolute;inset:0}.ai-sparkles i{opacity:0;border-radius:50%;width:5px;height:5px;animation:.8s ease-out .2s sparkle-burst;position:absolute;top:50%;left:12px}.ai-sparkles i:first-child{background:var(--accent-pink);--dx:-14px;--dy:-12px}.ai-sparkles i:nth-child(2){--dx:16px;--dy:-14px;background:#ffc83d}.ai-sparkles i:nth-child(3){background:var(--accent-sky);--dx:-12px;--dy:12px}.ai-sparkles i:nth-child(4){background:var(--accent-purple);--dx:18px;--dy:10px}@keyframes ai-pop{0%{opacity:0;transform:scale(.7)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes sparkle-burst{0%{opacity:1;transform:translateY(-50%)scale(.4)}to{opacity:0;transform:translate(var(--dx), calc(-50% + var(--dy))) scale(1.2)}}.sketch{background:radial-gradient(circle,#0000000f .6px,#0000 .8px) 0 0/10px 10px,#fffdf7;border:1px dashed #e8dfc8;border-radius:16px;margin:0;padding:12px 12px 10px}.sketch-canvas{width:100%;height:auto;max-height:280px;display:block;overflow:visible}.sketch-stroke{fill:none;stroke-width:.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:sketch-draw .6s ease-in-out var(--delay) backwards}.sketch-fill{stroke:none;opacity:.28;animation:sketch-fill .5s ease-out calc(var(--delay) + .35s) backwards}.sketch-text{font-family:var(--font);animation:sketch-label .45s ease-out var(--delay) backwards;font-size:4.2px;font-weight:700}.sketch figcaption{color:var(--ink-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;font-size:14px;display:flex}.sketch-replay{border:1px solid var(--hairline);border-radius:var(--radius-full);background:var(--surface);min-height:36px;color:var(--ink-muted);cursor:pointer;flex:none;padding:4px 12px;font-size:13px}.sketch-replay:hover{color:var(--ink)}@keyframes sketch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes sketch-fill{0%{opacity:0}to{opacity:.28}}@keyframes sketch-label{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.header-button{border:1px solid var(--hairline);border-radius:var(--radius-full);background:var(--surface);min-height:40px;color:var(--ink-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.header-button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.notes{flex-direction:column;gap:28px;display:flex}.notes-status{font-size:17px}.notes-empty{border:2px dashed var(--hairline);background:var(--surface);text-align:center;color:var(--ink-secondary);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.note-card{border:1px solid var(--hairline);background:var(--surface);animation:rise .45s ease-out calc(var(--i) * 60ms) backwards;border-radius:20px;flex-direction:column;gap:10px;padding:20px 20px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.note-card:before{content:"";background:var(--stage);height:6px;position:absolute;inset:0 0 auto}.note-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)rotate(-.3deg)}.note-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-card-status{border-radius:var(--radius-full);background:color-mix(in srgb, var(--stage) 18%, white);color:var(--ink-secondary);align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:12px;font-weight:700;display:inline-flex}.note-card-question{letter-spacing:-.25px;font-size:19px;font-weight:700;line-height:1.35}.note-card-thought{-webkit-line-clamp:3;color:var(--ink-secondary);-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.note-card-before{color:var(--ink-faint);-webkit-text-decoration:line-through #0003;text-decoration:line-through #0003}.note-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.note-card-delete{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px 8px;font-size:13px}.note-card-delete:hover{color:var(--ink-secondary)}.btn-danger{color:#b4233d;background:#fde8ec}.notes-tabs{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--hairline);align-self:flex-start;align-items:center;gap:6px;padding:4px;display:flex}.notes-tab{border-radius:var(--radius-full);min-height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;padding:6px 18px;font-size:15px;font-weight:600;transition:background .2s,color .2s}.notes-tab[aria-selected=true]{background:var(--primary-tint);color:var(--primary-active)}.notes-lock{min-height:36px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:4px 12px;font-size:13px}.notes-unlock-row{gap:8px;width:100%;max-width:360px;display:flex}.notes-error{color:#b4233d;font-size:14px;animation:.4s ease-in-out wiggle-x}.notes-more{align-self:center}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes wiggle-x{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=600px){.app-main{padding-top:28px}.app-header-meta[data-status=idle]{display:none}.app-header{position:static}.notes-grid{grid-template-columns:1fr}.header-button span:last-child{display:none}.header-button{padding-inline:10px}.journey{padding-inline:28px}.station:not([data-state=current]) .station-label{visibility:hidden}.band-mascot{width:64px;height:64px}.question-band{padding-bottom:72px}.step-header h1{letter-spacing:-.75px;font-size:30px}.question-band{padding:36px 24px}.question-band-text{letter-spacing:-.75px;font-size:30px}.experiment div{grid-template-columns:1fr;gap:2px}.compare{grid-template-columns:1fr}.compare-arrow{justify-self:center;transform:rotate(90deg)}.note{padding:24px 20px}.footer-hint{display:none}}@media print{body,.app{background:#fff}.app-header,.step-footer,.confetti,.sketch-replay,.step-header,.next-question .btn,.next-question .meta{display:none}.app-main{padding:0}.note{box-shadow:none;border:0;padding:0}.text-input{resize:none;border:0;padding:0}}