.shell{height:100%;display:flex}.rail{width:224px;flex:none;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:18px 12px calc(14px + env(safe-area-inset-bottom));z-index:20}.rail-brand{font-family:Archivo;font-weight:800;font-size:20px;letter-spacing:-.03em;padding:0 10px 6px;white-space:nowrap;overflow:hidden}.rail-brand em{font-style:normal;color:var(--amber)}.rail nav{margin-top:20px;display:flex;flex-direction:column;gap:3px}.rail nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#ffffffa8;font-weight:500;font-size:14px;text-align:left;white-space:nowrap;position:relative;transition:background .16s,color .16s,transform .12s var(--ease)}.rail nav button:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.rail nav button:active{transform:scale(.97)}.rail nav button.on{background:#ffffff24;color:#fff;font-weight:600}.rail nav button.on:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3.5px;height:22px;border-radius:0 3px 3px 0;background:var(--amber);animation:pop .3s var(--ease)}.rail nav svg{width:21px;height:21px;flex:none}.rail nav .badge{margin-left:auto;font-family:JetBrains Mono;font-size:11px;font-weight:700;background:var(--amber);color:#3d2a05;border-radius:5px;padding:1px 5px}.ready-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;background:#ffffff14;color:#ffffffd9;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;transition:background .25s,color .25s}.ready-btn .sw{width:40px;height:23px;border-radius:12px;background:#ffffff38;position:relative;flex:none;transition:background .25s}.ready-btn .sw b{position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}.ready-btn.on{background:var(--amber);color:#3d2a05;animation:pulse 2.2s infinite}.ready-btn.on .sw{background:#3d2a054d}.ready-btn.on .sw b{transform:translate(17px)}.rail-foot{margin-top:auto;padding:0 2px}.rail-who{padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:12px;display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:hidden}.rail-who .av{width:34px;height:34px;border-radius:9px;background:var(--amber);color:#3d2a05;display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:14px;flex:none}.rail-who b{display:block;font-size:13px;font-weight:600}.rail-who span{font-size:11px;color:#ffffff80}@media(max-width:860px){.rail{width:66px;padding:14px 9px calc(12px + env(safe-area-inset-bottom))}.rail-brand{font-size:15px;padding:0 4px 4px;text-align:center}.rail-brand .full{display:none}.rail nav button{justify-content:center;padding:12px 0;gap:0}.rail nav .lbl,.rail nav .badge{display:none}.ready-btn{justify-content:center;padding:11px 0}.ready-btn .txt{display:none}.rail-who{justify-content:center;padding-left:0;padding-right:0}.rail-who .info{display:none}}@media(min-width:861px){.rail-brand .short{display:none}}.main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.views{flex:1;position:relative;overflow:hidden}.view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .3s var(--ease)}.view-pad{padding:22px 22px 30px;max-width:940px;animation:slideL .38s var(--ease)}@media(max-width:860px){.view-pad{padding:16px 14px 24px}}.stag{animation:fadeUp .4s var(--ease) both}.auth{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--paper);display:flex;justify-content:center;overflow-y:auto}.auth-col{width:min(480px,100%);display:flex;flex-direction:column;min-height:100%;padding:0 20px}.auth-top{padding-top:26px}.auth-brand{font-family:Archivo;font-weight:800;font-size:23px;letter-spacing:-.03em}.auth-brand em{font-style:normal;color:var(--amber)}.steps{display:flex;gap:6px;margin-top:18px}.steps i{flex:1;height:4px;background:var(--line);border-radius:2px;overflow:hidden;position:relative}.steps i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.steps i.on:after{transform:scaleX(1)}.auth-body{flex:1;padding:26px 0 18px}.auth-lede{color:var(--ink-2);font-size:15px;margin:6px 0 22px}.auth-foot{padding:12px 0 calc(22px + env(safe-area-inset-bottom))}.sfield{animation:fadeUp .4s var(--ease) both}.pick-map{height:210px;border-radius:12px;overflow:hidden;border:1px solid var(--line);position:relative;margin-bottom:12px}.pick-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:30px;height:30px;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.tg-box{background:var(--blue-soft);border:1px solid #C4DCEC;border-radius:12px;padding:16px;margin-bottom:16px}.tg-who{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tg-ava{width:38px;height:38px;border-radius:50%;background:#229ed9;display:grid;place-items:center;color:#fff;flex:none}.code-in{width:100%;height:64px;text-align:center;font-family:JetBrains Mono;font-size:30px;font-weight:700;letter-spacing:.32em;text-indent:.32em;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);outline:none;transition:border-color .18s,box-shadow .18s}.code-in:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1b5e8c1f}.map-wrap,.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.map-ui{position:absolute;left:0;right:0;top:0;z-index:5;pointer-events:none}.filters{display:flex;gap:8px;padding:14px;overflow-x:auto;pointer-events:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters .chip{box-shadow:0 1px 5px #12212e21;animation:fadeUp .4s var(--ease) both}.map-btns{position:absolute;right:14px;z-index:5;display:flex;flex-direction:column;gap:8px;transition:bottom .3s var(--ease)}.map-btn{width:46px;height:46px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 7px #12212e26;display:grid;place-items:center;color:var(--ink-2);transition:transform .14s var(--ease),background .18s,color .18s}.map-btn:hover{transform:translateY(-2px)}.map-btn:active{transform:scale(.92)}.map-btn.on{background:var(--ink);color:#fff;border-color:var(--ink)}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:6;background:var(--surface);border-radius:16px 16px 0 0;box-shadow:0 -3px 20px #12212e29;display:flex;flex-direction:column;transition:height .3s var(--ease);animation:sheetUp .5s var(--ease)}.sheet-grab{padding:9px 0 5px;display:flex;justify-content:center;flex:none;cursor:pointer}.sheet-grab i{width:38px;height:4px;border-radius:2px;background:var(--line-2);transition:background .2s}.sheet-grab:hover i{background:var(--ink-3)}.sheet-head{flex:none;padding:2px 16px 10px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line)}.sheet-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.maplibregl-ctrl-attrib{font-size:10px}.course{padding:14px;margin-bottom:10px}.course-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.course h3{margin-bottom:3px}.course-foot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line);margin-top:10px}.price{font-family:JetBrains Mono;font-weight:700;font-size:16px;letter-spacing:-.03em}.free{color:var(--green)}.me{display:flex;gap:14px;align-items:center;padding:16px;margin-bottom:14px}.me-ava{width:58px;height:58px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Archivo;font-weight:800;font-size:22px;flex:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat{padding:13px;text-align:center}.stat b{display:block;font-family:JetBrains Mono;font-weight:700;font-size:20px;letter-spacing:-.04em}.stat span{font-size:11.5px;color:var(--ink-3)}.menu{overflow:hidden;margin-bottom:16px}.menu button{display:flex;align-items:center;gap:13px;width:100%;padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:15px;font-weight:500;background:var(--surface);transition:background .15s,padding-left .18s var(--ease)}.menu button:hover{background:var(--paper);padding-left:20px}.menu button:last-child{border-bottom:none}.menu .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none}.menu .n{flex:1}.menu .cnt{font-family:JetBrains Mono;font-size:13px;font-weight:700;color:var(--ink-3)}.chat{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--paper)}.chat-head{flex:none;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.chat-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chat-note{align-self:center;font-size:12.5px;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:6px;text-align:center}.bubble{max-width:min(72%,460px);padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.45;position:relative}.bubble.me{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.bubble.them{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble .time{display:block;font-size:10.5px;margin-top:4px;opacity:.62;font-family:JetBrains Mono}.chat-input{flex:none;display:flex;gap:8px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.chat-input input{flex:1;min-height:46px;padding:0 15px;background:var(--paper);border:1.5px solid var(--line);border-radius:23px;outline:none;transition:border-color .18s}.chat-input input:focus{border-color:var(--blue)}.chat-send{width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;flex:none;display:grid;place-items:center;transition:transform .14s var(--ease),background .18s}.chat-send:hover{transform:scale(1.06)}.chat-send:active{transform:scale(.92)}.chat-send:disabled{background:var(--line-2);transform:none;cursor:not-allowed}.bell{position:relative;width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;color:#ffffffb3;transition:background .16s,color .16s,transform .12s var(--ease)}.bell:hover{background:#ffffff17;color:#fff}.bell:active{transform:scale(.92)}.bell .cnt{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--clay);color:#fff;font-size:10px;font-weight:700;font-family:JetBrains Mono;display:grid;place-items:center;animation:pop .3s var(--ease)}.rail-top{display:flex;align-items:center;justify-content:space-between;gap:6px}@media(max-width:860px){.rail-top{flex-direction:column;gap:8px}}.notif{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line);align-items:flex-start}.notif:last-child{border-bottom:none}.notif.unread{background:var(--blue-soft)}.notif .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none}.notif .tx{flex:1;min-width:0;font-size:14px;line-height:1.45}.notif .tm{font-size:11.5px;color:var(--ink-3);margin-top:4px;font-family:JetBrains Mono}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--paper);padding:24px}.splash .auth-brand{font-family:Archivo;font-weight:800;font-size:26px;letter-spacing:-.03em}.splash .auth-brand em{font-style:normal;color:var(--amber-ink)}.spinner{width:26px;height:26px;border:2.5px solid var(--line-2);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.notice{background:var(--amber-soft,#FDF6E9);border:1px solid var(--amber,#E8A33D);border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.55;color:var(--ink-2)}.tag.source{background:var(--paper);color:var(--ink-3);border:1px solid var(--line)}