@font-face{font-family:OTWONO Brush;src:url('app/otwono-brush.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--mint:#b4efd4;--purple:#c6adff;--ink:#071218;--line:#36534e}
*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:#e7f6ef;font:14px/1.5 system-ui,sans-serif}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select,textarea,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--purple)}a{color:var(--mint)}button{border:1px solid var(--line);border-radius:10px;background:#10262c;color:#e6f5ef;padding:9px 13px;min-height:42px}button.primary,a.primary{background:var(--mint);color:#082119;border:0;font-weight:700}button[aria-pressed=true],button[aria-selected=true]{background:#25453d;border-color:var(--mint);color:#d9ffeb}.muted{color:#a8c0b8;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
.earth-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:7px 18px;flex:none}.earth-brand{font:24px OTWONO Brush,sans-serif;letter-spacing:-.05em;word-spacing:.17em;white-space:nowrap;text-decoration:none;color:var(--mint)}.earth-brand span{color:var(--purple)}.earth-header nav{display:flex;gap:12px;align-items:center}.earth-header nav>a{font-size:12px;text-decoration:none}.earth-header summary{list-style:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;width:42px;height:42px}.earth-header summary::-webkit-details-marker{display:none}.earth-header .links{position:absolute;right:14px;top:54px;z-index:80;background:#102028;border:1px solid var(--line);border-radius:15px;box-shadow:0 14px 50px #0009;width:250px;padding:18px;display:grid;gap:14px}.links a{text-decoration:none;padding:4px}.earth-toolbar{flex:none;display:flex;align-items:center;gap:16px;padding:0 18px 10px;border-bottom:1px solid #203c37}.earth-modes{display:flex;padding:3px;background:#0d1e23;border:1px solid var(--line);border-radius:12px}.earth-modes button{min-height:36px;padding:5px 14px;border:0;background:none}.earth-modes button[aria-pressed=true]{background:#284d40}.earth-toolbar form{display:flex;gap:6px;flex:1;max-width:640px}.earth-toolbar input{min-width:0;flex:1;border:1px solid var(--line);border-radius:10px;background:#0e2228;color:#f5fff8;padding:10px 13px}.earth-toolbar .voice-button{width:43px;padding:7px;font-size:20px}.earth-toolbar .voice-button[aria-pressed=true]{color:#f6b3cc;border-color:#f6b3cc}.earth-stage{position:relative;flex:1;min-height:0}.earth-frame{position:absolute;inset:0;border:0;width:100%;height:100%}.earth-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:50;background:#10272bf2;border:1px solid var(--line);padding:10px 16px;max-width:90%;border-radius:12px;pointer-events:none}.earth-status:empty{display:none}.maps-launch{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#081b20ee;box-shadow:0 8px 40px #0005;white-space:nowrap}.maps-panel{position:absolute;left:14px;top:14px;bottom:100px;width:370px;z-index:40;background:#0a1b22f7;backdrop-filter:blur(18px);border:1px solid #50766a;border-radius:20px;box-shadow:0 16px 50px #0006;display:flex;flex-direction:column;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);flex:none}.panel-heading h2{font:27px OTWONO Brush,sans-serif;color:var(--mint);margin:0}.panel-heading button{padding:5px 10px;min-height:34px}.panel-body{overflow:auto;overscroll-behavior:contain;padding:16px 18px;flex:1;min-height:0}.panel-body h3{font-size:15px;margin:20px 0 8px;color:var(--mint)}.panel-body label,.earth-dialog label{display:block;font-size:12px;color:#bfd6cb;margin:8px 0}.panel-body input:not([type=checkbox]),.panel-body select,.panel-body textarea,.earth-dialog input,.earth-dialog select{display:block;width:100%;min-width:0;border:1px solid var(--line);background:#0b171f;border-radius:9px;color:#f1fff7;padding:10px;margin-top:4px}.panel-body textarea{resize:vertical;min-height:100px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stop-list{list-style:none;margin:14px 0;padding:0}.stop{position:relative;padding:4px 0 8px 25px;border-left:1px solid #4d7866;margin-left:10px}.stop:last-child{border-left-color:transparent}.stop:before{content:attr(data-number);position:absolute;left:-12px;top:18px;width:23px;height:23px;border-radius:50%;background:#b4efd4;color:#082119;display:grid;place-items:center;font-size:11px;font-weight:700}.stop label{margin:0}.stop input{margin-top:4px!important}.stop-actions{display:flex;gap:4px;margin-top:5px}.stop-actions button{font-size:11px;min-height:30px;padding:3px 9px}.stop-add{width:100%;border-style:dashed;color:var(--mint)}.inline-options{display:flex;flex-wrap:wrap;gap:5px 14px}.inline-options label{display:flex;align-items:center;gap:7px}.inline-options input{accent-color:var(--mint)}.maps-note{border-left:2px solid var(--purple);padding:8px 12px;background:#17232f;border-radius:0 8px 8px 0;font-size:12px;line-height:1.65;color:#cadacf}.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.form-actions>*{flex:1;white-space:nowrap}.route-card{display:block;text-align:left;width:100%;padding:12px;margin:8px 0}.route-card strong{display:block;color:var(--mint)}.route-card span{font-size:12px;display:block;margin-top:4px}.route-card.selected{border:2px solid var(--mint)}.directions-links{display:grid;gap:8px}.directions-links a,.maps-link{display:block;text-align:center;text-decoration:none;padding:11px;border-radius:10px;border:1px solid var(--line);font-weight:600}.route-steps{padding-left:20px;color:#c9dbd1;font-size:12px}.route-steps li{margin:8px 0}.earth-dialog{background:#0b1d24;color:#e5f5ec;border:1px solid #557b6c;border-radius:20px;padding:24px;width:min(720px,92vw);max-height:85dvh;line-height:1.7}.earth-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.earth-dialog h2{font:32px OTWONO Brush;color:var(--mint)}.earth-dialog h3{color:var(--purple);font-size:16px}.dialog-close{float:right}.library-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.library-tools input{flex:1;min-width:120px}.library-item{border:1px solid var(--line);padding:16px;border-radius:12px;margin:12px 0}.library-item h3{margin:0;font:600 16px system-ui}.library-item .form-actions button{font-size:12px;flex:initial}.drive-panel{position:absolute;z-index:45;left:50%;bottom:40px;transform:translateX(-50%);width:min(520px,calc(100% - 24px));background:#0a1d23fa;border:1px solid #7daf94;border-radius:20px;padding:20px;box-shadow:0 12px 40px #0008}.drive-panel h2{font-size:14px;color:var(--purple);margin:0 0 8px}.drive-panel h3{font-size:23px;margin:5px 0 14px}.drive-panel button,.drive-panel a{min-height:48px}.drive-panel .dialog-close{min-height:34px}.save-dialog{width:min(460px,92vw)}
@media(max-width:700px){.earth-header{min-height:50px;padding:5px 10px}.earth-brand{font-size:21px}.earth-header nav{gap:7px}.source-header,.help-header{display:none!important}.earth-toolbar{padding:0 10px 8px;gap:8px;flex-wrap:wrap}.earth-toolbar form{max-width:none;order:1;flex-basis:100%}.earth-toolbar input{font-size:16px;padding:9px 11px}.earth-modes{padding:2px;border:0;background:none}.earth-modes button{min-height:34px;padding:4px 14px}.mode-row{display:flex;align-items:center;gap:12px}.earth-toolbar .earth-modes{order:2}.earth-access{font-size:11px;color:#a6bdb3;order:3}.maps-panel{left:8px;right:8px;width:auto;top:auto;bottom:86px;max-height:calc(100% - 100px);border-radius:20px}.panel-heading{padding:12px 14px}.panel-body{padding:10px 14px}.maps-launch{bottom:30px;width:calc(100% - 16px);justify-content:center;border-radius:13px;gap:5px;padding:5px}.maps-launch button{padding:8px 12px;flex:1;font-size:12px}.earth-status{top:8px;font-size:12px;max-width:95%;width:max-content}.drive-panel{bottom:30px}.earth-dialog{padding:20px}.input-row{gap:8px}}
@media(max-width:370px){.earth-brand{font-size:18px}.earth-header nav>a{font-size:11px}.earth-header{gap:5px}.maps-launch button{padding:8px}.earth-access{max-width:130px;font-size:10px}.earth-toolbar .voice-button{width:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.earth-toolbar .voice-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;width:auto;min-width:79px;font-size:14px;padding:8px 10px}.voice-button svg{flex:none;width:18px}.earth-talk-status{margin:0;padding:5px 18px 7px;flex:none;color:#b7d2c7;font-size:12px;line-height:1.4;background:#0a1a20}.earth-toolbar:has(.voice-button[aria-pressed=true]){border-bottom-color:#b4efd4}@media(max-width:700px){.earth-talk-status{padding:4px 10px 6px;font-size:11px}.earth-toolbar form{gap:5px}.earth-toolbar .voice-button{min-width:74px;padding:8px}.earth-toolbar input{padding-left:8px}.earth-toolbar #earth-find{padding:8px 10px}}