:root{--ink:#17191b;--muted:#556064;--paper:#fff8df;--milk:#fffdf6;--peach:#ff896f;--lemon:#ffe36a;--mint:#8ed9cf;--sky:#07111f;--line:#17191b29;--shadow:0 18px 50px #17191b2e}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--sky)}body{color:var(--ink);background:var(--sky);margin:0;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.5;overflow:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{top:env(safe-area-inset-top,0);z-index:20;padding:16px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(#0a101fdb,#0a101f8a);border-bottom:1px solid #ffe36a29;grid-template-columns:minmax(0,max-content) max-content;justify-content:space-between;align-items:center;gap:14px;transition:padding .22s,background .22s,box-shadow .22s;display:grid;position:fixed;left:0;right:0;box-shadow:0 12px 36px #00000047}.site-header.is-compact{background:#0a101fd1;padding-top:8px;padding-bottom:8px;box-shadow:0 8px 28px #0000004d}.brand{min-width:0;color:var(--paper);white-space:nowrap;align-items:center;font-size:clamp(24px,5vw,40px);font-weight:950;line-height:1;transition:font-size .22s;display:inline-flex}.brand:before{content:"";background:url(/assets/brand/w-4900.jpg) 50%/cover no-repeat;border:2px solid #fff8dfdb;border-radius:50%;flex:none;width:clamp(44px,10vw,66px);height:clamp(44px,10vw,66px);margin-right:12px;transition:width .22s,height .22s,margin-right .22s;box-shadow:0 8px 18px #00000057,0 0 22px #ffe36a2e}.site-header.is-compact .brand{font-size:clamp(18px,4.4vw,24px)}.site-header.is-compact .brand:before{width:34px;height:34px;margin-right:9px}.threads-link{color:var(--paper);white-space:nowrap;background:#fff8df1f;border:1px solid #fff8df42;border-radius:999px;justify-self:end;padding:9px 13px 8px;font-size:14px;font-weight:900;line-height:1;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 8px 24px #0000003d}.threads-link:hover,.threads-link:focus-visible{background:var(--lemon);color:var(--ink);outline:none;transform:translateY(-1px);box-shadow:0 10px 28px #17191b1f}main{min-height:100svh}.walk-stage{isolation:isolate;background:radial-gradient(circle at 72% 16%,#ffcc712e,#ffcc7100 21rem),linear-gradient(#050916 0%,#08152a 42%,#1c2637 100%);height:100svh;min-height:620px;position:relative;overflow:hidden}.walk-stage:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#fff8df0d,#0000 30%,#ffc26014),repeating-linear-gradient(0deg,#fff8df05 0 1px,#0000 1px 9px);position:absolute;inset:0}#walk-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.walk-hud{left:max(22px, env(safe-area-inset-left));top:calc(env(safe-area-inset-top,0px) + 112px);z-index:2;pointer-events:none;width:min(580px,100% - 44px);transition:opacity .24s,transform .24s;position:absolute}.walk-stage.is-walking .walk-hud{opacity:.42;transform:translateY(-8px)scale(.96)}.walk-stage.is-previewing .walk-hud{opacity:0;transform:translate(-20px)scale(.94)}.eyebrow{color:var(--paper);background:#fff8df21;border:1px solid #fff8df3d;border-radius:999px;margin:0 0 14px;padding:6px 10px 5px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:0 10px 24px #0000002e}.walk-title{color:var(--paper);letter-spacing:0;text-shadow:3px 3px 0 var(--ink), 7px 7px 0 var(--peach), 0 0 34px #ffe36a3d, 12px 12px 28px #00000075;margin:0;font-size:clamp(64px,12vw,148px);font-weight:950;line-height:.82}.walk-zone-label{background:#ffe36ae6;border:2px solid #17191be6;border-radius:10px;max-width:min(520px,100%);margin:24px 0 0;padding:8px 12px;font-size:clamp(17px,2.2vw,26px);font-weight:950;line-height:1.18;display:inline-flex;box-shadow:4px 4px #17191bd1}.walk-joystick{z-index:3;pointer-events:none;opacity:0;transform-origin:50%;--joy-x:0px;--joy-y:0px;width:128px;height:128px;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.84)}.walk-joystick.is-active{opacity:1;transform:translate(-50%,-50%)scale(1)}.walk-joystick-ring{-webkit-backdrop-filter:blur(16px)saturate(1.18);backdrop-filter:blur(16px)saturate(1.18);background:radial-gradient(circle,#fff8df1f,#fff8df08 47%,#0000 48%),#0a101f61;border:2px solid #fff8df70;border-radius:999px;position:absolute;inset:0;box-shadow:0 22px 52px #0000006b,inset 0 0 34px #ffe36a1a,inset 0 1px #fff8df47}.walk-joystick-thumb{width:54px;height:54px;transform:translate(calc(-50% + var(--joy-x)), calc(-50% + var(--joy-y)));background:radial-gradient(circle at 35% 25%,#ffffffe6,#ffe36ad1 36%,#ff896feb 100%);border:2px solid #17191bd1;border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 12px 26px #0000006b,0 0 26px #ffcd6457,inset 0 2px #ffffff5c}.item-modal{z-index:60;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.item-modal[hidden]{display:none}.item-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 28%,#fff8df4d,#0000 28rem),#17191ba3;position:absolute;inset:0}.item-modal-panel{z-index:1;background:var(--paper);border:2px solid var(--ink);border-radius:16px;gap:14px;width:min(920px,94vw);max-height:88svh;padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:auto;box-shadow:0 30px 88px #00000061}.item-modal-close{z-index:2;width:38px;height:38px;color:var(--ink);background:var(--milk);border:2px solid var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;justify-self:end;align-items:center;margin:-6px -6px -40px 0;font-size:26px;font-weight:950;line-height:1;display:inline-flex;position:sticky;top:0;box-shadow:3px 3px #17191b38}.item-modal-content{gap:12px;display:grid}.item-modal-content h2{letter-spacing:0;max-width:calc(100% - 46px);margin:0;font-size:clamp(28px,5vw,52px);font-weight:950;line-height:1.08}.item-modal-meta{color:var(--muted);margin:0;font-size:14px;font-weight:900}.item-modal-content img{object-fit:contain;background:#fff;border:2px solid #17191be0;border-radius:10px;width:100%;max-height:68svh}.item-modal-quote{white-space:pre-line;color:var(--ink);margin:0;font-size:clamp(21px,3.6vw,34px);font-weight:850;line-height:1.48}.item-modal-link{background:var(--lemon);border:2px solid var(--ink);border-radius:999px;justify-self:start;align-items:center;min-height:42px;padding:0 14px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:3px 3px #17191b38}@media (width<=700px){.site-header{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));gap:8px}.brand{text-overflow:ellipsis;max-width:calc(100vw - 112px);overflow:hidden}.brand:before{margin-right:9px}.threads-link{padding:8px 10px 7px;font-size:13px}.walk-stage{min-height:100svh}.walk-hud{top:calc(env(safe-area-inset-top,0px) + 94px);width:min(430px,100% - 30px)}.walk-title{font-size:clamp(54px,17vw,82px)}.walk-zone-label{margin-top:18px}.walk-joystick{width:118px;height:118px}.item-modal-panel{border-radius:12px;width:min(94vw,760px)}}