:root{--ink:#171815;--paper:#f8f7f2;--white:#fff;--orange:#ff5b35;--acid:#d8ff42;--green:#2fd176;--muted:#777970;--line:rgba(23,24,21,.12);--app-min:320px;--app-max:430px;font-family:'DM Sans',sans-serif;color:var(--ink);background:#e8e8e3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:auto;background:#e8e8e3}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{position:relative;width:clamp(var(--app-min),100%,var(--app-max));height:100dvh;min-height:650px;margin-inline:auto;overflow:hidden;background:var(--paper);box-shadow:0 0 70px rgba(23,24,21,.14)}[hidden]{display:none!important}.map-screen{position:relative;width:100%;height:100%;overflow:hidden}.map-layer,.arrival-map{position:absolute;inset:0;background:#dfe2dc}.map-layer iframe,.arrival-map iframe{width:100%;height:100%;border:0;filter:grayscale(.8) contrast(.82) brightness(1.08)}.map-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(248,247,242,.72),transparent 23%,transparent 58%,rgba(248,247,242,.92) 84%);mix-blend-mode:normal}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:82px;display:flex;align-items:center;gap:9px;padding:18px 18px 10px;background:linear-gradient(var(--paper) 25%,transparent)}.brand{margin-right:auto;color:var(--ink);text-decoration:none;font:18px 'Archivo Black';letter-spacing:-.06em}.brand span{color:var(--orange)}.role-switch{display:flex;align-items:center;gap:7px;height:43px;padding:5px 9px 5px 6px;border:1px solid rgba(23,24,21,.15);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 6px 20px rgba(23,24,21,.07);backdrop-filter:blur(10px)}.role-switch .role-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--acid);font-size:14px}.role-switch small,.role-switch b{display:block;text-align:left}.role-switch small{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em}.role-switch b{margin-top:1px;font:9px 'Archivo Black';letter-spacing:.03em}.role-switch i{font-style:normal;font-size:10px}.avatar{position:relative;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#ffd7b3;box-shadow:3px 3px 0 var(--ink);font-weight:900}.avatar span{position:relative;z-index:1}.avatar:before{content:'';position:absolute;top:4%;width:75%;height:42%;border-radius:50% 50% 35% 35%;background:#25241f}.mini-avatar{width:43px;height:43px;border:0;box-shadow:none}.map-context{position:absolute;z-index:4;top:95px;left:18px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(23,24,21,.12);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 28px rgba(23,24,21,.08);backdrop-filter:blur(10px)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(47,209,118,.15)}.map-context small,.map-context strong{display:block}.map-context small{font-size:7px;color:var(--muted);font-weight:800}.map-context strong{font:9px 'Archivo Black';letter-spacing:.03em}.map-context button{width:27px;height:27px;margin-left:6px;border:0;border-radius:9px;background:#efeee9}.region-pin{position:absolute;z-index:3;display:grid;place-items:center;min-width:52px;padding:6px 8px;border:0;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 6px 20px rgba(23,24,21,.16);transform:translate(-50%,-50%);backdrop-filter:blur(8px)}.region-pin b{font:13px 'Archivo Black'}.region-pin span{font-size:7px;font-weight:800}.region-pin.active{background:var(--ink);color:white}.region-pin.active:after{content:'';position:absolute;bottom:-5px;width:10px;height:10px;background:var(--ink);transform:rotate(45deg)}.seoul{top:37%;left:49%}.incheon{top:43%;left:24%}.suwon{top:54%;left:56%}.user-puck{position:absolute;z-index:2;top:48%;left:42%;width:20px;height:20px;border:5px solid white;border-radius:50%;background:#4285f4;box-shadow:0 0 0 9px rgba(66,133,244,.18),0 3px 12px rgba(0,0,0,.25)}.map-card{position:absolute;z-index:4;left:14px;right:14px;bottom:92px;padding:21px;border:1px solid rgba(23,24,21,.1);border-radius:25px;background:rgba(248,247,242,.95);box-shadow:0 20px 60px rgba(23,24,21,.16);backdrop-filter:blur(16px)}.eyebrow{color:var(--orange);font:8px 'Archivo Black';letter-spacing:.16em}.map-card h1{margin:9px 0 10px;font:37px/.93 'Archivo Black';letter-spacing:-.07em}.map-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.primary-action{width:100%;height:64px;display:flex;align-items:center;gap:11px;margin-top:19px;padding:8px 12px;border:0;border-radius:18px;background:var(--ink);color:#fff;text-align:left;box-shadow:0 7px 0 var(--orange)}.action-ping{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--orange)}.action-ping i{width:12px;height:12px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.17)}.primary-action small,.primary-action b{display:block}.primary-action small{color:#aaa;font-size:7px;font-weight:800}.primary-action b{margin-top:2px;font:15px 'Archivo Black';letter-spacing:-.02em}.primary-action em{margin-left:auto;font-size:20px;font-style:normal}.bottom-nav{position:absolute;z-index:6;left:10px;right:10px;bottom:10px;height:66px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border:1px solid rgba(23,24,21,.12);border-radius:21px;background:rgba(255,255,255,.95);box-shadow:0 12px 36px rgba(23,24,21,.15);backdrop-filter:blur(15px)}.bottom-nav button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;border:0;border-radius:16px;background:transparent;color:#94958e}.bottom-nav button>span{font-size:18px}.bottom-nav button>b{font:7px 'Archivo Black';letter-spacing:.04em}.bottom-nav button.active{background:var(--ink);color:white}.bottom-nav button>i{position:absolute;top:5px;right:14px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;font-size:7px;font-style:normal;font-weight:900}.sheet{position:absolute;z-index:var(--z-sheet,45);left:0;right:0;bottom:0;max-height:91%;padding:9px 19px max(22px,env(safe-area-inset-bottom));overflow:auto;border-radius:28px 28px 0 0;background:var(--paper);box-shadow:0 -20px 70px rgba(23,24,21,.22);animation:rise .3s ease}.sheet-handle{width:42px;height:4px;margin:0 auto 16px;border-radius:99px;background:#d2d1cb}.sheet-head,.view-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2,.view-head h2{margin:5px 0 0;font:28px 'Archivo Black';letter-spacing:-.06em}.close-button,.back-button,.filter-button{width:40px;height:40px;border:0;border-radius:13px;background:#ecebe5;font-size:21px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:23px 0}.categories button{min-width:0;height:66px;display:grid;place-items:center;align-content:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:16px;background:white}.categories button span{font-size:21px}.categories button b{font-size:8px}.categories button.selected{border:2px solid var(--ink);background:var(--acid)}.request-input{position:relative;display:block}.request-input>span{display:block;margin:0 0 7px 4px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.request-input textarea{width:100%;height:112px;padding:14px 15px 27px;resize:none;border:1px solid var(--line);border-radius:17px;outline:0;background:white;font-size:13px;line-height:1.5}.request-input textarea:focus{border:2px solid var(--ink)}.request-input>small{position:absolute;right:12px;bottom:9px;color:#aaa;font-size:8px}.photo-drop{position:relative;display:flex;align-items:center;gap:11px;margin-top:10px;padding:10px;border:1px dashed #b9b8b1;border-radius:16px;background:#f1f0eb;cursor:pointer}.photo-drop>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:white;font-size:20px}.photo-drop b,.photo-drop small{display:block}.photo-drop b{font-size:10px}.photo-drop small{margin-top:2px;color:var(--muted);font-size:8px}.photo-drop img{width:48px;height:48px;margin-left:auto;border-radius:11px;object-fit:cover}.location-lock{display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px;border-radius:15px;background:#edebe4}.location-lock>span{font-size:18px}.location-lock small,.location-lock b{display:block}.location-lock small{color:var(--muted);font-size:7px}.location-lock b{font-size:10px}.location-lock em{margin-left:auto;color:var(--muted);font-size:7px;font-style:normal}.post-button{width:100%;height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;border-radius:16px;background:var(--orange);color:#fff}.post-button span{font:14px 'Archivo Black'}.post-button em{font-size:8px;font-style:normal;font-weight:900}.backdrop{position:absolute;inset:0;z-index:var(--z-sheet-backdrop,40);background:rgba(23,24,21,.37);backdrop-filter:blur(2px)}.full-view{position:absolute;z-index:15;inset:0;background:var(--paper);animation:slide .28s ease}.view-head{height:88px;padding:17px 18px 10px}.view-head>div{flex:1;margin-left:13px}.request-feed{display:flex;flex-direction:column;background:#efeee9}.feed-progress{display:flex;gap:4px;padding:6px 18px 13px}.feed-progress i{height:3px;flex:1;border-radius:99px;background:#d0cec6}.feed-progress i.active{background:var(--orange)}.request-stack{position:relative;flex:1;margin:0 14px 74px;overflow:hidden}.request-card{position:absolute;inset:0;display:grid;grid-template-rows:42% 58%;overflow:hidden;border:1px solid var(--line);border-radius:27px;background:white;box-shadow:0 18px 50px rgba(23,24,21,.13);transform:translateY(110%);transition:transform .35s ease}.request-card.current{transform:translateY(0)}.request-media{display:grid;place-items:center;align-content:center;gap:8px;background:#d9d7cf}.request-media>span{font-size:66px;filter:drop-shadow(0 12px 10px rgba(0,0,0,.12))}.request-media>small{font:7px 'Archivo Black';letter-spacing:.12em}.food-media{background:linear-gradient(145deg,#f4c990,#d98c55)}.transit-media{background:linear-gradient(145deg,#b9dcf6,#6fa6d5)}.request-body{padding:17px 18px;overflow:auto}.request-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:800}.request-meta em{font-style:normal}.category-tag{display:inline-block;margin:13px 0 8px;padding:5px 7px;border-radius:7px;background:#fff0eb;color:#d94422;font-size:7px;font-weight:900}.request-body h3{margin:0;font:21px/1.12 'Archivo Black';letter-spacing:-.055em}.request-body>p{margin:9px 0;color:var(--muted);font-size:10px;line-height:1.5}.distance{display:flex;align-items:center;gap:9px;margin:12px 0;padding:10px;border-radius:13px;background:#f1f0eb}.distance>span{font-size:18px}.distance small,.distance b{display:block}.distance small{color:var(--muted);font-size:7px}.distance b{font-size:9px}.distance em{margin-left:auto;color:#39995d;font-size:8px;font-style:normal;font-weight:900}.help-button{width:100%;height:48px;border:0;border-radius:14px;background:var(--ink);color:white;font:12px 'Archivo Black'}.help-button span{float:right;margin-right:10px}.next-request{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);border:0;background:transparent;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.next-request span{margin-left:5px;color:var(--orange)}.arrival-view{background:#dfe2dc}.arrival-map{bottom:43%}.travel-line{position:absolute;top:34%;left:26%;width:45%;height:2px;border-top:2px dashed var(--orange);transform:rotate(-14deg)}.travel-line i{position:absolute;top:-6px;width:11px;height:11px;border:3px solid white;border-radius:50%;background:var(--orange)}.travel-line i:last-child{right:0}.npc-puck,.traveler-puck{position:absolute;width:43px;height:43px}.npc-puck{top:29%;left:22%}.traveler-puck{top:21%;right:23%;background:#a9cef7}.arrival-close{position:absolute;z-index:4;top:20px;right:20px}.arrival-panel{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:48%;padding:25px 22px max(25px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:var(--paper)}.arrival-panel h2{margin:8px 0 17px;font:34px/.94 'Archivo Black';letter-spacing:-.07em}.guide-row{display:flex;align-items:center;gap:11px;padding:12px;border-radius:15px;background:white;border:1px solid var(--line)}.guide-row .avatar{width:42px;height:42px}.guide-row b,.guide-row small{display:block}.guide-row b{font-size:10px}.guide-row small{margin-top:3px;color:var(--muted);font-size:8px}.guide-row em{margin-left:auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--acid);font-size:11px;font-style:normal}.eta{display:flex;align-items:baseline;margin-top:20px}.eta span{margin-right:auto;color:var(--muted);font-size:8px;font-weight:900}.eta strong{font:42px 'Archivo Black';letter-spacing:-.06em}.eta b{margin-left:4px;font:9px 'Archivo Black'}.eta-bar{height:6px;margin-top:7px;overflow:hidden;border-radius:99px;background:#dddcd5}.eta-bar i{display:block;width:0;height:100%;background:var(--orange);transition:width 1s linear}.arrival-panel>p{color:var(--muted);font-size:8px;text-align:center}.chat-view{display:grid;grid-template-rows:76px auto 1fr auto auto;background:#e9e8e2}.chat-head{display:flex;align-items:center;gap:10px;padding:13px 15px;background:var(--paper);border-bottom:1px solid var(--line)}.chat-head .avatar{width:40px;height:40px}.chat-head>div:nth-of-type(2){flex:1}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:11px}.chat-head small{margin-top:3px;color:var(--muted);font-size:8px}.chat-head small i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--green)}.chat-head>button:last-child{border:0;background:transparent}.request-summary{display:flex;align-items:center;gap:10px;margin:10px 14px;padding:9px 12px;border-radius:14px;background:white;border:1px solid var(--line)}.request-summary>span{font-size:23px}.request-summary small,.request-summary b{display:block}.request-summary small{color:var(--orange);font-size:7px;font-weight:900}.request-summary b{margin-top:2px;font-size:9px}.messages{min-height:0;padding:13px 15px;overflow:auto}.day-label{margin:5px 0 18px;color:#999;text-align:center;font-size:7px;font-weight:900}.message{max-width:84%;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:6px;margin-bottom:14px}.message .avatar{width:29px;height:29px;border-width:1px;box-shadow:none;font-size:9px}.message p{margin:0;padding:11px 13px;border-radius:16px 16px 16px 4px;background:white;font-size:10px;line-height:1.55}.message time{color:#999;font-size:7px}.message.traveler{grid-template-columns:auto auto;margin-left:auto}.message.traveler p{grid-column:1;border-radius:16px 16px 4px 16px;background:var(--acid)}.composer{display:flex;gap:7px;margin:5px 12px 7px;padding:6px;border-radius:17px;background:white;border:1px solid var(--line)}.composer button{width:39px;height:39px;border:0;border-radius:12px;background:#ecebe6}.composer input{min-width:0;flex:1;border:0;outline:0;font-size:11px}.composer .send-button{background:var(--ink);color:white}.solved-button{height:42px;margin:0 12px max(12px,env(safe-area-inset-bottom));border:0;border-radius:14px;background:#dfe9de;color:#277345;font-size:9px;font-weight:900}.profile-view{overflow:auto;background:#efeee9}.profile-hero{display:grid;place-items:center;padding:15px 20px 19px}.big-avatar{width:93px;height:93px;font-size:25px;background:#b8d7f7;box-shadow:7px 7px 0 var(--ink)}.big-avatar i{position:absolute;right:-4px;bottom:1px;width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:11px;background:var(--acid);font-size:13px;font-style:normal}.profile-hero h2{margin:16px 0 2px;font:27px 'Archivo Black'}.profile-hero p{margin:0;color:var(--muted);font-size:10px}.profile-hero>span{margin-top:9px;padding:5px 8px;border-radius:7px;background:var(--orange);color:white;font-size:7px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 15px 13px;border-radius:18px;background:var(--ink);color:white}.stats div{padding:15px 10px;border-right:1px solid rgba(255,255,255,.13);text-align:center}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font:24px 'Archivo Black'}.stats span{margin-top:4px;color:#aaa;font-size:7px;font-weight:900;line-height:1.35}.profile-card{margin:10px 15px;padding:17px;border:1px solid var(--line);border-radius:19px;background:white}.identity-row{display:flex;align-items:end;justify-content:space-between;margin-top:13px}.identity-row b,.identity-row strong{display:block}.identity-row b{color:var(--muted);font-size:7px}.identity-row strong{margin-top:4px;font-size:12px}.identity-row em{padding:5px 7px;border-radius:7px;background:var(--acid);font-size:7px;font-style:normal;font-weight:900}.progress-copy{display:flex;justify-content:space-between;margin-top:17px;color:var(--muted);font-size:7px}.profile-progress{height:6px;margin-top:6px;border-radius:99px;background:#e3e2dc}.profile-progress i{display:block;width:80%;height:100%;border-radius:99px;background:var(--orange)}.souvenirs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.souvenirs div{height:62px;display:grid;place-items:center;align-content:center;gap:4px;border-radius:14px;background:#f0efe9;font-size:24px}.souvenirs small{font-size:7px;font-weight:800}.souvenirs .locked{color:#aaa;filter:grayscale(1)}.slogan{margin:30px 20px 45px;font:23px/1 'Archivo Black';letter-spacing:-.05em}.slogan span{color:var(--orange)}.toast{position:absolute;z-index:50;left:18px;right:18px;top:22px;display:flex;align-items:center;gap:10px;padding:13px;border-radius:16px;background:var(--ink);color:white;box-shadow:0 14px 40px rgba(0,0,0,.25);animation:drop .3s ease}.toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--green)}.toast b,.toast small{display:block}.toast b{font-size:11px}.toast small{margin-top:2px;color:#aaa;font-size:8px}.role-switch.npc .role-icon{background:var(--orange);color:white}.role-switch.npc+.mini-avatar{background:#ffd7b3}@keyframes rise{from{transform:translateY(100%)}}@keyframes slide{from{transform:translateX(100%)}}@keyframes drop{from{transform:translateY(-25px);opacity:0}}@media(min-width:700px){body:before{content:'COOKED 3.0';position:fixed;left:42px;top:35px;font:13px 'Archivo Black';letter-spacing:.1em;color:#888}body:after{content:"Every traveler is someone's NPC.";position:fixed;right:42px;bottom:35px;width:170px;font:27px/.95 'Archivo Black';letter-spacing:-.06em;color:#b5b5ae}.app{margin-top:0}}@media(max-height:720px){.map-card{bottom:82px;padding:17px}.map-card h1{font-size:31px}.primary-action{margin-top:14px}.categories{margin:17px 0}.request-input textarea{height:95px}}