@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--font-headline: "Playfair Display", Georgia, serif;--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--transition-speed: .3s;--transition-bezier: cubic-bezier(.4, 0, .2, 1)}body,body[data-theme=dark]{--color-bg: #0D0D0D;--color-text-primary: #F5F5F2;--color-text-contrast: #1A1A1A;--color-text-muted: #A0A0A0;--color-accent: #D4AF37;--color-contrast: #FFBF00;--color-success: #00A86B;--color-error: #C53030;--color-card-bg: #1A1A1A;--color-border: #2A2A2A;--color-header-bg: rgba(13, 13, 13, .95);--color-shadow: rgba(0, 0, 0, .4);--color-tag-bg-city: rgba(245, 245, 242, .08);--color-tag-bg-archetype: rgba(212, 175, 55, .12);--color-accent-text: #1A1A1A;--color-cream: var(--color-bg);--color-text-dark: var(--color-text-primary);--color-indigo: var(--color-text-primary);--color-terracotta: var(--color-accent);--color-citrus: var(--color-contrast)}body[data-theme=light]{--color-bg: #F2F1ED;--color-text-primary: #1A1A1A;--color-text-contrast: #F5F5F2;--color-text-muted: #6B7280;--color-accent: #D4AF37;--color-contrast: #FFBF00;--color-success: #00A86B;--color-error: #C53030;--color-card-bg: #FFFFFF;--color-border: #E0DED9;--color-header-bg: rgba(242, 241, 237, .95);--color-shadow: rgba(0, 0, 0, .05);--color-tag-bg-city: rgba(26, 26, 26, .08);--color-tag-bg-archetype: rgba(212, 175, 55, .08);--color-accent-text: #1A1A1A;--color-cream: var(--color-bg);--color-text-dark: var(--color-text-primary);--color-indigo: var(--color-text-primary);--color-terracotta: var(--color-accent);--color-citrus: var(--color-contrast)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--color-cream);color:var(--color-text-dark);line-height:1.5;overflow-x:hidden;min-height:100vh}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:480px;margin:0 auto;background-color:var(--color-cream);box-shadow:0 0 20px var(--color-shadow);position:relative;overflow:hidden}.top-header{position:sticky;top:0;z-index:100;background-color:var(--color-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;height:60px}.logo{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;color:var(--color-terracotta);text-decoration:none;letter-spacing:.5px}.search-button{background:none;border:none;cursor:pointer;color:var(--color-text-dark);font-size:1.25rem;display:flex;align-items:center}.view-viewport{flex:1;position:relative;overflow-y:auto;padding-bottom:70px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:65px;background-color:var(--color-header-bg);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:100}.nav-item{background:none;border:none;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-speed) var(--transition-bezier);gap:4px}.nav-item.active{color:var(--color-terracotta)}.nav-icon{font-size:1.25rem}.nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filter-container{padding:1rem 1.25rem .5rem;overflow-x:auto;white-space:nowrap;display:flex;gap:.5rem;scrollbar-width:none}.filter-container::-webkit-scrollbar{display:none}.filter-chip{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:20px;background-color:var(--color-card-bg);font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--color-text-dark);cursor:pointer;transition:all var(--transition-speed) var(--transition-bezier)}.filter-chip.active{background-color:var(--color-terracotta);color:var(--color-accent-text);border-color:var(--color-terracotta)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 1.25rem}.collectible-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform var(--transition-speed) var(--transition-bezier),box-shadow var(--transition-speed) var(--transition-bezier);display:flex;flex-direction:column}.collectible-card:active{transform:scale(.97)}.card-image-box{width:100%;aspect-ratio:1;background-color:var(--color-cream);position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border)}.card-vector-placeholder{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.card-details{padding:.75rem;display:flex;flex-direction:column;gap:4px;flex:1}.card-uid{font-family:var(--font-sans);font-size:.65rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.5px}.card-title{font-family:var(--font-headline);font-size:.9rem;font-weight:700;line-height:1.2;color:var(--color-text-dark)}.card-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:4px;padding-top:8px}.tag{font-size:.55rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.tag-city{background-color:var(--color-tag-bg-city);color:var(--color-text-primary)}.tag-archetype{background-color:var(--color-tag-bg-archetype);color:var(--color-accent)}.dossier-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-cream);z-index:200;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.dossier-overlay.visible{transform:translateY(0)}.dossier-header{height:60px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 1.25rem;background-color:var(--color-card-bg)}.back-button{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--color-text-dark);display:flex;align-items:center;padding:.5rem;margin-left:-.5rem}.dossier-uid{margin-left:auto;font-family:var(--font-sans);font-weight:700;font-size:.8rem;color:var(--color-text-muted);letter-spacing:1px}.dossier-scroll{flex:1;overflow-y:auto;padding:0 0 2rem}.dossier-hero{width:100%;aspect-ratio:1.2;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;padding:1.5rem}.dossier-hero svg{max-height:100%;max-width:100%}.dossier-body{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.dossier-title-block{display:flex;flex-direction:column;gap:.5rem}.dossier-category{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-terracotta);letter-spacing:1px}.dossier-title{font-family:var(--font-headline);font-size:1.75rem;font-weight:700;line-height:1.15}.dossier-narrative{font-family:var(--font-headline);font-size:1.05rem;line-height:1.6;color:var(--color-text-dark);font-style:italic;border-left:2px solid var(--color-terracotta);padding-left:1rem;margin:.5rem 0}.accordion-wrapper{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;background:none;border:none;font-family:var(--font-sans);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-dark);cursor:pointer}.accordion-icon{font-size:.75rem;transition:transform var(--transition-speed) var(--transition-bezier)}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-speed) var(--transition-bezier);color:var(--color-text-muted);font-size:.85rem}.accordion-item.active .accordion-content{max-height:200px}.accordion-inner-content{padding:0 0 1rem;line-height:1.5}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tech-field-title{font-weight:700;font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted)}.tech-field-value{font-size:.85rem;color:var(--color-text-dark)}.discovery-prompt{background-color:var(--color-citrus);border-radius:8px;padding:1.5rem;text-align:center;color:var(--color-indigo);display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.discovery-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:700;line-height:1.2}.discovery-button{background-color:var(--color-accent);color:var(--color-accent-text);border:none;padding:.75rem 1.5rem;border-radius:20px;font-family:var(--font-sans);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:transform var(--transition-speed) var(--transition-bezier),background-color var(--transition-speed) var(--transition-bezier)}.discovery-button:active{transform:scale(.95)}.web-view{width:100%;height:calc(100vh - 125px);display:flex;flex-direction:column;position:relative;background-color:var(--color-bg)}.web-canvas-container{flex:1;position:relative;overflow:hidden;cursor:grab}.web-canvas-container:active{cursor:grabbing}.graph-svg{width:100%;height:100%;-webkit-user-select:none;user-select:none}.graph-edge{stroke:var(--color-border);stroke-width:1.5;transition:stroke var(--transition-speed),stroke-width var(--transition-speed)}.graph-edge.active{stroke:var(--color-terracotta);stroke-width:3.5;stroke-dasharray:4;animation:edge-flow 20s linear infinite}@keyframes edge-flow{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}.graph-node{cursor:pointer}.graph-node-circle{stroke:var(--color-indigo);stroke-width:2;transition:fill var(--transition-speed),stroke var(--transition-speed),stroke-width var(--transition-speed),r var(--transition-speed)}.graph-node:hover .graph-node-circle,.graph-node.active .graph-node-circle{stroke:var(--color-terracotta);stroke-width:3}.graph-node-label{font-family:var(--font-sans);font-size:8px;font-weight:700;text-anchor:middle;fill:var(--color-text-primary);pointer-events:none;transition:fill var(--transition-speed)}.graph-node.active .graph-node-label{fill:var(--color-accent)}.graph-node-label-bg{fill:var(--color-card-bg);stroke:var(--color-border);stroke-width:.5px;rx:3px;ry:3px;opacity:.95}.web-info-panel{padding:1rem 1.25rem;background-color:var(--color-cream);border-top:1px solid var(--color-border);min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.web-info-uid{font-size:.65rem;font-weight:700;color:var(--color-text-muted)}.web-info-title{font-family:var(--font-headline);font-size:1.1rem;font-weight:700;color:var(--color-text-dark)}.web-info-action{font-size:.75rem;font-weight:600;color:var(--color-terracotta);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.fade-in{animation:fadeIn .3s var(--transition-bezier) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-overlay{position:absolute;top:0;left:0;right:0;height:60px;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);z-index:150;display:flex;align-items:center;padding:0 1.25rem;gap:.75rem;transform:translateY(-100%);transition:transform var(--transition-speed) var(--transition-bezier)}.search-overlay.visible{transform:translateY(0)}.search-input{flex:1;border:none;font-family:var(--font-sans);font-size:.9rem;outline:none;color:var(--color-text-primary);background:transparent}.map-control-header{padding:.65rem 1rem;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:.75rem;z-index:10;box-shadow:0 1px 3px #0000000d}.map-select-container{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.map-select-label{font-family:var(--font-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;white-space:nowrap}.map-subject-select{flex:1;min-width:0;max-width:100%;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.75rem;font-weight:600;outline:none;cursor:pointer;box-shadow:inset 0 1px 2px #0000000d;transition:all var(--transition-speed);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.map-subject-select:focus{border-color:var(--color-accent)}.map-subject-select optgroup{font-weight:700;background-color:var(--color-card-bg);color:var(--color-text-primary)}.map-subject-select option{font-weight:500;background-color:var(--color-card-bg);color:var(--color-text-primary)}.map-horizontal-actions{display:flex;align-items:center;gap:.4rem}.toolbar-btn{width:32px;height:32px;border-radius:50%;background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--color-shadow);transition:all var(--transition-speed)}.toolbar-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.05)}.toolbar-btn.reset-btn{width:auto;height:32px;border-radius:16px;padding:0 10px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}