@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Neucha&family=Inter:wght@400;500;600&display=swap";:root{--parchment:#f5e6c8;--parchment-light:#fbf3e4;--parchment-dark:#e8d4a8;--ink:#2c1810;--ink-soft:#4a3428;--ink-faded:#8b7355;--gold:#c9a94e;--gold-dark:#8b6914;--gold-glow:#e8c84a;--gold-soft:#c9a94e33;--sea-deep:#1b4b5a;--sea-foam:#7fbfb8;--sea-light:#7fbfb826;--oak-green:#3a5f3a;--oak-light:#5a8f5a;--sunset-rose:#d4756b;--sunset-soft:#d4756b26;--mist-blue:#a8c4d0;--mist-light:#a8c4d033;--user-seeker:#2d8b57;--user-seeker-bg:#2d8b571a;--user-chronicler:#8b2d2d;--user-chronicler-bg:#8b2d2d1a;--user-aesthete:#8b6914;--user-aesthete-bg:#8b69141a;--user-keepers:#b8942d;--user-keepers-bg:#b8942d1a;--font-heading:"Cormorant Garamond", "Georgia", serif;--font-handwritten:"Neucha", cursive;--font-ui:"Inter", -apple-system, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--shadow-sm:0 2px 8px #2c181014;--shadow-md:0 4px 16px #2c18101f;--shadow-lg:0 8px 32px #2c181029;--shadow-glow:0 0 20px #c9a94e4d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-ui);color:var(--ink);background-color:var(--parchment);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.watercolor-bg{background-color:var(--parchment);position:relative}.watercolor-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#c9a94e14 0%,#0000 50%),radial-gradient(at 80% 30%,#a8c4d01a 0%,#0000 50%),radial-gradient(at 50% 80%,#d4756b0f 0%,#0000 50%),radial-gradient(at 10% 90%,#3a5f3a0f 0%,#0000 40%);position:fixed;inset:0}.watercolor-bg:after{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;inset:0}.heading-display{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);font-size:2.5rem;font-weight:700;line-height:1.1}.heading-1{font-family:var(--font-heading);color:var(--ink);font-size:1.75rem;font-weight:700;line-height:1.2}.heading-2{font-family:var(--font-heading);color:var(--ink);font-size:1.35rem;font-weight:600;line-height:1.3}.heading-3{font-family:var(--font-heading);color:var(--ink-soft);font-size:1.1rem;font-weight:600;line-height:1.4}.text-handwritten{font-family:var(--font-handwritten);color:var(--ink-soft);font-size:1.15rem;line-height:1.5}.text-body{font-family:var(--font-ui);color:var(--ink-soft);font-size:.95rem;line-height:1.6}.text-small{font-family:var(--font-ui);color:var(--ink-faded);font-size:.8rem;line-height:1.4}.text-gold{color:var(--gold)}.divider-ornament{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;color:var(--gold);opacity:.6;display:flex}.divider-ornament:before,.divider-ornament:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);flex:1;height:1px}.card{background:var(--parchment-light);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);z-index:1;border:1px solid #c9a94e26;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 30% 20%,#c9a94e0f 0%,#0000 60%),radial-gradient(at 70% 80%,#a8c4d00a 0%,#0000 60%);position:absolute;inset:0}.card:active{transform:scale(.98)}.card-elevated{box-shadow:var(--shadow-md)}.card-golden{background:linear-gradient(135deg, var(--parchment-light), #c9a94e14);border-color:#c9a94e4d}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-family:var(--font-ui);transition:all var(--transition-fast);z-index:1;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--sea-deep), #1a3f4d);color:var(--parchment-light);box-shadow:0 4px 12px #1b4b5a4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1b4b5a66}.btn-primary:active{transform:translateY(0)}.btn-golden{background:linear-gradient(135deg, var(--gold), var(--gold-glow));color:var(--ink);box-shadow:0 4px 12px #c9a94e4d}.btn-golden:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-outline{border:2px solid var(--gold);color:var(--gold);background:0 0}.btn-outline:hover{background:var(--gold-soft)}.btn-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.3rem;display:flex}.btn-full{width:100%}.bottom-nav{height:var(--nav-height);padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);z-index:100;background:linear-gradient(#1b4b5af2 0%,#1b4b5af7 100%);border-top:1px solid #c9a94e33;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:0;padding:var(--space-sm) 4px;color:#f5e6c880;transition:all var(--transition-fast);border-radius:var(--radius-md);flex-direction:column;flex:1 1 0;align-items:center;gap:2px;font-size:.66rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item .nav-icon{transition:transform var(--transition-fast);font-size:1.25rem}.nav-item.active{color:var(--gold-glow)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active:after{content:"";background:var(--gold);border-radius:0 0 4px 4px;width:20px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.page{min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-md));z-index:1;position:relative}.page-header{z-index:50;padding:var(--space-md) var(--space-lg);padding-top:calc(var(--safe-top) + var(--space-md));background:linear-gradient(to bottom, var(--parchment) 0%, var(--parchment) 60%, transparent 100%);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.page-content{padding:var(--space-md) var(--space-lg)}.hero{border-radius:0 0 var(--radius-xl) var(--radius-xl);width:100%;height:280px;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%}.hero-overlay{padding:var(--space-2xl) var(--space-lg) var(--space-lg);color:var(--parchment-light);background:linear-gradient(#0000 0%,#2c181066 50%,#2c1810cc 100%);position:absolute;bottom:0;left:0;right:0}.hero-overlay .heading-1{color:var(--parchment-light);text-shadow:0 2px 8px #0000004d}.location-card{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--parchment-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);color:inherit;border:1px solid #c9a94e26;text-decoration:none;display:flex}.location-card:active{box-shadow:var(--shadow-md);transform:scale(.98)}.location-card-image{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:80px;height:80px}.location-card-body{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.location-card-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.tag-visited{color:var(--oak-green);background:#3a5f3a1f}.tag-current{color:var(--gold);background:#c9a94e26}.tag-upcoming{color:var(--sea-deep);background:#a8c4d026}.quest-card{padding:var(--space-lg);border-radius:var(--radius-lg);border:2px dashed var(--gold);background:linear-gradient(135deg, var(--gold-soft), #e8c84a0d);position:relative;overflow:hidden}.quest-card:before{content:"✦";color:var(--gold);opacity:.3;font-size:2rem;position:absolute;top:-8px;right:16px}.quest-card .quest-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:600}.quest-card .quest-text{font-family:var(--font-handwritten);color:var(--ink-soft);font-size:1.2rem;line-height:1.5}.nearby-place-list{gap:var(--space-md);flex-direction:column;display:flex}.quest-illustrated-map{gap:var(--space-md);margin-bottom:var(--space-md);flex-direction:column;display:flex}.quest-illustrated-map-frame{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff8dc8c;border:1px solid #8b691452;position:relative;overflow:hidden}.quest-illustrated-map-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff8dc8c}.quest-illustrated-map-image{aspect-ratio:572/1024;object-fit:cover;width:100%}.quest-map-pin{z-index:2;background:var(--gold);width:clamp(30px,9vw,42px);height:clamp(30px,9vw,42px);color:var(--ink);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);border:2px solid #fff8dce6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #2c181057}.quest-map-pin:before{content:"";border-radius:50%;position:absolute;inset:-10px}.quest-map-pin-number{z-index:1;font-family:var(--font-ui);font-size:.82rem;font-weight:800;position:relative}.quest-map-pin.current{background:var(--gold-glow);animation:2.4s ease-in-out infinite pulse-glow;box-shadow:0 0 0 6px #e8c84a33,0 3px 12px #2c18105c}.quest-map-pin.completed{background:var(--oak-green);color:var(--parchment-light)}.quest-map-pin.locked{color:#f5e6c8db;opacity:.76;filter:grayscale(.4);background:#4a342880}.quest-map-pin.selected{transform:translate(-50%,-50%)scale(1.16);box-shadow:0 0 0 5px #fff8dc8c,0 8px 22px #2c18105c}.quest-map-pin:active{transform:translate(-50%,-50%)scale(1.05)}.quest-map-panel{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(#fff8dcd6,#f5e6c8a3);border:1px solid #c9a94e3d}.quest-map-panel.current{border-color:#c9a94e80}.quest-map-panel.completed{border-color:#3a5f3a57}.quest-map-panel.locked{background:linear-gradient(#f5e6c894,#a8c4d042)}.quest-map-panel-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.quest-map-panel-header strong{font-family:var(--font-heading);color:var(--ink);font-size:1.08rem}.quest-map-panel-button{min-height:38px;margin-top:var(--space-sm);padding:0 var(--space-md);border-radius:var(--radius-full);color:var(--sea-deep);font-family:var(--font-ui);background:#7fbfb82e;border:1px solid #c9a94e66;font-size:.84rem;font-weight:700}.quest-mini-map{margin-bottom:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);background:linear-gradient(#7fbfb824,#f5e6c86b);border:1px solid #c9a94e2e;overflow:hidden}.quest-mini-map svg{width:100%;height:auto;max-height:420px;display:block}.quest-mini-map-path{fill:none;stroke:var(--gold);stroke-width:2px;stroke-dasharray:7 7;stroke-linecap:round;opacity:.56}.quest-mini-map-node{stroke-width:2px;stroke:var(--gold);fill:var(--parchment-light)}.quest-mini-map-node.completed{fill:var(--oak-green);stroke:var(--oak-green)}.quest-mini-map-node.current{fill:var(--gold);stroke:var(--gold-dark);filter:drop-shadow(0 0 6px #c9a94e99)}.quest-mini-map-node.locked{fill:#4a342824;stroke:#4a342838}.quest-mini-map-number{fill:var(--ink);font-family:var(--font-ui);font-size:7px;font-weight:800}.quest-mini-map-node.completed+.quest-mini-map-number,.quest-mini-map-node.current+.quest-mini-map-number{fill:var(--parchment-light)}.quest-mini-map-label{fill:var(--ink);font-family:var(--font-ui);font-size:7px;font-weight:700}.quest-mini-map-label.locked{fill:var(--ink-faded);opacity:.52}.nearby-place-card{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(#fff8dcb8,#f5e6c885);border:1px solid #c9a94e2e}.nearby-place-card.current{box-shadow:var(--shadow-glow);border-color:#c9a94e75}.nearby-place-card.selected{outline-offset:3px;outline:3px solid #e8c84a57}.nearby-place-card.completed{border-color:#3a5f3a40}.nearby-place-card.locked{opacity:.72;background:linear-gradient(#f5e6c861,#a8c4d02e)}.nearby-place-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.nearby-place-link,.nearby-place-secondary-link{border-radius:var(--radius-full);min-height:36px;color:var(--sea-deep);font-family:var(--font-ui);padding:0 var(--space-sm);background:#7fbfb82e;border:1px solid #c9a94e5c;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.nearby-place-secondary-link{margin-top:var(--space-sm)}.nearby-place-legend{margin-top:var(--space-sm);color:var(--ink-soft)}.nearby-place-quest{margin-top:var(--space-md);padding:var(--space-sm);border-left:3px solid var(--gold);background:#c9a94e1a}.nearby-place-quest .quest-label{margin-bottom:var(--space-xs);color:var(--gold-dark);font-family:var(--font-ui);letter-spacing:.08em;font-size:.72rem;font-weight:700;display:block}.nearby-place-quest .quest-text{color:var(--ink);font-family:var(--font-handwritten);font-size:1.05rem;line-height:1.55}.entry-card{border-radius:var(--radius-md);background:var(--parchment-light);box-shadow:var(--shadow-sm);border:1px solid #c9a94e1a;overflow:hidden}.entry-card-photo{object-fit:cover;width:100%;height:200px}.entry-card-content{padding:var(--space-md) var(--space-lg)}.entry-card-meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.entry-card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.entry-card-author{font-family:var(--font-ui);font-size:.8rem;font-weight:600}.entry-card-date{color:var(--ink-faded);margin-left:auto;font-size:.75rem}.entry-card-text{font-family:var(--font-handwritten);color:var(--ink-soft);font-size:1.1rem;line-height:1.6}.entry-card-location{margin-top:var(--space-sm);background:var(--sea-light);color:var(--sea-deep);border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.entry-card-audio{padding:var(--space-sm) var(--space-md) 0}.entry-sync-status{margin-top:var(--space-xs);color:var(--ink-faded);font-family:var(--font-ui);font-size:.78rem}.audio-capture{border-radius:var(--radius-md);padding:var(--space-sm);background:#fff8dc52;border:1px solid #c9a94e3d}.audio-capture-main{align-items:center;gap:var(--space-sm);color:var(--ink);font-family:var(--font-handwritten);font-size:1.05rem;display:flex}.audio-capture-dot{background:var(--ink-faded);border-radius:50%;flex:none;width:12px;height:12px}.audio-capture-dot.recording{background:#b33a3a;animation:1.2s ease-in-out infinite pulse-glow;box-shadow:0 0 0 6px #b33a3a24}.audio-capture-actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.audio-capture-actions .btn{min-height:40px;padding:var(--space-xs) var(--space-sm);flex:140px}.audio-player{width:100%;margin-top:var(--space-sm);display:block}.audio-guide-section{margin-bottom:var(--space-lg)}.audio-guide-section.compact{margin-top:var(--space-lg)}.audio-guide-section-header{margin-bottom:var(--space-md)}.audio-guide-section-header .text-body{margin-top:var(--space-xs)}.audio-guide-list{gap:var(--space-md);flex-direction:column;display:flex}.audio-guide-card{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(#fff8dcb8,#f5e6c88a);border:1px solid #c9a94e2e}.audio-guide-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.audio-guide-tag,.audio-guide-duration{border-radius:var(--radius-full);min-height:24px;font-family:var(--font-ui);white-space:nowrap;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.audio-guide-tag{color:var(--sea-deep);background:#7fbfb82e;padding:0 10px}.audio-guide-duration{color:var(--ink-faded)}.audio-guide-card .heading-3{margin-bottom:var(--space-xs)}.audio-guide-player{width:100%;margin-top:var(--space-md);display:block}.guide-section{margin-bottom:var(--space-lg)}.guide-section-header{margin-bottom:var(--space-md)}.guide-section-header .text-body{margin-top:var(--space-xs)}.guide-link-list,.guide-source-list{gap:var(--space-sm);flex-direction:column;display:flex}.guide-link-card{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;background:linear-gradient(#fff8dcc2,#f5e6c885);border:1px solid #c9a94e2e;flex-direction:column;gap:2px;text-decoration:none;display:flex}.guide-link-card:active{transform:scale(.99)}.guide-link-card-title{color:var(--ink);font-family:var(--font-ui);font-size:.92rem;font-weight:700}.guide-link-card-subtitle,.guide-link-card-note{color:var(--ink-faded);font-family:var(--font-ui);font-size:.78rem;line-height:1.4}.guide-source-group{padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(#fff8dca3,#f5e6c86b);border:1px solid #c9a94e2e}.guide-source-group .text-small{margin-top:var(--space-xs)}.guide-empty-note{margin-top:var(--space-sm);color:var(--ink-faded);font-family:var(--font-handwritten);font-size:1rem}.user-card{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);background:var(--parchment-light);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);cursor:pointer;border:2px solid #0000;flex-direction:column;display:flex}.user-card:hover,.user-card:focus{box-shadow:var(--shadow-md);transform:translateY(-4px)}.user-card.selected{border-color:var(--gold);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.user-new-badge{border-radius:var(--radius-full);color:var(--gold-dark);font-family:var(--font-ui);background:#c9a94e2e;padding:2px 8px;font-size:.68rem;font-weight:700}.user-avatar{width:72px;height:72px;transition:transform var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:flex}.user-card:hover .user-avatar{transform:scale(1.1)}.user-name{font-family:var(--font-heading);text-align:center;color:var(--ink);font-size:1rem;font-weight:600}.user-role{font-family:var(--font-ui);color:var(--ink-faded);text-align:center;font-size:.75rem}.pin-container{gap:var(--space-md);justify-content:center;display:flex}.pin-dot{border:2px solid var(--gold);background:var(--parchment-light);width:48px;height:48px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.pin-dot.filled{background:var(--gold);box-shadow:var(--shadow-glow)}.pin-keypad{gap:var(--space-sm);grid-template-columns:repeat(3,56px);justify-content:center;display:grid}.pin-key{border-radius:var(--radius-md);width:56px;height:48px;color:var(--parchment-light);font-family:var(--font-ui);-webkit-backdrop-filter:blur(8px);background:#f5e6c81f;border:1px solid #f5e6c852;font-size:1.1rem;font-weight:600}.pin-key:active{background:#f5e6c838;transform:translateY(1px)}.pin-key-muted{color:#f5e6c8b8}.pin-error{color:#ffe0d8;max-width:280px;font-family:var(--font-ui);text-align:center;font-size:.85rem;line-height:1.4}.onboarding-panel{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);background:#1b4b5a57;border:1px solid #f5e6c82e;flex-direction:column;display:flex}.setup-avatar-preview{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:2.25rem;display:flex}.setup-input{border-radius:var(--radius-md);width:100%;height:46px;color:var(--parchment-light);font-family:var(--font-ui);padding:0 var(--space-md);background:#f5e6c81f;border:1px solid #f5e6c847;font-size:.95rem}.setup-input::placeholder{color:#f5e6c894}.setup-chip-row,.setup-picker{gap:var(--space-xs);scrollbar-width:none;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.setup-chip-row::-webkit-scrollbar{display:none}.setup-picker::-webkit-scrollbar{display:none}.setup-chip{min-height:34px;padding:0 var(--space-sm);border-radius:var(--radius-full);color:#f5e6c8db;font-family:var(--font-ui);background:#f5e6c81a;border:1px solid #f5e6c838;flex:none;font-size:.78rem}.setup-avatar-choice,.setup-color-choice{border:2px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.setup-avatar-choice{background:#f5e6c81f;font-size:1.3rem}.setup-avatar-choice.selected,.setup-color-choice.selected{border-color:var(--gold);box-shadow:0 0 0 3px #c9a94e2e}.setup-pin-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;width:100%;display:grid}.progress-bar{background:var(--parchment-dark);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-glow));height:100%;transition:width var(--transition-slow);border-radius:3px}.fab{bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-md));right:var(--space-lg);background:linear-gradient(135deg, var(--gold), var(--gold-glow));width:56px;height:56px;color:var(--ink);z-index:90;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed;box-shadow:0 6px 20px #c9a94e66}.fab:hover{transform:scale(1.1);box-shadow:0 8px 30px #c9a94e80}.fab:active{transform:scale(.95)}.textarea-diary{width:100%;min-height:120px;padding:var(--space-md);font-family:var(--font-handwritten);color:var(--ink-soft);background:var(--parchment-light);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast);border:1px solid #c9a94e33;font-size:1.15rem;line-height:1.6}.textarea-diary:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.textarea-diary::placeholder{color:var(--ink-faded);font-style:italic}.photo-upload{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:180px;color:var(--ink-faded);cursor:pointer;transition:all var(--transition-fast);background:#f5e6c880;border:2px dashed #c9a94e4d;flex-direction:column;font-size:.9rem;display:flex}.photo-upload:hover{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}.timeline{padding-left:var(--space-xl);position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--gold), var(--gold-soft), transparent);width:2px;position:absolute;top:0;bottom:0;left:11px}.timeline-item{padding-bottom:var(--space-lg);position:relative}.timeline-dot{left:calc(-1 * var(--space-xl) + 4px);background:var(--gold);border:3px solid var(--parchment);width:16px;height:16px;box-shadow:0 0 0 2px var(--gold);border-radius:50%;position:absolute;top:4px}.timeline-date{font-family:var(--font-ui);color:var(--ink-faded);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes inkSpread{0%{opacity:0;filter:blur(8px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #c9a94e4d}50%{box-shadow:0 0 20px #c9a94e99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.6s ease-out fadeIn}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-ink-spread{animation:.8s ease-out inkSpread}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.route-illustrated-map{margin-bottom:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff8dc8c;border:1px solid #8b691452;position:relative;overflow:hidden}.route-illustrated-map:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff8dc8c}.route-illustrated-map-image{aspect-ratio:572/1024;object-fit:cover;width:100%}.route-map-pin{z-index:2;background:var(--parchment-light);width:clamp(30px,9vw,42px);height:clamp(30px,9vw,42px);color:var(--ink);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);border:2px solid #fff8dceb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #2c181057}.route-map-pin:before{content:"";border-radius:50%;position:absolute;inset:-10px}.route-map-pin-number{z-index:1;font-family:var(--font-ui);font-size:.82rem;font-weight:800;position:relative}.route-map-pin.visited{background:var(--oak-green);color:var(--parchment-light)}.route-map-pin.current{background:var(--gold-glow);animation:2.4s ease-in-out infinite pulse-glow;box-shadow:0 0 0 6px #e8c84a33,0 3px 12px #2c18105c}.route-map-pin.upcoming{color:var(--ink-faded);background:#f5e6c8e0}.route-map-pin:active{transform:translate(-50%,-50%)scale(1.06)}.route-map-container{width:100%;padding:var(--space-md);position:relative}.route-map-container svg{width:100%;height:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.photo-upload{border:2px dashed var(--parchment-dark);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);text-align:center;background:var(--parchment);color:var(--ink-faded);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);min-height:120px;font-family:var(--font-handwritten);flex-direction:column;font-size:1.1rem;transition:all .2s;display:flex}.photo-upload:hover{border-color:var(--gold);background:var(--gold-soft)}.photo-upload-icon{opacity:.8;font-size:2rem}.textarea-diary{background:var(--parchment);border:1px solid var(--parchment-dark);border-radius:var(--radius-md);width:100%;min-height:120px;padding:var(--space-md);font-family:var(--font-handwritten);color:var(--ink);resize:vertical;box-sizing:border-box;font-size:1.2rem;line-height:1.6;transition:border-color .2s}.textarea-diary:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.textarea-diary::placeholder{color:var(--ink-faded);opacity:.7}