:root{--bg:#080910;--panel:#11131d;--panel2:#181b27;--line:#292d3c;--text:#f2f1f6;--muted:#898d9e;--blue:#95b7ff;--cyan:#64e6ee;--purple:#a875ff;--pink:#ff6ca8;--yellow:#ffd45b;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#15161c;font-family:"DM Sans","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{color:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none}img{display:block;width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{position:relative;width:min(100%,480px);min-height:100vh;margin:0 auto;padding-bottom:96px;overflow:hidden;background:var(--bg);box-shadow:0 0 70px rgba(0,0,0,.45)}.wave-header,.app-header{position:fixed;top:0;left:50%;z-index:40;display:flex;align-items:center;justify-content:space-between;width:min(100%,480px);height:72px;padding:12px 18px;border-bottom:1px solid rgba(62,66,82,.55);background:rgba(8,9,16,.88);backdrop-filter:blur(18px);transform:translateX(-50%)}.wave-brand,.header-brand{display:flex;align-items:center;gap:10px}.wave-mark,.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #52658e;border-radius:13px 13px 13px 4px;color:#071018;background:linear-gradient(135deg,var(--cyan),var(--purple));font-size:20px;font-weight:900;box-shadow:0 0 24px rgba(100,230,238,.18)}.wave-brand small,.header-copy small{display:block;margin-bottom:1px;color:var(--muted);font-size:6px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.wave-brand strong,.header-copy strong{font-size:15px;letter-spacing:.12em}.header-actions{display:flex;align-items:center;gap:8px}.d-day{display:flex;align-items:center;gap:7px;height:37px;padding:0 10px;border:1px solid #35415c;border-radius:10px;background:#121622}.d-day span{color:var(--blue);font-size:6px;font-weight:800}.d-day strong{font-size:10px}.icon-button{position:relative;display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel);cursor:pointer}.icon-button svg{width:18px;height:18px}.icon-button i{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--pink)}.home-main,.app-main{padding-top:72px}.home-intro{padding:24px 20px 0}.home-intro>p{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.08em}.home-intro>p span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(100,230,238,.1)}.home-intro h1{margin:0;font-size:29px;line-height:1.25;letter-spacing:-.045em}.area-switch{display:flex;gap:7px;margin:19px -20px 0;padding:0 20px 5px;overflow:auto;scrollbar-width:none}.area-switch button{flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel);font-size:8px;font-weight:700;cursor:pointer}.area-switch button.active{border-color:var(--blue);color:#09111f;background:var(--blue)}.wave-hero{position:relative;min-height:450px;margin:18px 16px 0;overflow:hidden;border:1px solid #32374b;border-radius:28px;background:#111}.wave-hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,13,.1),rgba(5,7,13,.9) 77%)}.hero-top{position:absolute;top:16px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between}.hero-top>span{padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(8,9,16,.58);backdrop-filter:blur(8px);font-size:7px;font-weight:800;letter-spacing:.08em}.save-round{display:grid;place-items:center;width:39px;height:39px;padding:0;border:0;border-radius:50%;color:#111;background:rgba(255,255,255,.94);cursor:pointer}.save-round svg{width:17px;height:17px}.save-round.saved{color:#fff;background:var(--purple)}.save-round.saved svg{fill:currentColor}.hero-copy{position:absolute;right:0;bottom:0;left:0;padding:24px}.hero-copy>p{margin:0;color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.06em}.hero-copy h2{margin:6px 0 12px;font-size:47px;line-height:.9;letter-spacing:-.06em}.hero-meta{display:flex;gap:9px;color:rgba(255,255,255,.67);font-size:7px}.hero-meta span:not(:last-child)::after{padding-left:9px;content:"·"}.hero-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-top:18px}.hero-actions a{display:grid;place-items:center;min-height:47px;border:1px solid rgba(255,255,255,.3);border-radius:13px;font-size:9px;font-weight:800}.hero-actions a:first-child{border:0;color:#071018;background:linear-gradient(135deg,var(--cyan),var(--blue))}.passport-preview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;margin:16px 16px 0;padding:16px;border:1px solid #34394c;border-radius:24px;background:linear-gradient(135deg,#171a27,#10121a)}.passport-cover{position:relative;display:flex;min-height:155px;padding:15px;overflow:hidden;border-radius:16px;color:#0a1020;background:linear-gradient(145deg,#98b8ff,#8d77ff 55%,#61e5ed);flex-direction:column}.cover-wave{position:absolute;right:-13px;bottom:-39px;color:rgba(255,255,255,.25);font-size:120px;font-weight:900}.passport-cover small{font-size:7px;font-weight:800;letter-spacing:.16em}.passport-cover strong{margin-top:8px;font-size:15px;line-height:1}.passport-cover b{margin-top:auto;font-size:6px;letter-spacing:.12em}.passport-copy{min-width:0;padding:3px 0}.passport-copy>p{margin:0;color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.08em}.passport-copy h2{margin:5px 0 13px;font-size:14px}.stamp-track{display:grid;grid-template-columns:25px 1fr 25px 1fr 25px 1fr 25px;align-items:center}.stamp-track span{display:grid;place-items:center;width:25px;height:25px;border:1px dashed #555a6d;border-radius:50%;color:#6e7282;font-size:6px;font-weight:900}.stamp-track span.done{border:0;color:#071018;background:var(--cyan)}.stamp-track i{height:1px;background:#333746}.passport-copy>small{display:block;margin-top:11px;color:var(--muted);font-size:7px;line-height:1.5}.passport-copy>a{display:flex;align-items:center;gap:5px;margin-top:12px;color:var(--blue);font-size:8px;font-weight:800}.passport-copy>a svg{width:14px;height:14px}.home-section{padding-top:34px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 20px;margin-bottom:14px}.section-head p{margin:0 0 5px;color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.12em}.section-head h2{margin:0;font-size:20px;letter-spacing:-.035em}.section-head>a{color:var(--muted);font-size:8px;font-weight:700}.schedule-list{display:grid;gap:8px;padding:0 16px}.schedule-card{display:grid;grid-template-columns:42px 3px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:82px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.schedule-card time{font-size:10px;font-weight:800}.program-line{width:3px;height:46px;border-radius:999px}.program-line.blue{background:var(--blue)}.program-line.cyan{background:var(--cyan)}.program-line.purple{background:var(--purple)}.schedule-card div{min-width:0}.schedule-card small{color:var(--muted);font-size:6px;font-weight:800;letter-spacing:.05em}.schedule-card h3{margin:5px 0 3px;font-size:11px;white-space:nowrap}.schedule-card p{margin:0;color:#747888;font-size:7px}.status{padding:5px 6px;border-radius:6px;font-size:6px;font-weight:900}.status.paid{color:#08101a;background:var(--blue)}.status.free{color:#092127;background:var(--cyan)}.circuit-section{padding-top:34px}.circuit-map{position:relative;height:300px;margin:0 16px;overflow:hidden;border:1px solid #303547;border-radius:24px;background:radial-gradient(circle at 80% 15%,rgba(168,117,255,.16),transparent 35%),linear-gradient(145deg,#151826,#0c0e16)}.circuit-path{position:absolute;top:105px;left:45px;width:355px;height:90px;border-top:3px dashed #626a83;border-radius:50%;transform:rotate(-6deg)}.circuit-stop{position:absolute;display:flex;align-items:center;width:86px;gap:3px;flex-direction:column;text-align:center}.circuit-stop>span{display:grid;place-items:center;width:43px;height:43px;border:2px solid #10131d;border-radius:50%;color:#071018;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 0 4px #252a3b,0 0 22px rgba(100,230,238,.2);font-size:8px;font-weight:900}.circuit-stop strong{margin-top:6px;font-size:9px}.circuit-stop small{color:var(--muted);font-size:6px}.stop-one{top:65px;left:24px}.stop-two{top:130px;left:180px}.stop-three{top:60px;right:17px}.walk-info{position:absolute;right:16px;bottom:16px;left:16px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05)}.walk-info svg{width:22px;height:22px;color:var(--cyan)}.walk-info span{color:var(--muted);font-size:7px}.walk-info strong{display:block;margin-bottom:2px;color:#fff;font-size:9px}.free-zone{position:relative;min-height:330px;margin:34px 16px 0;overflow:hidden;border-radius:26px}.free-zone>img{position:absolute;inset:0;height:100%;object-fit:cover}.free-zone-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,14,.95) 20%,rgba(7,8,14,.42)),linear-gradient(0deg,rgba(7,8,14,.75),transparent)}.free-badge{position:absolute;top:17px;right:17px;padding:7px 9px;border-radius:8px;color:#071018;background:var(--yellow);font-size:7px;font-weight:900}.free-zone>div:last-child{position:absolute;right:0;bottom:0;left:0;padding:23px}.free-zone p{margin:0;color:var(--yellow);font-size:8px;font-weight:800}.free-zone h2{margin:6px 0 11px;font-size:27px;line-height:1.15}.free-zone ul{margin:0 0 16px;padding:0;list-style:none}.free-zone li{margin-top:5px;color:rgba(255,255,255,.68);font-size:7px}.free-zone li::before{padding-right:7px;color:var(--cyan);content:"+"}.free-zone a{display:inline-flex;padding:10px 12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;font-size:8px;font-weight:800}.neighborhood-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px}.neighborhood-grid a{position:relative;min-height:185px;overflow:hidden;border-radius:19px}.neighborhood-grid a:first-child{grid-column:1/-1;min-height:210px}.neighborhood-grid img{position:absolute;inset:0;height:100%;object-fit:cover}.neighborhood-grid a::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,11,.9),rgba(4,6,11,.05));content:""}.neighborhood-grid a>span{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:15px}.neighborhood-grid small{display:block;color:var(--cyan);font-size:6px;font-weight:800;letter-spacing:.08em}.neighborhood-grid strong{display:block;margin-top:4px;font-size:15px}.neighborhood-grid b{position:absolute;right:15px;bottom:16px;color:rgba(255,255,255,.6);font-size:6px}.wave-manifesto{display:grid;grid-template-columns:83px 1fr;gap:14px;margin:34px 16px 4px;padding:20px;border:1px solid #313648;border-radius:23px;background:linear-gradient(135deg,#181b29,#0e1018)}.wave-manifesto>span{display:grid;place-items:center;height:95px;border-radius:17px;color:#08101a;background:linear-gradient(145deg,var(--purple),var(--cyan));font-size:48px;font-weight:900}.wave-manifesto p{margin:3px 0 5px;color:var(--blue);font-size:6px;font-weight:900;letter-spacing:.1em}.wave-manifesto h2{margin:0;font-size:16px;line-height:1.35}.wave-manifesto a{display:inline-block;margin-top:12px;color:var(--cyan);font-size:7px;font-weight:800}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,480px);min-height:76px;margin:0 auto;padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid #262a38;border-radius:0;background:rgba(9,10,17,.96);box-shadow:0 -12px 34px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.nav-item{display:flex;align-items:center;justify-content:center;gap:5px;color:#6f7383;font-size:7px;font-weight:700;flex-direction:column}.nav-item svg{width:18px;height:18px}.nav-item.active{color:var(--cyan)}@media(max-width:359px){.home-intro,.section-head{padding-right:15px;padding-left:15px}.wave-hero,.passport-preview,.free-zone,.circuit-map,.wave-manifesto{margin-right:12px;margin-left:12px}.schedule-list,.neighborhood-grid{padding-right:12px;padding-left:12px}.hero-copy h2{font-size:42px}}