:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.luna-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #6366f140;white-space:nowrap;flex-shrink:0}.luna-button:hover{transform:translateY(-1px);box-shadow:0 3px 8px #6366f159}.luna-button .luna-icon-wrapper{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.luna-button .luna-icon-wrapper svg{width:16px;height:16px;flex-shrink:0}.luna-button .luna-text{font-size:13px;line-height:1}.luna-button-locked{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 2px 6px #64748b40}.luna-button-locked:hover{box-shadow:0 3px 8px #64748b59}.luna-lock-badge{position:absolute;top:-3px;right:-3px;width:14px;height:14px;background:#6366f1;border:1.5px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.luna-lock-badge svg{width:8px;height:8px}.luna-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.luna-modal{width:100%;max-width:600px;height:80vh;max-height:700px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.luna-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.luna-header-left{display:flex;align-items:center;gap:12px}.luna-menu-btn{background:none;border:none;color:#a0a0a0;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.luna-menu-btn:hover{background:#ffffff1a;color:#fff}.luna-title{display:flex;align-items:center;gap:8px}.luna-title-icon{font-size:24px}.luna-title-text{color:#fff;font-size:18px;font-weight:600}.luna-close-btn{background:none;border:none;color:#a0a0a0;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.luna-close-btn:hover{color:#fff}.luna-sessions-panel{position:absolute;top:60px;left:0;width:280px;height:calc(100% - 130px);background:#1e1e30;border-right:1px solid rgba(255,255,255,.1);z-index:10;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.luna-sessions-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);color:#a0a0a0;font-size:14px}.luna-new-chat-btn{background:#6366f1;border:none;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.luna-new-chat-btn:hover{background:#5558e3}.luna-sessions-list{flex:1;overflow-y:auto;padding:8px}.luna-sessions-empty{color:#666;text-align:center;padding:20px;font-size:14px}.luna-session-item{padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:4px}.luna-session-item:hover{background:#ffffff0d}.luna-session-item.active{background:#6366f133}.luna-session-title{color:#fff;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.luna-session-meta{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:12px}.luna-session-delete{background:none;border:none;cursor:pointer;padding:2px;opacity:.5;transition:opacity .2s}.luna-session-delete:hover{opacity:1}.luna-error{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#ef444433;color:#f87171;font-size:14px}.luna-error button{background:none;border:none;color:#f87171;cursor:pointer;font-size:18px}.luna-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.luna-loading{text-align:center;color:#666;padding:40px}.luna-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;height:100%}.luna-welcome-icon{font-size:64px;margin-bottom:16px}.luna-welcome h3{color:#fff;font-size:24px;margin:0 0 12px}.luna-welcome p{color:#a0a0a0;font-size:14px;max-width:300px;margin:0 0 24px;line-height:1.6}.luna-suggestions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px}.luna-suggestions button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d0d0d0;padding:12px 16px;border-radius:8px;font-size:13px;cursor:pointer;text-align:left;transition:all .2s}.luna-suggestions button:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.luna-message{display:flex;gap:12px;max-width:85%}.luna-message.user{margin-left:auto;flex-direction:row-reverse}.luna-message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.luna-message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.luna-message.user .luna-message-content{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.luna-message.assistant .luna-message-content{background:#ffffff1a;color:#e0e0e0;border-bottom-left-radius:4px}.luna-typing-indicator{animation:blink 1s infinite;margin-left:2px}.luna-input-form{display:flex;gap:12px;padding:16px 20px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.luna-input{flex:1;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.luna-input::placeholder{color:#666}.luna-input:focus{border-color:#6366f1}.luna-send-btn{width:44px;height:44px;background:#6366f1;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.luna-send-btn:hover:not(:disabled){background:#5558e3;transform:scale(1.05)}.luna-send-btn:disabled{background:#3d3d5c;cursor:not-allowed}@media(max-width:768px){.luna-modal{height:100vh;max-height:none;border-radius:0}.luna-sessions-panel{width:100%;height:calc(100% - 130px)}.luna-button .luna-text{display:none}.luna-button{width:32px;padding:0;gap:0;box-shadow:none}.luna-button:hover{transform:none;box-shadow:none}.luna-button .luna-icon-wrapper svg{width:16px;height:16px}}.notification-dropdown{position:relative}.notification-bell{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;position:relative}.notification-bell:hover{background:var(--bg);color:var(--text)}.notification-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid white}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden;z-index:1000;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.notification-header h3{font-size:1rem;font-weight:600;color:var(--text);margin:0}.mark-all-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:none;background:transparent;color:var(--primary);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:6px;transition:background .2s}.mark-all-btn:hover{background:var(--primary-light)}.notification-list{overflow-y:auto;max-height:400px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-secondary);gap:.75rem}.notification-empty p{margin:0;font-size:.9rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:1rem 1.25rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:var(--bg)}.notification-item.unread{background:#f973160a}.notification-item.unread:hover{background:#f9731614}.notification-item+.notification-item{border-top:1px solid var(--border)}.notification-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center}.notification-content{flex:1;min-width:0}.notification-title{font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:.125rem;line-height:1.3}.notification-item.unread .notification-title{font-weight:600}.notification-body{font-size:.8rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;opacity:.7}.unread-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:.5rem}@media(max-width:480px){.notification-panel{position:fixed;inset:auto 0 0;width:100%;max-height:70vh;border-radius:var(--radius) var(--radius) 0 0}}:root{--bg-dark: #09090b;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #f97316;--accent-secondary: #8b5cf6;--glass-bg: rgba(23, 23, 23, .7);--glass-border: rgba(255, 255, 255, .15);--font-family: "Outfit", sans-serif;--radius-premium: 16px}.landing-page{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;width:100%;position:relative;line-height:1.6;overflow-x:hidden}.landing-page p{color:var(--text-secondary)}.landing-page h1,.landing-page h2,.landing-page h3{color:var(--text-primary)}.is-hidden,.is-visible{opacity:1;transform:none}.hero-section{position:relative;height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 2rem;z-index:1}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:brightness(.6)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(9,9,11,.2) 0%,rgba(9,9,11,.4) 50%,var(--bg-dark) 100%);pointer-events:none;z-index:1}.hero-content{text-align:center;max-width:900px;z-index:10;animation:fadeUp 1s cubic-bezier(.16,1,.3,1);padding-top:5vh;position:relative}.hero-title{font-size:clamp(3.5rem,9vw,6.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:-.03em}.hero-subtitle{font-size:clamp(1.25rem,2.5vw,1.8rem);color:#e4e4e7;margin-bottom:2.5rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-cta-group{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.google-btn-wrapper{overflow:hidden;border-radius:9999px;display:flex;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:transform .2s}.google-btn-wrapper:hover{transform:scale(1.02)}.ticker-section{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);overflow:hidden;margin-bottom:4rem}.ticker-content{display:flex;justify-content:center;gap:6rem;font-size:1.5rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;animation:scrollTicker 40s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:.5rem;color:#d4d4d8;padding:.75rem 2rem;background:#ffffff0d;border-radius:999px;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700;box-shadow:0 4px 10px #0003}.ticker-item span{color:#fff;font-weight:800}.features-section{max-width:1600px;width:100%;margin:0 auto;padding:4rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(300px,auto);gap:1.5rem}.card-gps-wrapper{grid-column:span 8}.card-family-wrapper,.card-stats-wrapper{grid-column:span 4}.card-memories-wrapper{grid-column:span 8}.card-luna-wrapper{grid-column:span 12}.bento-card{position:relative;background-color:#18181b;border:1px solid var(--glass-border);border-radius:var(--radius-premium);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s ease,box-shadow .4s ease;height:100%;min-height:350px}.bento-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #000000b3;border-color:#ffffff4d}.bento-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s ease;z-index:0}.bento-card:hover:before{transform:scale(1.05)}.bento-content{position:relative;z-index:2;padding:2rem;margin-top:auto}.bento-icon{width:32px;height:32px;display:block;margin-bottom:1.25rem;color:var(--accent-primary);filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.bento-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.bento-desc{color:#a1aab8;font-size:1rem;line-height:1.5;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.6)}.card-gps:before{background-image:url(/assets/feature-gps.webp)}.card-gps .bento-content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.4) 60%,transparent 100%);width:100%;height:auto;margin-top:auto;display:flex;flex-direction:column;justify-content:flex-end}.card-family:before{background-image:url(/assets/feature-notifications.webp)}.card-family .bento-content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.3) 70%,transparent 100%);padding-top:8rem}.card-stats:before{background-image:url(/assets/feature-mood.webp)}.card-stats .bento-content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.3) 80%,transparent 100%);margin-top:auto}.card-memories{background:linear-gradient(135deg,#1e1e24,#000);justify-content:center;align-items:center;text-align:center}.card-memories .bento-content{background:none;margin:0;display:flex;flex-direction:column;align-items:center}.card-memories:hover{background:linear-gradient(135deg,#272730,#09090b)}.card-luna{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);position:relative;overflow:hidden;text-align:center;justify-content:center;align-items:center;min-height:400px}.card-luna:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(249,115,22,.1) 0%,transparent 50%);pointer-events:none}.luna-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);filter:blur(60px);pointer-events:none;animation:lunaGlow 4s ease-in-out infinite alternate}@keyframes lunaGlow{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.card-luna .bento-content{background:none;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;z-index:2}.luna-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf64d,#f9731633);border:1px solid rgba(139,92,246,.4);border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c4b5fd;margin-bottom:1.5rem}.luna-badge svg{color:#f97316}.card-luna .luna-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#f9731626);border:2px solid rgba(139,92,246,.3);border-radius:24px;margin-bottom:1.5rem;box-shadow:0 0 30px #8b5cf64d,inset 0 0 20px #8b5cf61a}.card-luna .luna-icon-wrapper svg{color:#c4b5fd;filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}.card-luna .bento-title{font-size:2.5rem;background:linear-gradient(135deg,#fff,#c4b5fd,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.luna-desc{max-width:600px;font-size:1.1rem;line-height:1.7;color:#a1a1aa;margin-bottom:2rem}.luna-features{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:500px}.luna-feature{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.875rem;color:#e4e4e7;transition:all .3s ease}.luna-feature:hover{background:#8b5cf626;border-color:#8b5cf64d;transform:translateY(-2px)}.card-luna:hover{border-color:#8b5cf666;box-shadow:0 25px 50px -12px #000000b3,0 0 60px #8b5cf626}.footer{text-align:center;padding:6rem 2rem;background:radial-gradient(ellipse at center bottom,rgba(255,255,255,.05) 0%,transparent 60%),linear-gradient(to top,rgba(255,255,255,.03) 0%,transparent 50%)}.footer-title{font-size:2.5rem;margin-bottom:2rem;font-weight:800}.footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;flex-wrap:wrap}.footer-link{color:#a1aab8;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-divider{color:#4a4a5a;font-size:.8rem}.footer-copyright{color:#6a6a7a;font-size:.85rem;margin-top:1.5rem}.btn-ghost{display:inline-flex;align-items:center;padding:.875rem 2.5rem;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:9999px;transition:all .3s;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d}.btn-ghost:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollTicker{0%{transform:translate(50px)}to{transform:translate(-50%)}}@media(max-width:900px){.bento-card-wrapper{grid-column:span 12!important}.bento-card{min-height:350px}.card-gps .bento-content{width:100%;max-width:100%;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%);justify-content:flex-end}.ticker-content{gap:4rem}.hero-section{height:auto;min-height:85vh;padding:6rem 1.5rem}.hero-title{font-size:3rem}.footer{padding:4rem 1.5rem}.footer-title{font-size:2rem}.footer-links{gap:.75rem}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.dog-selector-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.dog-selector-header{text-align:center;margin-bottom:2rem}.dog-selector-header-icon{color:var(--primary);margin-bottom:.5rem}.dog-selector-header h1{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.dog-selector-header p{font-size:1rem;color:var(--text-secondary);margin:0}.dog-selector-empty{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;background:var(--bg-secondary);border-radius:16px;text-align:center}.dog-selector-empty-icon{color:var(--text-muted);margin-bottom:1rem}.dog-selector-empty h2{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.dog-selector-empty p{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem}.dog-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dog-selector-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.dog-selector-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #f9731626;transform:translateY(-2px)}.dog-selector-card:active{transform:translateY(0)}.dog-selector-card-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ffaa70);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dog-selector-card-avatar svg{color:#fff}.dog-selector-card-info{flex:1;min-width:0}.dog-selector-card-name{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dog-selector-card-breed{font-size:.9rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dog-selector-card-owner{font-size:.8rem;color:var(--text-muted);margin:.25rem 0 0;font-style:italic}.dog-selector-card-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.dog-selector-card:hover .dog-selector-card-arrow{color:var(--primary);transform:translate(4px)}@media(max-width:600px){.dog-selector-page{padding:1rem}.dog-selector-header h1{font-size:1.5rem}.dog-selector-grid{grid-template-columns:1fr}.dog-selector-card{padding:1rem}.dog-selector-card-avatar{width:48px;height:48px}.dog-selector-card-avatar svg{width:24px;height:24px}}.weight-chart-container{position:relative;background:var(--bg);border-radius:12px;padding:1rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.weight-chart-svg{display:block}.weight-chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:4,4}.weight-chart-area{fill:url(#weightAreaGradient)}.weight-chart-line{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.weight-chart-point{fill:#fff;stroke:var(--primary);stroke-width:2}.weight-chart-y-text{font-size:11px;fill:var(--text-secondary)}.weight-chart-x-text{font-size:10px;fill:var(--text-secondary)}.weight-chart-unit{position:absolute;top:.5rem;left:.75rem;font-size:.7rem;color:var(--text-secondary);font-weight:500}.weight-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.weight-chart-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.weight-chart-empty-text{font-size:.95rem;font-weight:500;color:var(--text-secondary);margin:0 0 .25rem}.weight-chart-empty-subtext{font-size:.85rem;color:var(--text-secondary);opacity:.7;margin:0}.journal-page{padding:1rem;max-width:800px;margin:0 auto}.journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.journal-header h1{margin:0;font-size:1.5rem}.journal-header-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.journal-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.journal-back-btn:hover{background:var(--bg-hover);color:var(--primary)}.dog-age{font-size:.9rem;color:var(--text-secondary);font-weight:400}.journal-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.journal-tab{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .2s;min-width:70px}.journal-tab:hover{border-color:var(--primary)}.journal-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.tab-icon{font-size:1.25rem;margin-bottom:.25rem}.tab-label{font-size:.75rem;font-weight:500}.add-entry-btn{width:100%;margin-bottom:1rem}.entries-list{display:flex;flex-direction:column;gap:.75rem}.entry-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.entry-card:hover{border-color:var(--primary);transform:translateY(-1px)}.entry-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:10px}.entry-content{flex:1;min-width:0}.entry-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.entry-rating{font-size:.75rem;white-space:nowrap}.entry-actions{display:flex;gap:.5rem}.entry-card-expired{opacity:.6}.entry-card-expired .entry-icon{opacity:.5}.entry-name-expired{text-decoration:line-through;color:var(--text-secondary)!important}.modal.modal-large{max-width:95vw!important;width:95vw;min-height:80vh;max-height:95vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.detail-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:12px}.detail-title h3{margin:0 0 .25rem;font-size:1.25rem}.detail-date{font-size:.85rem;color:var(--text-secondary)}.detail-info{margin-bottom:1.5rem}.detail-row{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.feedback-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);flex:1;display:flex;flex-direction:column}.feedback-section h4{margin:0 0 1rem;font-size:1rem;color:var(--text)}.feedback-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.feedback-rating{display:flex;gap:.25rem}.feedback-rating .star-btn{font-size:1.5rem;padding:.25rem}.feedback-input-row{display:flex;gap:.5rem;align-items:center}.feedback-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.feedback-form .btn{flex-shrink:0}.feedback-list{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:200px;overflow-y:auto}.feedback-item{padding:.75rem;background:var(--bg);border-radius:8px}.feedback-content{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.25rem}.feedback-stars{font-size:.85rem;line-height:1}.feedback-text{color:var(--text);font-size:.9rem;word-break:break-word}.feedback-meta{display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:var(--text-secondary)}.no-feedback{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.star-rating-input{display:flex;gap:.25rem}.star-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;opacity:.3;transition:all .2s;padding:.25rem}.star-btn:hover,.star-btn.active{opacity:1;transform:scale(1.1)}.mood-selector{display:flex;gap:.5rem;justify-content:space-between}.mood-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:2px solid var(--border);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:all .2s;flex:1}.mood-btn:hover{border-color:var(--primary)}.mood-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.mood-emoji{font-size:1.5rem;margin-bottom:.25rem}.mood-label{font-size:.7rem;font-weight:500}.btn-small{padding:.375rem .75rem;font-size:.85rem}.btn-icon-small{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.6;padding:.25rem;transition:opacity .2s}.btn-icon-small:hover{opacity:1}.luna-reminder-section{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:1px solid #4a4a6a}.luna-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.luna-icon{font-size:1.25rem}.luna-title{font-weight:600;color:#f0e6ff;font-size:.95rem}.luna-reminder-section .form-group label{color:#d4c4f0}.luna-reminder-section .form-group input{background:#0006!important;border-color:#4a4a6a!important;color:#f0e6ff!important}.luna-reminder-section input::placeholder{color:#ffffff80}.luna-hint{display:block;margin-top:.5rem;font-size:.75rem;color:#a89cc8;font-style:italic}.luna-premium-promo{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;border:1px dashed #4a4a6a;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#a89cc8}.luna-premium-promo .luna-icon{font-size:1rem}@media(max-width:600px){.journal-tabs{gap:.25rem}.journal-tab{padding:.5rem .75rem;min-width:60px}.tab-icon{font-size:1.1rem}.tab-label{font-size:.65rem}.form-row{grid-template-columns:1fr}.mood-selector{flex-wrap:wrap}.mood-btn{min-width:60px}.feedback-input-row{flex-direction:column}.feedback-input-row .btn{width:100%}}.weight-form{padding:1rem;background:var(--bg);border-radius:8px;margin-bottom:1.5rem}.weight-form h4{margin:0 0 1rem;font-size:1rem;color:var(--text)}.weight-form .btn{width:100%;margin-top:.75rem}.feedback-weight{font-size:1.1rem;font-weight:600;color:var(--primary)}.feedback-quantity{font-size:.95rem;font-weight:600;color:var(--primary);padding:.25rem .5rem;background:var(--primary);color:#fff;border-radius:4px}.feedback-quantity-row{margin-bottom:.5rem}.feedback-quantity-row .feedback-input{width:100%}.feedback-datetime-row{margin-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem}.feedback-datetime{width:100%}.datetime-hint{font-size:.75rem;color:var(--text-secondary)}.weight-chart-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.weight-chart-section h4{margin:0 0 1rem;font-size:1rem;color:var(--text)}.modal-close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--bg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);transition:all .2s}.modal-close-btn:hover{background:var(--border);color:var(--text)}.modal{position:relative}.dog-profile{display:flex;flex-direction:column;gap:1.25rem}.profile-header-card{background:linear-gradient(135deg,var(--bg-card) 0%,#fef7f4 100%);border:1px solid var(--border);border-radius:20px;padding:2rem;text-align:center;box-shadow:0 4px 20px #f9731614}.profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#ffaa70 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 16px #f9731640}.profile-dog-name{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.profile-dog-breed{font-size:1rem;color:var(--text-secondary);margin:0 0 .5rem}.profile-dog-age{font-size:.9rem;color:var(--primary);font-weight:500;margin:0}.profile-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.profile-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .25s ease}.profile-stat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.profile-stat-icon{color:var(--primary);margin-bottom:.5rem}.profile-stat-value{font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.profile-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.profile-section-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease}.profile-section-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000000f}.profile-section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.profile-section-title{display:flex;align-items:center;gap:.75rem}.profile-section-title h3{font-size:1rem;font-weight:600;margin:0}.profile-section-icon{width:36px;height:36px;border-radius:10px;background:#f973161a;display:flex;align-items:center;justify-content:center;color:var(--primary)}.profile-section-arrow{color:var(--text-secondary);transition:transform .2s}.profile-section-card:hover .profile-section-arrow{transform:translate(4px);color:var(--primary)}.profile-section-content{padding:1rem 1.25rem}.food-info{display:flex;flex-direction:column;gap:.25rem}.food-name{font-weight:600;color:var(--text)}.food-expiry{font-size:.85rem;display:flex;align-items:center;gap:.5rem}.food-expiry.ok{color:var(--text-secondary)}.food-expiry.warning{color:#f59e0b}.food-expiry.expired{color:var(--danger)}.food-expiry-dot{width:8px;height:8px;border-radius:50%}.food-expiry-dot.ok{background:#10b981}.food-expiry-dot.warning{background:#f59e0b}.food-expiry-dot.expired{background:var(--danger)}.tricks-progress-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-bottom:.75rem}.tricks-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#ffaa70 100%);border-radius:4px;transition:width .5s ease}.tricks-stats{display:flex;gap:1rem;font-size:.85rem}.tricks-stat{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary)}.tricks-stat-dot{width:6px;height:6px;border-radius:50%}.tricks-stat-dot.mastered{background:var(--primary)}.tricks-stat-dot.learned{background:#10b981}.tricks-stat-dot.learning{background:#6b7280}.snacks-list{display:flex;flex-direction:column;gap:.5rem}.snack-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.snack-item:last-child{border-bottom:none}.snack-name{font-weight:500;color:var(--text)}.snack-rating{display:flex;gap:2px;color:#fbbf24}.profile-section-empty{display:flex;flex-direction:column;align-items:center;padding:1.5rem;text-align:center}.profile-section-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:var(--text-secondary)}.profile-section-empty-text{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.profile-section-empty-cta{font-size:.85rem;color:var(--primary);font-weight:500;display:flex;align-items:center;gap:.25rem}.current-foods-list{display:flex;flex-direction:column;gap:.75rem}.current-food-item{display:flex;align-items:center;gap:.75rem}.current-food-info{flex:1;display:flex;flex-direction:column;gap:.25rem;cursor:pointer}.current-food-last-portion{font-size:.85rem;color:var(--text-secondary)}.btn-quick-add{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-quick-add:hover{background:var(--primary-dark);transform:scale(1.05)}.entry-card-container{margin-bottom:.5rem}.entry-quick-add-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem;background:var(--primary-light);border:none;border-radius:8px;margin-top:.25rem;cursor:pointer;font-size:.8rem;font-weight:500;color:var(--primary);transition:all .2s ease}.entry-quick-add-btn:hover{background:#f9731633}.modal-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.25rem}.modal-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.portion-chips{display:flex;flex-wrap:wrap;gap:.5rem}.portion-chip{padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:9999px;font-size:.9rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.portion-chip:hover{border-color:var(--primary);background:var(--primary-light)}.portion-chip-selected{background:var(--primary);border-color:var(--primary);color:#fff}.portion-chip-selected:hover{background:var(--primary-dark)}.no-suggestions{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin:0}@media(max-width:600px){.profile-header-card{padding:1.5rem 1rem;border-radius:16px}.profile-avatar{width:80px;height:80px}.profile-dog-name{font-size:1.5rem}.profile-stats-row{gap:.5rem}.profile-stat-card{padding:1rem .75rem;border-radius:12px}.profile-stat-value{font-size:1.1rem}.profile-section-card{border-radius:12px}.tricks-stats{flex-wrap:wrap;gap:.5rem}}.luna-page{display:flex;flex:1;min-height:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100vw;margin-left:calc(-50vw + 50%);margin-top:-2rem;margin-bottom:-2rem;height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow:hidden;position:relative}.luna-sidebar{width:260px;background:var(--bg-card);display:flex;flex-direction:column;border-right:1px solid var(--border);transition:width .2s ease;flex-shrink:0;overflow:hidden}.luna-sidebar.collapsed{width:0;border-right:none}.luna-sidebar-header{padding:12px;display:flex;gap:8px;flex-shrink:0}.luna-new-chat{flex:1;display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;cursor:pointer;transition:all .15s ease}.luna-new-chat:hover{background:var(--bg);border-color:var(--primary)}.luna-new-chat-icon{font-size:18px}.luna-collapse-btn{padding:12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .15s ease}.luna-collapse-btn:hover{background:var(--bg);border-color:var(--primary)}.luna-sidebar-toggle{position:absolute;top:12px;left:12px;z-index:100;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow)}.luna-sidebar-toggle:hover{background:var(--bg);border-color:var(--primary)}.luna-sessions-list{flex:1;overflow-y:auto;padding:0 8px;min-height:0}.luna-sessions-group{margin-bottom:16px}.luna-sessions-date{padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.luna-session-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease;position:relative;color:var(--text)}.luna-session-item:hover{background:var(--bg)}.luna-session-item.active{background:var(--primary-light);border:1px solid var(--primary)}.luna-session-icon{font-size:14px;opacity:.7;color:var(--text-secondary)}.luna-session-title{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.luna-session-delete{opacity:0;background:none;border:none;padding:4px 6px;font-size:12px;cursor:pointer;border-radius:4px;transition:all .15s ease;color:var(--text-secondary)}.luna-session-item:hover .luna-session-delete{opacity:.5}.luna-session-delete:hover{opacity:1!important;background:var(--bg)}.luna-sessions-empty{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6}.luna-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;overflow:hidden;background:var(--bg)}.luna-error-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fef2f2;color:#dc2626;font-size:14px;border-bottom:1px solid #fecaca;flex-shrink:0}.luna-error-banner button{background:none;border:none;color:#dc2626;font-size:20px;cursor:pointer;padding:0 4px}.luna-messages-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.luna-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.luna-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.luna-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;max-width:800px;margin:0 auto;width:100%}.luna-welcome-icon{font-size:72px;margin-bottom:16px}.luna-welcome-title{font-size:32px;font-weight:600;margin:0 0 12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.luna-welcome-subtitle{font-size:16px;color:var(--text-secondary);text-align:center;max-width:500px;line-height:1.6;margin:0 0 40px}.luna-suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:600px}.luna-suggestion-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:var(--shadow)}.luna-suggestion-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.luna-suggestion-icon{font-size:24px}.luna-suggestion-text{font-size:14px;color:var(--text);line-height:1.4}.luna-messages{padding:24px 0;display:flex;flex-direction:column}.luna-message{display:flex;gap:16px;padding:24px 20px;max-width:800px;width:100%;margin:0 auto}.luna-message.user{background:transparent}.luna-message.assistant{background:var(--bg-card);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.luna-message-avatar{width:36px;height:36px;border-radius:6px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.luna-message.assistant .luna-message-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none}.luna-message-content{flex:1;min-width:0}.luna-message-role{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.luna-message-text{font-size:15px;line-height:1.7;color:var(--text);white-space:pre-wrap;word-wrap:break-word}.luna-cursor{display:inline-block;animation:blink 1s step-end infinite;color:var(--primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.luna-input-area{width:100%;padding:16px 20px 24px;background:var(--bg);flex-shrink:0;border-top:1px solid var(--border)}.luna-status-inline{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-style:italic}.luna-status-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:luna-status-pulse 1.5s infinite}@keyframes luna-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.luna-input-form{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto}.luna-input-wrapper{display:flex;align-items:flex-end;gap:12px;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:12px 16px;transition:border-color .2s ease;box-shadow:var(--shadow)}.luna-input-wrapper:focus-within{border-color:var(--primary)}.luna-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;line-height:1.5;resize:none;max-height:200px;font-family:inherit}.luna-input::placeholder{color:var(--text-secondary)}.luna-send-btn{width:36px;height:36px;border-radius:8px;background:var(--primary);border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.luna-send-btn:hover:not(:disabled){background:var(--primary-dark)}.luna-send-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed}.luna-send-icon{font-weight:700}.luna-send-loading{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.luna-cancel-btn{background:#ef4444}.luna-cancel-btn:hover{background:#dc2626}.luna-stop-icon{font-size:12px}.luna-input-footer{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:12px}.luna-sidebar-backdrop{display:none}@media(max-width:768px){.luna-page{width:100vw;margin-left:calc(-50vw + 50%);margin-top:-1rem;margin-bottom:-1rem;height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.luna-sidebar{position:fixed;left:0;top:60px;bottom:0;z-index:1001;width:280px;transform:translate(0);background:var(--bg-card);box-shadow:var(--shadow-lg);height:calc(100vh - 60px)}.luna-sidebar.collapsed{transform:translate(-100%);width:280px;pointer-events:none}.luna-sidebar-backdrop{display:block;position:fixed;inset:60px 0 0;background:#00000080;z-index:1000;opacity:1;transition:opacity .2s ease}.luna-sidebar-backdrop.hidden{opacity:0;pointer-events:none}.luna-suggestions-grid{grid-template-columns:1fr}.luna-message{padding:16px}.luna-welcome{padding:24px 16px}.luna-welcome-icon{font-size:56px}.luna-welcome-title{font-size:24px}.luna-sidebar-toggle{top:20px;left:12px;padding:8px 10px;font-size:14px}}.luna-premium-upsell{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-card) 100%)}.luna-premium-content{max-width:500px;text-align:center}.luna-premium-icon{margin-bottom:24px;display:flex;justify-content:center}.luna-premium-icon svg{width:72px;height:72px;color:var(--primary)}.luna-premium-title{font-size:36px;font-weight:700;margin:0 0 12px;background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.luna-premium-subtitle{font-size:18px;color:var(--text-secondary);margin:0 0 32px}.luna-premium-features{text-align:left;margin-bottom:32px;background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border)}.luna-premium-feature{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.luna-premium-feature:last-child{border-bottom:none}.luna-premium-feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;color:var(--primary)}.luna-premium-feature span:last-child{font-size:14px;color:var(--text);line-height:1.5}.luna-premium-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.luna-premium-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;background:linear-gradient(135deg,var(--primary),#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #6366f14d}.luna-premium-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.luna-premium-note{font-size:13px;color:var(--text-secondary);margin:0}*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #f97316;--primary-dark: #ea580c;--primary-light: rgba(249, 115, 22, .1);--secondary: #a1aab8;--bg: #fafafa;--bg-card: #ffffff;--text: #18181b;--text-secondary: #71717a;--border: #e4e4e7;--danger: #ef4444;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1)}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-size:1.5rem;font-weight:700}.logo-icon{font-size:1.75rem}.logo-icon-img{width:32px;height:32px;border-radius:6px}.nav{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem .75rem;border-radius:8px;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--bg)}.profile-link{display:flex;align-items:center;gap:.5rem}.avatar-small{width:28px;height:28px;border-radius:50%}.avatar-placeholder{font-size:1.25rem}.btn-logout{display:flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-logout:hover{background:var(--border);color:var(--text)}.logout-icon{font-size:1rem}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .25s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #f973164d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg);border-color:var(--text-secondary)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.hero{text-align:center;padding:4rem 1rem}.hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.hero-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.feature-icon{font-size:1.5rem}.hero-cta{margin-bottom:2rem;display:flex;justify-content:center}.app-download{color:var(--text-secondary)}.app-download p{margin-bottom:.75rem}.app-store-btn img{height:44px}.walks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.walks-header h1{margin:0}.filter-toggle{display:flex;align-items:center;justify-content:center;position:relative;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:all .2s}.filter-toggle:hover{background:var(--bg);border-color:var(--text-secondary)}.filter-toggle.active{background:var(--primary-light);border-color:var(--primary)}.filter-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--primary);border-radius:50%}.filter-bar{display:flex;align-items:flex-end;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.filter-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-group select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:.9rem;color:var(--text);cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--primary)}.filter-clear{padding:.5rem 1rem;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.filter-clear:hover{background:var(--bg);color:var(--text)}@media(max-width:600px){.filter-bar{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.filter-clear{align-self:flex-start}}.walks-list{display:grid;gap:1rem}.walk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:var(--text);transition:all .3s ease;box-shadow:var(--shadow)}.walk-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary)}.walk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.walk-date{font-weight:600}.walk-location{font-weight:400;color:var(--text-secondary);margin-left:.25rem}.walk-stats{display:flex;gap:1.5rem;color:var(--text-secondary)}.stat{display:flex;align-items:center;gap:.25rem}.walk-dog{margin-top:.75rem;color:var(--text-secondary)}.walk-notes{margin-top:.5rem;color:var(--text-secondary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-more,.end-of-list{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.9rem}.loading-more{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-more:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.walk-detail{max-width:600px;margin:0 auto}.walk-header{text-align:center;margin-bottom:2rem}.walk-date-full{color:var(--text-secondary);margin-top:.5rem}.walk-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;box-shadow:var(--shadow);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:700}.walk-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.info-icon{font-size:1.25rem}.walk-notes-full{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:2rem}.walk-notes-full h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.walk-cta{text-align:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.walk-cta p{margin-bottom:1rem;color:var(--text-secondary)}.walk-map{margin-bottom:2rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.walk-walker-name{color:var(--text-secondary);font-size:.9rem}.walk-events{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:2rem}.walk-events h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg);border-radius:8px}.event-icon{font-size:1.5rem}.event-details{flex:1}.event-type{font-weight:600;text-transform:capitalize}.event-note{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.walk-walker{margin-top:.5rem;color:var(--text-secondary);font-size:.9rem}.walk-rating{margin-top:.5rem}.profile-page{max-width:500px;margin:0 auto}.profile-page h1{margin-bottom:1.5rem}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow);transition:all .3s ease}.profile-card:hover{box-shadow:var(--shadow-lg)}.profile-avatar{width:80px;height:80px;border-radius:50%}.profile-info h2{font-size:1.25rem}.profile-email{color:var(--text-secondary)}.profile-actions{text-align:center}.profile-delete-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.btn-delete-account{background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:.5rem}.btn-delete-account:hover{color:var(--danger)}.delete-confirm-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);padding:1.5rem;text-align:left}.delete-confirm-box p{color:#991b1b;margin-bottom:1rem;font-size:.9rem}.delete-confirm-buttons{display:flex;gap:1rem;justify-content:flex-end}.profile-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}.profile-section h2{margin:0 0 1rem;font-size:1.1rem}.profile-section h3{font-size:.95rem;color:var(--text-secondary);margin:1rem 0 .75rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background:var(--bg);border-radius:var(--radius);padding:1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dogs-list{display:flex;flex-direction:column;gap:.75rem}.dog-card{display:flex;align-items:center;gap:1rem;background:var(--bg);border-radius:var(--radius);padding:.75rem 1rem}.dog-card-family{opacity:.8}.dog-avatar{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.dog-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.dog-name{font-weight:600}.dog-breed{font-size:.85rem;color:var(--text-secondary)}.dog-owner{font-size:.8rem;color:var(--primary)}.dog-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon-danger:hover{transform:scale(1.1)}.family-badge{font-size:.75rem;background:#8b5cf626;color:var(--primary);padding:.25rem .5rem;border-radius:4px;font-weight:500}.family-card{background:var(--bg);border-radius:var(--radius);padding:1rem}.family-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.family-name{font-weight:600;font-size:1.1rem}.invite-code-box{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem}.invite-code-box code{flex:1;font-family:monospace;font-size:.9rem}.family-members{margin-bottom:1rem}.family-members h4{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem}.member-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:none}.member-name{font-size:.9rem}.member-role{font-size:.75rem;color:var(--primary);font-weight:500}.no-family{text-align:center;padding:1rem 0}.no-family p{color:var(--text-secondary);margin-bottom:1rem}.family-buttons{display:flex;gap:.75rem;justify-content:center}.badges-group{margin-bottom:1rem}.badges-group:last-child{margin-bottom:0}.btn-small{padding:.4rem .75rem;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.modal h3{margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg)}.form-group input:focus{outline:none;border-color:var(--primary)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.loading-text,.no-data{color:var(--text-secondary);font-size:.9rem}.empty-state,.error-page{text-align:center;padding:4rem 2rem}.empty-icon,.error-icon{font-size:4rem;display:block;margin-bottom:1rem}.error-page h2{margin-bottom:.5rem}.error-page p{color:var(--text-secondary);margin-bottom:1.5rem}.loading{text-align:center;padding:4rem;color:var(--text-secondary)}.public-badge{display:inline-block;background:#10b981;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem;vertical-align:middle}.walk-visibility{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.visibility-toggle{display:flex;align-items:center;justify-content:space-between}.visibility-label{font-weight:600}.toggle-btn{position:relative;width:50px;height:28px;background:var(--border);border:none;border-radius:14px;cursor:pointer;transition:background .2s}.toggle-btn.active{background:#10b981}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-btn.active .toggle-slider{transform:translate(22px)}.visibility-hint{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.legal-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.legal-page h1{font-size:2rem;margin-bottom:.5rem;color:var(--text)}.legal-page .last-updated{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.legal-page section{margin-bottom:2rem}.legal-page h2{font-size:1.4rem;margin-bottom:1rem;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:.5rem}.legal-page h3{font-size:1.1rem;margin:1rem 0 .5rem;color:var(--text)}.legal-page p{margin-bottom:1rem;color:var(--text-secondary)}.legal-page ul{margin:.5rem 0 1rem 1.5rem;color:var(--text-secondary)}.legal-page li{margin-bottom:.5rem}.legal-page a{color:var(--primary);text-decoration:none}.legal-page a:hover{text-decoration:underline}.support-page{max-width:800px;margin:0 auto;padding:2rem 1rem;text-align:center}.support-page h1{font-size:2rem;margin-bottom:1rem}.support-page p{color:var(--text-secondary);font-size:1.1rem}.support-page a{color:var(--primary);text-decoration:none}.support-page a:hover{text-decoration:underline}.apps-page{max-width:500px;margin:0 auto;padding:3rem 1rem}.apps-content{text-align:center}.apps-icon{font-size:4rem;display:block;margin-bottom:1rem}.apps-icon-img{width:80px;height:80px;border-radius:16px;margin-bottom:1rem}.app-store-link{display:block}.app-store-link img{height:50px}.apps-page h1{font-size:2rem;margin-bottom:.5rem}.apps-subtitle{color:var(--text-secondary);margin-bottom:2rem}.apps-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.app-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .3s ease;box-shadow:var(--shadow)}.app-card-available{cursor:pointer}.app-card-available:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary)}.app-card-coming-soon{opacity:.6}.app-card-icon{font-size:2rem}.app-card-info{flex:1;text-align:left}.app-card-platform{display:block;font-weight:600;font-size:1.1rem}.app-card-status{display:block;color:var(--text-secondary);font-size:.9rem}.app-card-arrow{font-size:1.5rem;color:var(--primary)}.apps-note{color:var(--text-secondary);font-size:.9rem}.badges-section{margin-bottom:2rem}.badges-section h2{font-size:1.25rem;margin-bottom:1rem}.badges-section h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:600}.badges-earned{margin-bottom:1.5rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.badge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.badge-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge-card.badge-earned{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%)}.badge-card.badge-locked{opacity:.5;filter:grayscale(.5)}.badge-icon{font-size:2rem}.badge-name{font-weight:600;font-size:.9rem}.badge-description{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.loading-text,.no-badges{color:var(--text-secondary);font-size:.9rem}.page-footer{text-align:center;padding:2rem 1rem 3rem;margin-top:2rem;border-top:1px solid var(--border)}.page-footer-links{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.page-footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.page-footer-links a:hover{color:var(--primary)}.page-footer-divider{color:var(--border);font-size:.75rem}.activity-timers-section{display:flex;gap:1rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.activity-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;min-width:150px;text-decoration:none;color:inherit;transition:all .2s ease}.activity-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.activity-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.activity-card-header svg{color:var(--primary)}.activity-card-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.activity-card-timers{display:flex;flex-direction:column;gap:.25rem}.activity-timer{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.activity-timer svg{flex-shrink:0}.activity-timer .timer-long{color:var(--error);font-weight:500}@media(max-width:600px){html,body{overflow-x:hidden}.header{padding:.75rem}.logo-text{display:none}.logo-icon{font-size:1.5rem}.logo-icon-img{width:28px;height:28px}.nav{gap:.5rem}.nav-link{padding:.4rem .5rem;font-size:.85rem}.profile-name{display:none}.profile-link{padding:.4rem}.btn-logout{display:none}.hero h1{font-size:2rem}.hero-features{flex-direction:column;gap:1rem}.profile-card{flex-direction:column;text-align:center}.main{padding:1rem .75rem}}