*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f2e9db;--paper-alt:#ebe0d0;--ink:#1a150f;--ink-muted:#6a5e4e;--forest:#1c3828;--forest-hover:#274f39;--amber:#b57228;--amber-light:#d08c42;--card:#faf4eb;--border:#d5cab6;--border-light:#e5ddd0;--error:#7a1f1f;--error-bg:#f8eded;--skeleton-base:#ddd5c5;--skeleton-shim:#ede5d8;--shadow-card:0 1px 3px rgba(26,21,15,.07),0 4px 18px rgba(26,21,15,.04);--font-display:var(--cormorant),Georgia,"Times New Roman",serif;--font-body:var(--dm-sans),system-ui,-apple-system,sans-serif}html{text-size-adjust:100%}body,html{background:var(--paper)}body{font-family:var(--font-body);color:var(--ink);min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{max-width:480px;margin:0 auto;padding:0 22px max(40px,env(safe-area-inset-bottom,40px))}.app-header{padding:52px 0 28px;text-align:center}.status-banner{border:1px solid var(--border);background:var(--card);border-radius:2px;padding:10px 12px;margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.status-text{font-size:.8rem;color:var(--ink-muted)}.status-checking{border-color:var(--border)}.status-ready{border-color:rgba(28,56,40,.25);background:rgba(28,56,40,.04)}.status-ready .status-text{color:var(--forest)}.status-warming{border-color:rgba(181,114,40,.4);background:rgba(181,114,40,.08)}.status-offline{border-color:rgba(122,31,31,.35);background:var(--error-bg)}.app-wordmark{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);line-height:1}.app-tagline{margin-top:10px;font-size:.75rem;font-weight:300;color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase}.header-rule{display:flex;align-items:center;gap:10px;margin:20px auto 0;max-width:120px}.header-rule:after,.header-rule:before{content:"";flex:1 1;height:1px;background:var(--border)}.header-rule-diamond{width:5px;height:5px;background:var(--amber);transform:rotate(45deg);flex-shrink:0}.location-prompt{text-align:center;padding:24px 0 20px}.location-icon-wrap{color:var(--forest);margin-bottom:18px;display:flex;justify-content:center}.location-heading{font-family:var(--font-display);font-size:1.875rem;font-weight:600;line-height:1.15;color:var(--ink);margin-bottom:8px}.location-subtext{font-size:.8125rem;color:var(--ink-muted);margin-bottom:28px;line-height:1.5}.btn-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:16px 24px;background:var(--forest);color:#f5f0e8;font-family:var(--font-body);font-size:.9375rem;font-weight:500;letter-spacing:.03em;border:none;border-radius:2px;cursor:pointer;transition:background .2s ease,transform .12s ease,box-shadow .2s ease}.btn-primary:hover:not(:disabled){background:var(--forest-hover);box-shadow:0 4px 14px rgba(28,56,40,.25)}.btn-primary:active:not(:disabled){transform:scale(.985)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:13px 16px;background:transparent;color:var(--forest);font-family:var(--font-body);font-size:.875rem;font-weight:400;border:1px solid var(--border);border-radius:2px;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.btn-secondary:hover:not(:disabled){border-color:var(--forest);background:rgba(28,56,40,.03)}.btn-secondary:disabled{opacity:.38;cursor:not-allowed}.btn-ghost{background:transparent;border:none;color:var(--amber);font-family:var(--font-body);font-size:.8125rem;font-weight:400;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:rgba(181,114,40,.4);text-decoration-color:rgba(181,114,40,.4);transition:color .15s ease}.btn-ghost:hover:not(:disabled){color:var(--amber-light)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.or-separator{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--ink-muted);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase}.or-separator:after,.or-separator:before{content:"";flex:1 1;height:1px;background:var(--border-light)}.coords-form{display:grid;grid-gap:12px;gap:12px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.form-input{padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:2px;font-family:var(--font-body);font-size:.9375rem;color:var(--ink);outline:none;width:100%;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none}.form-input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(28,56,40,.09)}.form-input::placeholder{color:var(--border)}.coords-actions{display:grid;grid-gap:8px;gap:8px;margin-top:4px}.dev-section{margin-top:30px;padding-top:18px;border-top:1px solid var(--border-light);display:flex;justify-content:center}.dev-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;color:var(--ink-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dev-label input[type=checkbox]{accent-color:var(--forest);width:14px;height:14px;cursor:pointer}.dev-badge{font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--paper-alt);color:var(--ink-muted);border:1px solid var(--border);border-radius:2px;padding:1px 5px}.error-banner{background:var(--error-bg);border:1px solid rgba(122,31,31,.18);border-radius:2px;padding:14px 16px;margin:16px 0;display:flex;flex-direction:column;gap:10px}.error-text{color:var(--error);font-size:.875rem;line-height:1.55}.stories-header{display:flex;align-items:baseline;justify-content:space-between;margin:32px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.stories-heading{font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:.03em;color:var(--ink)}.stories-count{font-size:.6875rem;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase}.stories-list{display:flex;flex-direction:column;gap:10px}.story-card{background:var(--card);border:1px solid var(--border-light);border-radius:2px;padding:20px 20px 16px;box-shadow:var(--shadow-card);animation:fade-up .38s ease both}.story-card:first-child{animation-delay:0ms}.story-card:nth-child(2){animation-delay:75ms}.story-card:nth-child(3){animation-delay:.15s}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.story-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.story-number{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--amber);letter-spacing:.06em;line-height:1;flex-shrink:0}.story-category{font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.story-title{font-family:var(--font-display);font-size:1.4375rem;font-weight:600;line-height:1.2;color:var(--ink);margin-bottom:8px;letter-spacing:.01em}.story-excerpt{font-size:.875rem;color:var(--ink-muted);line-height:1.65;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-footer{justify-content:space-between}.story-distance,.story-footer{display:flex;align-items:center}.story-distance{font-size:.75rem;color:var(--ink-muted);letter-spacing:.02em;gap:5px}.story-distance-dot{width:5px;height:5px;background:var(--amber);border-radius:50%;flex-shrink:0}.btn-read{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--forest);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;padding:0;letter-spacing:.01em;transition:color .15s ease,gap .15s ease}.btn-read:hover{color:var(--amber);gap:8px}.btn-read-arrow{transition:transform .15s ease;display:inline-block}.btn-read:hover .btn-read-arrow{transform:translateX(2px)}.skeleton-card{background:var(--card);border:1px solid var(--border-light);border-radius:2px;padding:20px}.skeleton-line{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shim) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:2px;height:13px;margin-bottom:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.article-page{max-width:480px;margin:0 auto;padding:0 22px max(60px,env(safe-area-inset-bottom,60px))}.article-nav{padding:28px 0 20px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--forest);font-size:.875rem;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:color .15s ease,gap .15s ease}.back-link:hover{color:var(--amber);gap:10px}.back-arrow{display:inline-block;transition:transform .15s ease}.back-link:hover .back-arrow{transform:translateX(-2px)}.article-header{margin-bottom:28px}.article-meta{display:flex;align-items:center;gap:6px;margin-bottom:14px}.article-category-tag{font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(181,114,40,.35);border-radius:2px;padding:2px 7px}.article-date{font-size:.6875rem;color:var(--ink-muted);letter-spacing:.04em}.article-meta-sep{color:var(--border);font-size:.625rem}.article-title{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.625rem);font-weight:700;line-height:1.1;color:var(--ink);margin-bottom:20px;letter-spacing:.01em}.article-rule{display:flex;align-items:center;gap:8px;margin-bottom:28px}.article-rule-line{height:1px;width:36px;background:var(--amber)}.article-rule-dot{width:4px;height:4px;background:var(--amber);transform:rotate(45deg);flex-shrink:0}.article-body{font-family:var(--font-body);font-size:1rem;line-height:1.8;color:var(--ink);white-space:pre-wrap;letter-spacing:.01em}.stream-waiting{display:grid;justify-items:start;grid-gap:8px;gap:8px;padding:8px 0 2px;color:var(--ink-muted)}.stream-waiting-label{font-size:.9rem;letter-spacing:.01em}.stream-waiting-dots{display:inline-flex;gap:6px;align-items:center}.stream-waiting-dots span{width:6px;height:6px;border-radius:999px;background:var(--amber);opacity:.35;animation:stream-dot 1.2s ease-in-out infinite}.stream-waiting-dots span:nth-child(2){animation-delay:.15s}.stream-waiting-dots span:nth-child(3){animation-delay:.3s}.stream-waiting-bar{width:min(220px,70%);height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(181,114,40,.15),rgba(181,114,40,.7) 50%,rgba(181,114,40,.15));background-size:220% 100%;animation:stream-bar 1.4s linear infinite}@keyframes stream-dot{0%,80%,to{opacity:.35;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}@keyframes stream-bar{0%{background-position:200% 0}to{background-position:-20% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-text{text-align:center;color:var(--ink-muted);font-size:1rem;font-family:var(--font-display);font-style:italic;padding:48px 0;letter-spacing:.02em;animation:loading-breathe 1.8s ease-in-out infinite}@keyframes loading-breathe{0%,to{opacity:.65}50%{opacity:1}}.map-page{position:fixed;inset:0;overflow:hidden}.map-container{width:100%;height:100%}.map-overlay{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:10;padding:max(12px,env(safe-area-inset-top,12px)) 16px 0}.map-overlay>*{pointer-events:auto}.map-header-overlay{text-align:center;margin-bottom:8px}.map-wordmark{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 4px hsla(37,47%,90%,.8);line-height:1}.map-error-banner,.map-status-banner{max-width:360px;margin:0 auto 8px}.locate-fab{position:fixed;right:16px;bottom:140px;width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--forest);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(26,21,15,.12);transition:background .15s ease,box-shadow .15s ease;z-index:10;pointer-events:auto}.locate-fab:hover:not(:disabled){background:var(--paper);box-shadow:0 4px 14px rgba(26,21,15,.18)}.locate-fab:disabled{opacity:.45;cursor:not-allowed}.map-dev-toggle{position:fixed;left:16px;bottom:140px;z-index:10;pointer-events:auto;background:var(--card);border:1px solid var(--border);border-radius:2px;padding:6px 10px;box-shadow:0 2px 8px rgba(26,21,15,.1)}.story-drawer{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--paper);border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -4px 20px rgba(26,21,15,.1);transition:transform .35s cubic-bezier(.4,0,.2,1);max-height:45vh;overflow:hidden}.story-drawer-peek{transform:translateY(calc(100% - 56px))}.story-drawer-open{transform:translateY(0)}.drawer-handle{display:flex;justify-content:center;padding:12px 0 4px;width:100%;background:none;border:none;cursor:pointer}.drawer-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--border)}.drawer-peek-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 20px 16px;background:none;border:none;cursor:pointer;color:var(--ink)}.drawer-peek-arrow{font-size:1rem;color:var(--ink-muted)}.drawer-content{padding:4px 16px max(20px,env(safe-area-inset-bottom,20px));overflow-y:auto;max-height:calc(45vh - 60px)}.map-pin{width:28px;height:28px;border-radius:50% 50% 50% 0;background:var(--amber);border:2px solid #fff;transform:rotate(-45deg);cursor:pointer;box-shadow:0 2px 6px rgba(26,21,15,.25);transition:background .15s ease,transform .15s ease}.map-pin--active,.map-pin:hover{background:var(--forest);transform:rotate(-45deg) scale(1.15)}