html{box-sizing:border-box;background:var(--color-bg);transition:background .3s,color .3s}*,*:before,*:after{box-sizing:inherit}body{background:linear-gradient(to bottom right,var(--color-bg),var(--color-card));display:flex;flex-direction:column;overflow-y:auto}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--touch-target-size: 44px;--native-border-radius: 12px;--native-shadow: 0 2px 10px rgb(0 0 0 / 10%)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:10000;transition:top .3s}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#app{flex-grow:1;display:flex;flex-direction:column;max-width:600px;margin-left:auto;margin-right:auto;background:transparent;padding-bottom:0}.main-app-content-wrapper{width:100%;max-width:1000px;margin:0 auto}#main-app-content-wrapper,#app{height:98vh;max-height:100vh}#main-content-area{box-sizing:border-box;height:calc(100vh - 64px - 1rem);overflow-y:auto;padding-bottom:1rem;scrollbar-gutter:stable;scrollbar-width:none;-ms-overflow-style:none}.message-display{background-color:var(--color-success);color:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);transition:opacity .3s,transform .3s;font-weight:var(--font-weight-semibold);position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:2000}.message-display.error{background-color:var(--color-danger)}.message-display.info{background-color:var(--color-primary)}.mb-2{margin-bottom:var(--space-sm)}.mt-2{margin-top:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.mt-4{margin-top:var(--space-md)}.p-3{padding:var(--space-md)}*{scrollbar-width:none;-ms-overflow-style:none}.flex{display:flex}.flex-1{flex:1}.gap-2{gap:var(--space-sm)}html,body{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text);letter-spacing:.01em}h1,.h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:.5em}h2,.h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:.4em}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:.3em}h4,.h4{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:.2em}p,span,label,input,button,textarea,select{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5}.button-primary,.button-secondary,.button-danger,.button-link{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-title: 2.8rem;--font-weight-thin: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-4xl{font-size:var(--font-size-3xl)}.splash-title{font-size:var(--font-size-title)}.splash-slogan{font-size:var(--font-size-base)}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.app-header{background:var(--color-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:1rem;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto}.logo-zoom{object-fit:cover;object-position:center;transform:scale(1.4)}.header-title{color:var(--color-header-title);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;width:100%;background:var(--color-header, #222);border-top:1px solid var(--color-border, #333);z-index:1000;padding:.5rem 0;box-sizing:border-box;transition:transform .3s,opacity .3s}.bottom-nav.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.nav-link{display:flex;flex-direction:column;align-items:center;flex:1;max-width:25%;text-align:center;padding:.5rem 0;color:var(--color-nav, #aaa);text-decoration:none;border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background .2s,color .2s}.nav-link:hover,.nav-link.active{background:var(--color-nav-active, #2563eb22);color:var(--color-text, #fff)}.nav-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:.15rem}.nav-icon{font-size:var(--font-size-xl);color:var(--color-primary, #2563eb);transition:color .2s}.nav-link.active .nav-icon{color:var(--color-nav-active-indicator, #2563eb)}.nav-label{font-size:var(--font-size-xs);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.context-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:var(--color-header, #222);border-top:1px solid var(--color-border, #333);z-index:1010;padding:.5rem 0;display:flex;align-items:center;gap:.5rem;box-sizing:border-box;transition:transform .3s,opacity .3s}.context-nav.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.context-back-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:transparent;border:none;border-radius:12px;padding:.5rem .75rem;color:var(--color-nav, #aaa);cursor:pointer;transition:background .2s,color .2s;min-width:60px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.context-back-btn:hover{background:var(--color-nav-active, #2563eb22);color:var(--color-text, #fff)}.popup-row i{width:16px;color:var(--color-primary)}.context-back-btn i{font-size:var(--font-size-xl);color:var(--color-primary, #2563eb);margin-bottom:.15rem;transition:color .2s}.context-nav-link i{font-size:var(--font-size-xl);margin-bottom:.15rem;color:var(--color-primary, #2563eb);transition:color .2s}.stat-item i{width:16px;color:var(--color-primary)}.menu-link i{margin-bottom:0;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 60%));width:32px;height:32px;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.layer-center svg,.layer-center i{color:var(--color-white);filter:drop-shadow(0 2px 4px rgb(0 0 0 / 60%));transition:all .3s ease}.context-back-btn:hover i{color:var(--color-nav-active-indicator, #2563eb)}.context-back-btn span{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.1}.context-nav-items{display:flex;flex:1;justify-content:space-around;gap:.25rem}.context-nav-link{display:flex;flex-direction:column;align-items:center;padding:.5rem 0;color:var(--color-nav, #aaa);text-decoration:none;border-radius:12px;transition:background .2s,color .2s;flex:1;max-width:80px;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.context-nav-link:hover,.context-nav-link.active{background:var(--color-nav-active, #2563eb22);color:var(--color-text, #fff)}.context-nav-link.active i{color:var(--color-nav-active-indicator, #2563eb)}.context-nav-link span{font-size:var(--font-size-xs);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (width <= 480px){.nav-icon,.context-nav-link i,.context-back-btn i{font-size:var(--font-size-lg)}.nav-label,.context-nav-link span,.context-back-btn span{font-size:var(--font-size-xs)}.nav-link,.context-nav-link,.context-back-btn{padding:.4rem 0;font-size:var(--font-size-xs)}}@media (width <= 390px){.nav-icon,.context-nav-link i,.context-back-btn i{font-size:var(--font-size-base)}.nav-label,.context-nav-link span,.context-back-btn span{font-size:var(--font-size-xs)}.nav-link,.context-nav-link,.context-back-btn{padding:.3rem 0}}:root{--menu-size: 380px;--item-radius: 160px}.reel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1200;opacity:0;pointer-events:none;transition:opacity .4s ease;display:flex;align-items:center;justify-content:center;padding-top:40px}.reel-overlay.active{opacity:1;pointer-events:auto}.reel-menu{position:relative;width:var(--menu-size);height:var(--menu-size);border-radius:50%;background:radial-gradient(circle at 70% 30%,var(--color-primary),var(--color-card) 60%,var(--color-bg));box-shadow:0 0 0 15px var(--color-bg),0 15px 30px var(--color-shadow),inset 0 0 30px #0009;transition:transform .3s ease}.reel-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:all .3s ease;box-sizing:border-box}.layer-1{width:90%;height:90%;background:radial-gradient(circle at 30% 70%,var(--color-card),var(--color-bg));border:2px solid var(--color-border);box-shadow:inset 0 0 10px #000c,0 0 15px var(--color-glass)}.layer-2{width:70%;height:70%;background:radial-gradient(circle at 60% 40%,var(--color-primary),var(--color-card) 70%,var(--color-bg));border:1px solid var(--color-border);box-shadow:inset 0 0 15px #0009,0 0 10px var(--color-glass)}.layer-center{width:110px;height:110px;background:radial-gradient(circle at 20% 80%,var(--color-primary),var(--color-card) 80%);z-index:30;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 16px var(--color-shadow),inset 0 2px 6px var(--color-glass),inset 0 0 4px #0000004d;border:4px solid var(--color-border);border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.layer-center:hover{background:radial-gradient(circle at 20% 80%,var(--color-button-primary-hover),var(--color-primary) 80%);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 24px var(--color-shadow),inset 0 0 12px var(--color-glass-border),inset 0 0 8px #0006;border-color:var(--color-glass-border)}.menu-items{list-style:none;padding:0;margin:0;pointer-events:none}.menu-item{position:absolute;top:50%;left:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;transform-origin:center center;z-index:20;text-align:center}.menu-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:65px;height:65px;border-radius:16px;box-shadow:0 8px 16px var(--color-shadow),inset 0 2px 6px var(--color-glass),inset 0 0 4px #0000004d;color:var(--color-text);text-decoration:none;font-size:.7rem;font-weight:600;background:linear-gradient(145deg,var(--color-primary),var(--color-card));transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;border:2px solid var(--color-border);transform:none;transform-origin:center center;cursor:pointer;overflow:hidden}.menu-link:hover{box-shadow:0 12px 24px var(--color-shadow),inset 0 0 12px var(--color-glass-border),inset 0 0 8px #0006;transform:scale(1.2);z-index:25;background:linear-gradient(145deg,var(--color-button-primary-hover),var(--color-primary));border-color:var(--color-glass-border)}.menu-link:active{transform:scale(1.1);box-shadow:0 4px 8px #0000004d,inset 0 0 6px #0009}.item-label{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);color:var(--color-text);font-size:.95rem;white-space:nowrap;text-shadow:-1px -1px 0 var(--color-bg),1px -1px 0 var(--color-bg),-1px 1px 0 var(--color-bg),1px 1px 0 var(--color-bg),0 3px 6px var(--color-shadow);font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;transition:all .3s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.8px;text-transform:uppercase}.menu-item:hover .item-label{color:var(--color-accent);transform:translate(-50%) translateY(8px) scale(1.1);text-shadow:-1px -1px 0 var(--color-bg),1px -1px 0 var(--color-bg),-1px 1px 0 var(--color-bg),1px 1px 0 var(--color-bg),0 0 15px var(--color-primary);font-weight:800}@media (width <= 600px){:root{--menu-size: 280px;--item-radius: 120px}.reel-menu{box-shadow:0 0 0 10px var(--color-bg),0 10px 20px var(--color-shadow),inset 0 0 20px #0009}.menu-link{width:50px;height:50px}.menu-link i{width:24px;height:24px}.item-label{font-size:.75rem;top:calc(100% + 8px)}.layer-center{width:90px;height:90px}.layer-center svg,.layer-center i{width:24px;height:24px}}.loading-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:2000}.loading-spinner{width:4rem;height:4rem;border-top:4px solid var(--color-primary);border-bottom:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plan-button.minimal{min-width:unset;padding:4px 8px;font-size:var(--font-size-sm);background:transparent;border:1px solid var(--color-border);color:var(--color-primary);border-radius:var(--radius-sm);box-shadow:none;display:inline-flex;align-items:center;gap:4px;transition:border-color .2s}.plan-button.minimal:hover{border-color:var(--color-primary);background:var(--color-glass)}.plan-button.minimal .icon-upgrade{display:flex;align-items:center;justify-content:center}:root{--premium-gold: #ffd700;--premium-orange: #ff8c00;--premium-gradient-start: var(--color-accent-warm);--premium-gradient-end: #ff6b35;--premium-shadow: rgb(255 215 0 / 30%);--premium-glow: rgb(255 215 0 / 15%);--premium-primary: var(--color-accent-warm);--premium-secondary: var(--color-primary);--premium-border: var(--color-accent-warm)}.shop-view{padding:var(--space-lg);max-width:1000px;margin:0 auto}.shop-header{text-align:center;margin-bottom:var(--space-xl)}.shop-header h1{color:var(--color-text);margin-bottom:var(--space-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.shop-header p{color:var(--color-meta);font-size:var(--font-size-base)}.current-plan-status{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.current-plan-status.premium-active{background:linear-gradient(135deg,rgb(var(--color-success),.1) 0%,var(--color-glass) 100%);border-color:var(--color-success)}.current-plan-status.free-plan{background:var(--color-glass);border-color:var(--color-border)}.plan-info .plan-name{color:var(--color-text);font-weight:var(--font-weight-semibold)}.plan-badge{background:var(--color-primary);color:var(--color-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.premium-badge{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);box-shadow:0 2px 8px var(--premium-shadow)}.premium-plans{margin-bottom:var(--space-xl)}.premium-plans h2{text-align:center;color:var(--color-text);margin-bottom:var(--space-lg);font-size:var(--font-size-xl)}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.plan-card{background:var(--color-glass);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.free{border-color:var(--color-border)}.plan-card.premium{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-glass) 0%,rgb(var(--color-primary),.05) 100%)}.plan-card.premium-plus{border-color:var(--premium-gold);background:linear-gradient(135deg,var(--color-glass) 0%,var(--premium-glow) 100%)}.plan-card.current-plan{border-color:var(--color-success);box-shadow:0 0 20px rgb(var(--color-success),.2)}.plan-card.feature-highlight{animation:premium-glow 2s ease-in-out infinite alternate}@keyframes premium-glow{0%{box-shadow:0 0 15px var(--premium-shadow)}to{box-shadow:0 0 25px var(--premium-shadow)}}.plan-header{text-align:center;margin-bottom:var(--space-lg);position:relative}.popular-badge{position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.plan-header h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:var(--space-md) 0 var(--space-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.premium-crown,.premium-star{font-size:1.2em;filter:drop-shadow(0 2px 4px var(--premium-shadow))}.price{margin-bottom:var(--space-md)}.price .amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-text)}.price .period{color:var(--color-meta);font-size:var(--font-size-base)}.features-list{list-style:none;padding:0;margin:0 0 var(--space-lg) 0}.features-list .feature{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);transition:background .2s ease}.features-list .feature:last-child{border-bottom:none}.features-list .feature.highlighted{background:var(--premium-glow);border-radius:var(--radius-sm);padding:var(--space-sm);animation:feature-highlight 1.5s ease-in-out 3}@keyframes feature-highlight{0%,to{background:var(--premium-glow)}50%{background:rgb(var(--premium-gold),.2)}}.checkmark{color:var(--color-success);font-weight:var(--font-weight-bold);font-size:1.1em}.crossmark{color:var(--color-meta);opacity:.6}.feature.excluded{opacity:.7}.premium-feature{position:relative}.premium-feature:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:2px;background:var(--premium-gradient-start);border-radius:1px}.plan-button{width:100%;padding:var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.plan-button.current{background:var(--color-success);color:var(--color-white);cursor:default}.plan-button.upgrade{background:var(--color-primary);color:var(--color-white)}.plan-button.upgrade:hover{background:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--color-button-primary-shadow)}.plan-card.premium .plan-button.upgrade{background:linear-gradient(135deg,var(--color-primary),var(--color-button-primary-hover))}.plan-card.premium-plus .plan-button.upgrade{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg)}.plan-card.premium-plus .plan-button.upgrade:hover{background:linear-gradient(135deg,var(--premium-orange),#ff4500);color:var(--color-white)}.feature-comparison{margin-bottom:var(--space-xl)}.feature-comparison h2{text-align:center;color:var(--color-text);margin-bottom:var(--space-lg)}.comparison-table{background:var(--color-glass);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.comparison-header>div{padding:var(--space-md);text-align:center}.comparison-header .feature-name{text-align:left}.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid var(--color-border);transition:background .2s ease}.comparison-row:hover{background:var(--color-list-hover)}.comparison-row.highlighted{background:var(--premium-glow);animation:row-highlight 2s ease-in-out 3}@keyframes row-highlight{0%,to{background:var(--premium-glow)}50%{background:rgb(var(--premium-gold),.15)}}.comparison-row>div{padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:center}.comparison-row .feature-name{justify-content:flex-start;font-weight:var(--font-weight-medium);color:var(--color-text)}.plan-column.free{color:var(--color-meta)}.plan-column.premium{color:var(--color-primary)}.plan-column.premium-plus{color:var(--premium-gold);font-weight:var(--font-weight-semibold)}.payment-section{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;border:1px solid var(--color-border)}.payment-section h2{color:var(--color-text);margin-bottom:var(--space-md)}.security-badges{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.security-badge{background:var(--color-success);color:var(--color-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.payment-methods{color:var(--color-meta);font-size:var(--font-size-sm)}.payment-icons{font-size:1.2rem;margin-left:var(--space-sm)}.premium-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all .2s ease}.premium-indicator.badge{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px var(--premium-shadow)}.premium-indicator.badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--premium-shadow)}.premium-indicator.overlay{position:absolute;inset:0;background:#000c;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.premium-overlay-content{text-align:center;color:var(--color-white);padding:var(--space-lg)}.premium-overlay-content h3{margin-bottom:var(--space-sm);color:var(--premium-gold)}.premium-learn-more{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--space-md)}.premium-indicator.subtle{color:var(--premium-gold);font-size:var(--font-size-base);opacity:.8;transition:opacity .2s ease}.premium-indicator.subtle:hover{opacity:1;transform:scale(1.1)}.premium-indicator.button{background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.premium-indicator.button:hover{background:var(--color-primary);color:var(--color-white)}.feature-locked{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.feature-locked-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg)}.feature-locked-content{text-align:center;color:var(--color-white);padding:var(--space-lg);max-width:300px}.feature-locked-content h3{color:var(--premium-gold);margin:var(--space-sm) 0;font-size:1.2rem}.premium-upgrade-button{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--space-md);transition:all .2s ease}.premium-upgrade-button:hover{background:linear-gradient(135deg,var(--premium-orange),#ff4500);color:var(--color-white);transform:translateY(-1px)}.feature-locked-preview{filter:blur(2px);opacity:.5;pointer-events:none}.feature-locked-preview.blurred{filter:blur(4px)}.feature-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--color-glass);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.placeholder-content{text-align:center;color:var(--color-meta)}.placeholder-icon{font-size:3rem;opacity:.5;margin-bottom:var(--space-sm)}.premium-category-card{background:linear-gradient(135deg,var(--premium-glow) 0%,var(--color-glass) 50%,var(--premium-glow) 100%);border:2px solid var(--premium-gold);position:relative;overflow:hidden}.premium-active-badge,.premium-upgrade-badge{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center}.premium-active-badge{background:var(--color-success);color:var(--color-white);animation:subtle-pulse 2s infinite}.premium-upgrade-badge{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);animation:subtle-glow 2s ease-in-out infinite alternate}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes subtle-glow{0%{box-shadow:0 2px 8px var(--premium-shadow)}to{box-shadow:0 4px 16px var(--premium-shadow)}}.premium-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm)}.premium-button:hover{background:var(--color-button-primary-hover);border-color:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--color-button-primary-shadow)}.premium-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.premium-button.premium-locked{background:linear-gradient(135deg,var(--color-meta) 0%,var(--color-border) 100%);border-color:var(--color-meta);position:relative}.premium-button.premium-locked:hover{background:linear-gradient(135deg,var(--premium-gold) 0%,var(--premium-orange) 100%);border-color:var(--premium-gold);box-shadow:0 4px 12px var(--premium-shadow)}.premium-button.premium-locked .premium-lock-icon{font-size:var(--font-size-base);animation:shake 2s infinite}.premium-button.premium-locked .premium-badge{background:linear-gradient(135deg,var(--premium-gold),var(--premium-orange));color:var(--color-bg);padding:2px 6px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-left:auto}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.premium-button.secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.premium-button.secondary:hover{background:var(--color-primary);color:var(--color-white)}.premium-button.small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.premium-button.large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.premium-feature-card{border:2px solid transparent;border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--color-card);box-shadow:var(--shadow-md);transition:all .3s ease}.premium-feature-card.locked{border-color:var(--premium-gold);position:relative;overflow:hidden}.premium-feature-card.locked:before{content:"";position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.premium-feature-card.locked .premium-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}@media (width <= 768px){.plans-container{grid-template-columns:1fr}.comparison-header,.comparison-row{grid-template-columns:1fr;text-align:center}.security-badges{flex-direction:column;align-items:center}.premium-button .premium-badge{display:none}}@media (width <= 480px){.shop-view,.plan-card{padding:var(--space-md)}.price .amount{font-size:var(--font-size-2xl)}.premium-overlay-content{padding:var(--space-md)}.premium-button{padding:var(--space-sm);font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay-opacity);display:flex;justify-content:center;align-items:center;z-index:2000;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body.modal-open #main-nav,body.modal-open #context-nav,body.modal-open .app-header,body.modal-open #main-content-area{pointer-events:none!important;-webkit-user-select:none;user-select:none;opacity:.5}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{position:relative;padding:1.5rem;border-radius:15px;width:90%;max-width:500px;box-shadow:var(--color-modal-shadow);transform:translateY(-20px);transition:transform .3s ease;color:var(--color-text);background:var(--color-card);max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-footer{display:flex;gap:var(--space-sm);justify-content:flex-start;margin-top:var(--space-md)}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-semibold);color:var(--color-nav)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);outline:none;font-size:var(--font-size-base);transition:border-color .2s,background-color .2s}.form-input-group{display:flex;gap:.5rem;align-items:center}.form-input-group .form-input{flex:1}.form-select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23a0aec0" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>');background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:1.2em;padding-right:2.5rem}.form-select option{background-color:var(--color-card);color:var(--color-text)}.form-textarea{min-height:80px;resize:vertical}.form-input-group .form-select{width:120px;flex-shrink:0}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);background:var(--color-input-focus);outline:2px solid var(--color-primary);outline-offset:2px}.form-input.error,.form-select.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #e53e3e1a;background-color:#e53e3e0d}.form-input.error:focus,.form-select.error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #e53e3e26}.button-secondary{background-color:var(--color-card);color:var(--color-primary)}.button-primary{background-color:var(--color-primary);color:var(--color-white)}.button-danger{background-color:var(--color-danger);color:var(--color-white)}.button-primary,.button-secondary,.button-danger,.button-link{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);box-shadow:var(--shadow-md)}.button-primary:hover{background-color:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--color-button-primary-shadow)}.button-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.button-danger:hover{background-color:var(--color-button-danger-hover)}.button-link{background:none;color:var(--color-meta)}.button-link:hover{color:var(--color-primary);text-decoration:underline}.button-list-action{background:none;border:none;color:var(--color-nav);cursor:pointer;padding:.5rem;border-radius:5px;transition:background-color .2s,color .2s;min-width:2rem;text-align:center}.button-list-action:hover{background-color:var(--color-glass);color:var(--color-text)}.button-list-action.button-danger{color:var(--color-danger)}.button-list-action.button-success{color:var(--color-success)}.button-fullwidth{width:100%}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-primary:disabled:hover,.button-secondary:disabled:hover,.button-danger:disabled:hover{background-color:var(--color-primary);transform:none;box-shadow:var(--shadow-md)}.action-button-group{display:flex;gap:var(--space-sm);justify-content:flex-start;margin-top:var(--space-md)}.back-button{position:absolute;left:var(--space-md);top:var(--space-md);background:var(--color-glass);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-xs);transition:all .2s ease;text-decoration:none}.back-button:hover{background:var(--color-list-hover);transform:translate(-2px)}.sync-status-badge{white-space:nowrap;line-height:1;display:inline-flex;align-items:center;justify-content:center}.sync-status-badge .sync-icon{font-size:.9em}.sync-status-badge .sync-label{font-weight:var(--font-weight-medium)}.sync-status-icon{font-size:1em;line-height:1;display:inline-block}@keyframes sync-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-status-badge.text-yellow-600 .sync-icon,.sync-status-badge.text-blue-600 .sync-icon{animation:sync-rotate 2s linear infinite}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.6}}.sync-status-badge.text-red-600{animation:sync-pulse 2s ease-in-out infinite}.section-title i{color:var(--color-primary);font-size:var(--font-size-xl)}.section-title{padding:var(--space-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.card-glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-glass-opacity);border:1px solid var(--color-glass-border-opacity);border-radius:var(--radius-md);box-shadow:0 8px 32px 0 var(--color-shadow);margin-bottom:var(--space-md);padding:var(--space-md)}.profile-settings-header{margin-bottom:2rem}.highlight-content,.set-articles-container,.available-items-list,#main-content-area,.modal-content{scrollbar-width:none;-ms-overflow-style:none}.catch-item-details,.maintenance-item-details,.set-item-details{padding:1rem}.back-to-categories-link{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;margin-top:.5rem;padding:.25rem .5rem;border-radius:6px;background:none;transition:color .2s,text-decoration .2s;width:fit-content;outline:none;text-decoration:underline transparent}.back-to-categories-link:hover,.back-to-categories-link:focus{color:var(--color-accent);text-decoration:underline;background:none}.catch-day-content.hidden,.catch-item-details.hidden,.maintenance-item-details.hidden,.set-item-details.hidden,.accordion-content.hidden,.main-app-content-wrapper.hidden,#main-content-area::-webkit-scrollbar,.available-items-list.hidden,.highlight-content::-webkit-scrollbar,.set-articles-container::-webkit-scrollbar,.available-items-list::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.accordion-content::-webkit-scrollbar,.catch-day-content::-webkit-scrollbar,.catch-item-details::-webkit-scrollbar,.maintenance-item-details::-webkit-scrollbar,.set-item-details::-webkit-scrollbar,*::-webkit-scrollbar{display:none}.highlight-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);padding:0;color:var(--color-meta);font-size:var(--font-size-sm);line-height:1.4}.accordion-content,.catch-item-details,.catch-day-content,.maintenance-item-details,.set-item-details{display:none;background:transparent;text-align:left;padding-left:1rem;border-radius:0 0 12px 12px;color:var(--color-meta);scrollbar-width:none;-ms-overflow-style:none}.catch-day-content:not(.hidden),.catch-item-details:not(.hidden),.maintenance-item-details:not(.hidden),.set-item-details:not(.hidden),.accordion-content:not(.hidden){display:block}.accordion-header,.catch-item-header,.catch-day-header,.maintenance-item-header,.set-item-header{cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);display:flex;justify-content:center;align-items:center;background:var(--color-accordion-header-opacity);color:var(--color-text);transition:background .2s;padding:.5rem;border:none;width:100%;text-align:left;outline:none;border-radius:var(--radius-md)}.accordion-item{background:var(--color-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-glass-border);margin-bottom:var(--space-md);padding:var(--space-md)}.accordion-header:focus,.catch-item-header:focus,.catch-day-header:focus,.maintenance-item-header:focus,.set-item-header:focus{outline:2px solid var(--color-primary);outline-offset:2px}.accordion-header:hover,.catch-item-header:hover,.catch-day-header:hover,.maintenance-item-header:hover,.set-item-header:hover{background:var(--color-accordion-header-hover-opacity)}.accordion-icon{transition:transform .3s;display:none!important}.accordion-header.active .accordion-icon{transform:rotate(90deg)}.text-meta{color:var(--color-meta)}.border-theme{border-color:var(--color-border)}.set-articles-container,.available-items-list{max-height:160px;overflow-y:auto;padding:.5rem;border-radius:8px;background:var(--color-glass);border:1px solid var(--color-border);margin-bottom:1rem}.set-articles-container .list-item,.available-items-list .list-item{display:flex;align-items:center;justify-content:space-between;width:100%}.section-heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:1.5rem 0 .75rem;color:var(--color-text)}.item-details{padding:.5rem;background:var(--color-glass);border-radius:8px;margin-bottom:1rem}.item-detail{font-size:var(--font-size-sm);margin-bottom:.25rem}.item-detail-label{font-weight:var(--font-weight-semibold);color:var(--color-nav)}.location-info{background:var(--color-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);margin-top:var(--space-sm);flex:1}.shop-view{padding:1rem;max-width:1200px;margin:0 auto}.shop-header{margin-bottom:1.5rem}.shop-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}.shop-header p{color:var(--color-meta)}.back-button{display:flex;align-items:center;color:var(--color-accent);margin-bottom:1rem}.back-button:hover{color:var(--color-accent-dark)}.back-button .icon{margin-right:.25rem}.current-plan-status{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.current-plan-status.premium-active{background-color:rgb(var(--color-green-50-rgb),.5);border:1px solid var(--color-green-200)}.current-plan-status.free-plan{background-color:rgb(var(--color-blue-50-rgb),.5);border:1px solid var(--color-blue-200)}.plan-info{display:flex;flex-direction:column}.plan-info h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center}.plan-name{margin-left:.5rem;font-weight:var(--font-weight-bold)}.premium-badge{margin-left:.25rem}.subscription-details{font-size:var(--font-size-sm);color:var(--color-meta);margin-top:.25rem}.upgrade-motivation{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-blue-700)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-green-100);color:var(--color-green-800)}.status-badge:before{content:"";display:inline-block;height:.5rem;width:.5rem;margin-right:.25rem;border-radius:9999px;background-color:var(--color-green-500)}.premium-plans{margin-bottom:2rem}.premium-plans h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:1rem}.plans-container{display:grid;grid-template-columns:1fr;gap:1rem}@media (width >= 640px){.shop-header h1{font-size:var(--font-size-xl)}.plans-container{grid-template-columns:repeat(2,1fr)}.plan-info{flex-direction:row;align-items:center;justify-content:space-between}.plan-info>div:first-child{margin-bottom:0}}@media (width >= 1024px){.plans-container{grid-template-columns:repeat(3,1fr)}}.plan-card{display:flex;flex-direction:column;height:100%;border-radius:.5rem;box-shadow:0 2px 10px #0000000d;overflow:hidden;position:relative;border:1px solid var(--color-border);background-color:var(--color-background-card);padding:1.25rem;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.plan-card.current-plan{border-color:var(--color-accent);box-shadow:0 0 0 2px rgb(var(--color-accent-rgb),.25)}.plan-header{margin-bottom:1.25rem}.plan-header h3{display:flex;align-items:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.premium-crown,.premium-star{margin-left:.25rem}.price{display:flex;align-items:baseline;margin-top:.5rem}.amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.period{font-size:var(--font-size-sm);margin-left:.25rem}.features-list{flex-grow:1;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;padding-left:1.25rem;list-style-type:disc}.features-list li{font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text);text-align:left}.popular-badge{position:absolute;top:.5rem;right:.5rem;background-color:var(--color-accent);color:#fff;font-size:var(--font-size-xs);padding:.25rem .5rem;border-radius:9999px;box-shadow:0 2px 5px #0000001a}.payment-icons span{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-background-primary)}.security-badge span{margin-right:.25rem}.plan-button{width:100%;padding:.625rem 1rem;border-radius:.375rem;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-top:auto}.plan-button.current{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:default}.plan-button.upgrade{background-color:var(--color-accent);color:#fff}.plan-button.upgrade:hover{background-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.feature-comparison{margin-bottom:2rem}.feature-comparison h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:1rem}.comparison-wrapper{overflow-x:auto}.comparison-table{width:100%;max-width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;table-layout:fixed}.comparison-header{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(70px,1fr));gap:.5rem;padding:.75rem;border-bottom:2px solid var(--color-border);font-weight:var(--font-weight-semibold);background-color:var(--color-background-secondary);position:sticky;top:0;z-index:1}.feature-name-header{padding-left:.5rem;font-weight:var(--font-weight-semibold);text-align:left}.comparison-row{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(70px,1fr));gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border);align-items:center;transition:background-color .2s ease}.comparison-row:hover{background-color:rgb(var(--color-accent-rgb),.02)}.comparison-row.highlighted{background-color:rgb(var(--color-accent-rgb),.08);border:1px solid rgb(var(--color-accent-rgb),.2)}.feature-group-separator{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(70px,1fr));gap:.5rem;padding:1rem .75rem .5rem;border-bottom:2px solid var(--color-border);background-color:rgb(var(--color-accent-rgb),.03);margin-top:.5rem}.group-title{font-weight:var(--font-weight-semibold);color:var(--color-accent);font-size:var(--font-size-sm);padding-left:.5rem;display:flex;align-items:center}.separator-line{border-bottom:1px solid var(--color-border);opacity:.5}.feature-name{padding-left:.5rem;font-size:var(--font-size-sm);text-align:left;overflow-wrap:break-word;line-height:1.3;min-height:1.5rem;display:flex;align-items:center}.feature-name span{max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.included,.excluded{font-size:var(--font-size-lg);display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:50%;margin:0 auto}.included{color:var(--color-green-600);background-color:rgb(var(--color-green-100-rgb),.3)}.excluded{color:var(--color-red-500);background-color:rgb(var(--color-red-100-rgb),.3)}.plan-column{display:flex;justify-content:center;align-items:center;min-height:2rem;text-align:center;font-weight:var(--font-weight-medium)}.comparison-cards{display:none}.mobile-group-separator{margin:1.5rem 0 1rem}.mobile-group-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-accent);text-align:center;padding:.5rem 1rem;background-color:rgb(var(--color-accent-rgb),.1);border-radius:.5rem;margin:0;border:1px solid rgb(var(--color-accent-rgb),.2)}.feature-card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.feature-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px rgb(var(--color-accent-rgb),.1)}.feature-card.highlighted{border-color:var(--color-accent);background-color:rgb(var(--color-accent-rgb),.05)}.feature-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 .75rem;color:var(--color-text-primary)}.feature-plans{display:flex;justify-content:space-between;gap:.5rem}.plan-support{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;padding:.5rem;border-radius:.25rem;background-color:var(--color-background)}.plan-support.supported{background-color:rgb(var(--color-green-50-rgb),.5)}.plan-support.not-supported{background-color:rgb(var(--color-red-50-rgb),.3)}.support-icon{font-size:var(--font-size-base)}@media (width <= 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.comparison-cards{display:block}}@media (width >= 769px){.desktop-only{display:block!important}.mobile-only{display:none!important}.comparison-cards{display:none}}@media (width <= 1024px){.comparison-header,.comparison-row,.feature-group-separator{grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(60px,1fr))}.feature-name{font-size:var(--font-size-xs);line-height:1.2}}.payment-section{margin-top:2rem;background-color:var(--color-background-secondary);padding:1rem;border-radius:.5rem;border:1px solid var(--color-border)}.payment-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:1rem}.security-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.security-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.security-badge:nth-child(1){background-color:var(--color-green-100);color:var(--color-green-800)}.security-badge:nth-child(2){background-color:var(--color-blue-100);color:var(--color-blue-800)}.security-badge:nth-child(3){background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.payment-info p{font-size:var(--font-size-sm);color:var(--color-meta);margin-bottom:.75rem}.payment-methods{display:flex;align-items:center;font-size:var(--font-size-sm)}.payment-icons{display:flex;flex-wrap:wrap;gap:.25rem}.feature-highlight{position:relative}.feature-highlight:after{content:"";position:absolute;inset:-1px;border:2px solid var(--color-accent);border-radius:.5rem;pointer-events:none}.highlighted{position:relative}.pulse-highlight{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 rgb(var(--color-accent-rgb),.7)}70%{box-shadow:0 0 0 10px rgb(var(--color-accent-rgb),0)}to{box-shadow:0 0 rgb(var(--color-accent-rgb),0)}}#search-inventory-wrapper{position:sticky;top:0;z-index:10}.inventory-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;place-content:start center;text-align:center;width:100%;box-sizing:border-box}.inventory-cards-container .card-glassmorphism{max-width:200px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;background:var(--color-card);transition:box-shadow .3s ease;box-sizing:border-box}.inventory-cards-container .card-glassmorphism:hover,.set-list-container .card-glassmorphism:hover,.maintenance-list-container .card-glassmorphism:hover{box-shadow:0 8px 32px 0 var(--color-shadow)}.inventory-tile-icon{font-size:3rem;width:3.5rem;height:3.5rem;justify-content:center;margin:0 auto .5rem;line-height:1;display:inline-flex;align-items:center;gap:.5rem;color:var(--color-accent);cursor:pointer;font-weight:var(--font-weight-medium);transition:color .2s ease}.map-instructions i{color:var(--color-primary);margin-right:var(--space-xs)}.location-option-btn i{font-size:var(--font-size-base);color:var(--color-primary)}.catch-day-content{padding:1rem 1rem .5rem}.catch-day-content .button-primary{width:100%}.catch-item-header:hover,.catch-day-header:hover{background:var(--color-accordion-header-hover)}.coordinates-display{color:var(--color-text);border:1px solid var(--color-border);word-break:break-all;background:var(--color-glass);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.inline-loading{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-meta);font-size:var(--font-size-sm)}.text-danger{color:var(--color-danger)}.location-options{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.location-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);min-height:2.5rem}.location-option-btn:hover{background:var(--color-glass);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.location-option-btn:active{transform:translateY(0)}.map-container{margin-bottom:var(--space-lg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.location-map{width:100%;height:300px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.map-instructions{background:var(--color-glass);padding:var(--space-sm);text-align:center;border-top:1px solid var(--color-border)}.dashboard-consumable-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;place-content:start center;text-align:center;width:100%;box-sizing:border-box}.dashboard-stats-banner{background:var(--color-glass);padding:var(--space-xl);margin-bottom:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-sections{display:grid;gap:var(--space-xl);padding:var(--space-md)}.dashboard-highlight-section,.dashboard-grid-section{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg)}.fish-card{background:var(--color-glass);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;border:1px solid var(--color-glass-border);transition:transform .2s ease,box-shadow .2s ease}.fish-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.fish-icon{color:var(--color-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.fish-species{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-sm);color:var(--color-text)}.fish-stats{color:var(--color-meta);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.fish-details{color:var(--color-meta);font-size:var(--font-size-sm);line-height:1.4}.dashboard-info-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.info-panel{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg)}.consumable-card{background:var(--color-glass);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;border:1px solid var(--color-glass-border);transition:transform .2s ease}.consumable-card:hover{transform:translateY(-2px)}.consumable-icon{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.consumable-name{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);color:var(--color-text)}.consumable-quantity{color:var(--color-meta);font-size:var(--font-size-sm)}.consumable-meta{color:var(--color-meta);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.timeline-item{display:flex;gap:var(--space-md);padding-left:var(--space-lg);position:relative}.timeline-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-primary);opacity:.3}.timeline-marker{position:absolute;left:-5px;top:50%;width:12px;height:12px;background:var(--color-primary);border-radius:50%;transform:translateY(-50%)}.timeline-content{flex:1;background:var(--color-glass);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-glass-border)}.timeline-title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.timeline-date{color:var(--color-meta);font-size:var(--font-size-sm)}.timeline-details{color:var(--color-meta);font-size:var(--font-size-sm);margin-top:var(--space-xs);line-height:1.4}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-card) 50%,var(--color-bg) 100%);display:flex;align-items:center;justify-content:center;z-index:2500;overflow:hidden}.splash-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;width:100%;max-width:500px;padding:2rem}.splash-title-container{margin-bottom:1.5rem;overflow:hidden;width:100%;order:1}.splash-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-header-title);margin:0;transform:translate(-100%);opacity:0;animation-delay:.5s;animation-fill-mode:forwards}.splash-title.animate-title{animation:splash-slide-in-fromleft .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes splash-slide-in-fromleft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.splash-logo-container{position:relative;margin:1.5rem 0;perspective:1000px;order:2}.splash-logo{width:128px;height:128px;border-radius:50%;background:var(--color-primary);padding:8px;box-shadow:0 0 40px var(--color-button-primary-shadow);transform:scale(0);opacity:0;animation-delay:1s;animation-fill-mode:forwards}.splash-logo.animate-logo{animation:splash-logo-grow 1.2s cubic-bezier(.34,1.56,.64,1) forwards,splash-logo-pulse 2s ease-in-out 2.5s 3,splash-logo-glow 2s ease-in-out infinite alternate 1.5s}@keyframes splash-logo-grow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splash-logo-pulse{0%{transform:scale(1)}50%{transform:scale(.78)}to{transform:scale(1)}}@keyframes splash-logo-glow{0%{box-shadow:0 0 40px var(--color-button-primary-shadow)}to{box-shadow:0 0 60px var(--color-button-primary-shadow)}}.splash-slogan-container{margin-bottom:2rem;overflow:hidden;width:100%;order:3}.splash-slogan{font-size:var(--font-size-lg);color:var(--color-nav);margin:0;font-weight:var(--font-weight-normal);transform:translate(100%);opacity:0;animation-delay:1.8s;animation-fill-mode:forwards}.splash-slogan.animate-slogan{animation:splash-slide-in-from-right .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes splash-slide-in-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fishing-scene-container{position:relative;width:90%;max-width:400px;height:200px;background:transparent;border-radius:15px;box-shadow:none;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;margin-top:1rem;order:4;opacity:0;animation:splash-fade-in .8s ease-in-out 1.5s forwards}.water{position:absolute;bottom:0;left:0;width:100%;height:40%;background:transparent;border-top:none;border-radius:0 0 15px 15px;opacity:0}.animation-area{position:absolute;top:0;left:0;width:100%;height:100%}.fishing-rod-wrapper{position:absolute;right:15%;transform-origin:bottom center;transform:scaleX(-1);transition:transform .3s ease-out;z-index:10}.fishing-rod{position:relative;height:120px;width:8px;transform-origin:bottom center}.rod-segment{position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(to bottom,var(--color-text),var(--color-nav));box-shadow:1px 1px 3px #0003;border-radius:2px 2px 0 0}.rod-segment-1{bottom:0;height:24px;width:8px;border-radius:4px 4px 0 0}.rod-segment-2{bottom:22px;height:24px;width:6px}.rod-segment-3{bottom:44px;height:24px;width:5px}.rod-segment-4{bottom:66px;height:24px;width:3px}.rod-segment-5{bottom:88px;height:24px;width:2px}.rod-tip{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:1px;height:36px;background-color:var(--color-nav);border-radius:.5px .5px 0 0;transform-origin:bottom center;box-shadow:.5px .5px 2px #0000001a}.reel{position:absolute;bottom:12px;left:-15px;width:20px;height:20px;background:linear-gradient(to bottom,var(--color-nav),var(--color-text));border-radius:50%;box-shadow:0 2px 4px #0000004d;overflow:hidden}.reel:before{content:"";position:absolute;top:4px;left:4px;width:12px;height:12px;background:linear-gradient(to bottom,var(--color-accent),var(--color-primary));border-radius:50%;box-shadow:inset 0 0 3px #0000007f}.reel:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:100%;background-color:var(--color-nav);box-shadow:1px 0 2px #0000004d}.crank-base{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background-color:var(--color-accent);border-radius:50%;z-index:2;box-shadow:0 0 2px #fff3}.crank{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;transform-origin:center center;z-index:1}.crank-arm{position:absolute;top:50%;left:50%;width:12px;height:2px;background:linear-gradient(to right,var(--color-accent),var(--color-nav));border-radius:1px;transform-origin:left center;transform:translateY(-50%) rotate(45deg);box-shadow:1px 1px 2px #0003}.handle{position:absolute;width:6px;height:12px;background:linear-gradient(to bottom,var(--color-accent),var(--color-nav));border-radius:3px;top:50%;left:100%;transform:translate(-50%,-50%);transform-origin:center;box-shadow:inset 0 0 2px #0000004d}.fishing-line-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}#fishing-line{stroke:var(--color-text);stroke-width:1.5;fill:none;opacity:.8}.lure{position:absolute;width:8px;height:8px;background-color:var(--color-accent-warm);border-radius:50%;box-shadow:0 0 4px var(--color-accent-warm);z-index:6;transform:translate(-50%,-50%)}.loading-bar-container{position:absolute;background-color:#00000026;border-radius:4px;overflow:hidden;opacity:1;transition:opacity .3s ease-in-out;z-index:7;display:flex;align-items:center;justify-content:center;height:6px}.loading-bar-fill{height:100%;width:0%;background-color:var(--color-success);border-radius:4px;transition:width .1s linear;position:absolute;left:0;top:0}.loading-bar-percentage{position:absolute;color:var(--color-text);font-size:.6em;font-weight:var(--font-weight-bold);text-shadow:1px 1px 2px rgb(0 0 0 / 50%);z-index:2}@keyframes splash-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .fishing-scene-container{background:transparent;box-shadow:none}[data-theme=light] .water{background:transparent;opacity:0}[data-theme=ocean] .fishing-scene-container{background:transparent}[data-theme=ocean] .water{background:transparent;opacity:0}[data-theme=ocean] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=nature] .fishing-scene-container{background:transparent}[data-theme=nature] .water{background:transparent;opacity:0}[data-theme=nature] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=forest] .fishing-scene-container{background:transparent}[data-theme=forest] .water{background:transparent;opacity:0}[data-theme=forest] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=sunset] .fishing-scene-container{background:transparent}[data-theme=sunset] .water{background:transparent;opacity:0}[data-theme=sunset] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=coral] .fishing-scene-container{background:transparent}[data-theme=coral] .water{background:transparent;opacity:0}[data-theme=coral] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=mechanical] .fishing-scene-container{background:transparent}[data-theme=mechanical] .water{background:transparent;opacity:0}[data-theme=mechanical] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=notebook] .fishing-scene-container{background:transparent}[data-theme=notebook] .water{background:transparent;opacity:0}[data-theme=notebook] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}[data-theme=notebook-light] .fishing-scene-container{background:transparent}[data-theme=notebook-light] .water{background:transparent;opacity:0}[data-theme=notebook-light] .lure{background-color:var(--color-lure);box-shadow:0 0 4px var(--color-lure)}@media (width <= 600px){.splash-title{font-size:var(--font-size-2xl)}.splash-slogan{font-size:var(--font-size-base)}.splash-logo{width:96px;height:96px;padding:6px}.splash-container{padding:1.5rem}.fishing-scene-container{width:95%;height:160px}.fishing-rod{height:100px}.rod-segment-1{height:20px}.rod-segment-2{bottom:18px;height:20px}.rod-segment-3{bottom:36px;height:20px}.rod-segment-4{bottom:54px;height:20px}.rod-segment-5{bottom:72px;height:20px}.rod-tip{bottom:90px;height:30px}}.login-card{background:var(--color-glass);box-shadow:var(--color-shadow);border-radius:2rem;border:1px solid var(--color-glass-border);padding:2.5rem 2rem 2rem;margin:2rem auto;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-logo{width:120px;height:120px;margin:0 auto 1.5rem;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #5a8fba40;padding:8px;overflow:hidden}.logo-image{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:50%}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-header-title);text-align:center;margin-bottom:.25rem;letter-spacing:.02em}.login-slogan{font-size:var(--font-size-base);color:var(--color-nav);text-align:center;margin-bottom:2rem;font-weight:var(--font-weight-normal);letter-spacing:.01em}.tab-switcher{background:var(--color-card);border-radius:1rem;overflow:hidden;margin-bottom:2rem;box-shadow:0 2px 8px #0000000a}.tab-btn{background:transparent;border:none;outline:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-meta);padding:1rem 0;transition:color .2s,background .2s;cursor:pointer}.tab-btn.nav-link-active{color:var(--color-primary);background:var(--color-glass);border-bottom:2px solid var(--color-primary);font-weight:var(--font-weight-bold)}.login-card .form-input{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:.85rem 1rem;font-size:var(--font-size-base);margin-bottom:.5rem}.login-card .form-input:focus{border-color:var(--color-primary);background:var(--color-input-focus)}.login-card .button-primary,.login-card .button-secondary{font-size:var(--font-size-base);padding:.85rem 1rem;border-radius:8px;margin-top:.5rem}.login-card .button-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--color-button-primary-shadow)}.login-card .button-secondary{background:var(--color-card);color:var(--color-primary);border:1px solid var(--color-primary)}.login-card .button-secondary:hover{background:var(--color-primary);color:var(--color-white)}.login-card .button-primary:hover{background:var(--color-button-primary-hover)}.login-card .button-secondary svg{margin-right:.5rem}.login-card .message-display{margin-bottom:1rem;width:100%;text-align:center}.legal-links-list{list-style:none;padding:0;margin:0}.legal-links-list li{margin:0;padding:0}.legal-links-list a{display:block;padding:.75rem 1rem;color:var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease;margin-bottom:.5rem;background:var(--color-glass-opacity)}.legal-links-list a:hover,.legal-links-list a:focus{background:var(--color-glass);color:var(--color-text);transform:translate(4px);box-shadow:var(--shadow-md)}.settings-categories-container{min-height:100vh}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.settings-category-card{padding:2rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.settings-category-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 8px 25px #00000026}.settings-category-icon{display:block;margin:0 auto}.settings-category-title{color:var(--color-text);margin-bottom:.5rem}.settings-category-desc{color:var(--color-meta);line-height:1.4}.settings-category-detail{min-height:100vh}.back-to-categories-link:hover{color:var(--color-accent-hover)}.settings-category-content{max-width:600px;margin:0 auto}.field-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.field-error:before{content:"⚠️";font-size:var(--font-size-xs)}.validation-error{background-color:var(--color-danger);color:var(--color-white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.validation-error:before{content:"❌"}.text-error{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.form-label.required:after{content:" *";color:var(--color-danger);font-weight:var(--font-weight-semibold)}.validation-hint{color:var(--color-meta);font-size:var(--font-size-xs);margin-top:var(--space-xs);line-height:1.3}.char-counter{color:var(--color-meta);font-size:var(--font-size-xs);text-align:right;margin-top:var(--space-xs)}.char-counter.text-warning{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.profile-setup-container{max-width:800px;margin:0 auto;padding:var(--space-md)}.profile-setup-header{text-align:center;margin-bottom:var(--space-xl)}.profile-setup-header h1{color:var(--color-text);margin-bottom:var(--space-sm)}.profile-setup-header p{color:var(--color-meta);font-size:var(--font-size-base);line-height:1.5}.species-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-glass);border-radius:var(--radius-md);border:1px solid var(--color-border)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background-color .2s ease;cursor:pointer;font-size:var(--font-size-sm)}.checkbox-label:hover{background-color:var(--color-list-hover)}.checkbox-label input[type=checkbox]{width:16px;height:16px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background-color:var(--color-card);cursor:pointer;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.spinner-sm{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-setup-form{display:flex;flex-direction:column;gap:var(--space-xl)}.form-section{background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg)}.form-section h3{color:var(--color-text);margin-bottom:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-sm)}.form-section h3:before{content:"📝";font-size:var(--font-size-xl)}.form-section:nth-child(2) h3:before{content:"🎣"}.form-section:nth-child(3) h3:before{content:"🔒"}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.form-row .form-group{margin-bottom:0}.form-actions{display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-glass);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg)}.form-actions .button-row{display:flex;flex-direction:column;gap:var(--space-md);align-items:stretch}.checkbox-label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.form-actions .button-row button{height:44px;font-size:1rem;border-radius:8px}.form-input.success,.form-select.success{border-color:var(--color-success);background-color:#48bb780d}.field-success{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.field-success:before{content:"✅";font-size:var(--font-size-xs)}.profile-settings-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.info-box{background:var(--color-info-bg, #e3f2fd);color:var(--color-info-text, #1565c0);border-left:4px solid var(--color-info-border, #1976d2);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:1rem;font-size:.95rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 8px #1565c00f}.info-box .material-icons{font-size:1.3em;margin-right:.5em;color:var(--color-info-icon, #1976d2)}:root{--color-bg: #1a202c;--color-card: #212b36;--color-primary: #5a8fba;--color-accent: #e2e8f0;--color-text: #e2e8f0;--color-danger: #e53e3e;--color-success: #48bb78;--color-border: rgb(255 255 255 / 15%);--color-glass: rgb(255 255 255 / 10%);--color-glass-border: rgb(255 255 255 / 20%);--color-shadow: 0 8px 32px 0 rgb(0 0 0 / 30%);--color-nav-bg: rgb(26 32 44 / 80%);--color-nav-active: rgb(66 153 225 / 20%);--color-nav-hover: #cbd5e0;--color-nav: #a0aec0;--color-header: rgb(26 32 44 / 80%);--color-header-title: #a0aec0;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 50%);--color-input-focus: rgb(255 255 255 / 15%);--color-list-hover: rgb(255 255 255 / 15%);--color-accordion-header: rgb(255 255 255 / 12%);--color-accordion-header-hover: rgb(255 255 255 / 18%);--color-accordion-content: rgb(255 255 255 / 5%);--color-accordion-item: var(--color-card);--color-scrollbar-track: rgb(0 0 0 / 10%);--color-button-primary-hover: #3182ce;--color-button-primary-shadow: 0 6px 12px rgb(66 153 225 / 50%);--color-button-danger-hover: #c53030;--color-lure: #5a8fba;--color-button-danger-shadow: 0 6px 12px rgb(229 62 62 / 50%);--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(74 85 104 / 50%);--color-meta: #a0aec0;--color-accent-warm: #f6ad55;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(0 0 0 / 12%);--shadow-lg: 0 8px 32px rgb(0 0 0 / 18%);--color-nav-icon-bg: #3571b8;--color-nav-active-indicator: #ffd700;--color-white: #fff;--opacity-low: .05;--opacity-medium: .1;--opacity-medium-high: .15;--opacity-high: .2;--opacity-very-high: .3;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .3;--shadow-opacity-light: .12;--shadow-opacity-medium: .18;--shadow-opacity-heavy: .5;--color-border-opacity: rgb(255 255 255 / var(--opacity-medium-high));--color-glass-opacity: rgb(255 255 255 / var(--opacity-medium));--color-glass-border-opacity: rgb(255 255 255 / var(--opacity-high));--color-nav-active-opacity: rgb(66 153 225 / var(--opacity-high));--color-input-focus-opacity: rgb(255 255 255 / var(--opacity-medium-high));--color-list-hover-opacity: rgb(255 255 255 / var(--opacity-medium-high));--color-accordion-header-opacity: rgb(255 255 255 / 12%);--color-accordion-header-hover-opacity: rgb( 255 255 255 / var(--opacity-high) )}[data-theme=light]{--color-bg: #f5f5f5;--color-card: #fafafa;--color-primary: #5a8fba;--color-accent: #2d3748;--color-text: #1a202c;--color-danger: #e53e3e;--color-success: #38a169;--color-border: rgb(0 0 0 / 8%);--color-glass: #f8f8f8;--color-glass-border: rgb(90 143 186 / 15%);--color-shadow: 0 8px 32px 0 rgb(0 0 0 / 12%);--color-nav-bg: #f0f0f0;--color-nav-active: rgb(90 143 186 / 20%);--color-nav-hover: #2d3748;--color-nav: #5a8fba;--color-header: #f0f0f0;--color-header-title: #5a8fba;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 30%);--color-input-focus: rgb(90 143 186 / 15%);--color-list-hover: rgb(90 143 186 / 12%);--color-accordion-item: rgb(90 143 186 / 10%);--color-accordion-header: rgb(90 143 186 / 10%);--color-accordion-header-hover: rgb(90 143 186 / 15%);--color-accordion-content: rgb(90 143 186 / 6%);--color-scrollbar-track: rgb(0 0 0 / 10%);--color-button-primary-hover: #3182ce;--color-button-primary-shadow: 0 6px 12px rgb(66 153 225 / 50%);--color-button-danger-hover: #c53030;--color-lure: #3182ce;--color-button-danger-shadow: 0 6px 12px rgb(229 62 62 / 50%);--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(74 85 104 / 50%);--color-meta: #5a8fba;--color-accent-warm: #ed8936;--color-nav-icon-bg: #5a8fba;--color-nav-active-indicator: #f6ad55;--color-white: #fafafa;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(0 0 0 / 15%);--shadow-lg: 0 8px 32px rgb(0 0 0 / 20%);--opacity-low: .06;--opacity-medium: .12;--opacity-medium-high: .15;--opacity-high: .2;--opacity-very-high: .3;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .25;--shadow-opacity-light: .15;--shadow-opacity-medium: .2;--shadow-opacity-heavy: .5;--color-border-opacity: rgb(0 0 0 / 8%);--color-glass-opacity: rgb(90 143 186 / var(--opacity-medium));--color-glass-border-opacity: rgb(90 143 186 / 15%);--color-nav-active-opacity: rgb(90 143 186 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(90 143 186 / var(--opacity-medium));--color-list-hover-opacity: rgb(90 143 186 / var(--opacity-medium));--color-accordion-header-opacity: rgb(90 143 186 / 10%);--color-accordion-header-hover-opacity: rgb( 90 143 186 / var(--opacity-medium) );--color-accordion-content-opacity: rgb(90 143 186 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(0 0 0 / var(--shadow-opacity));--color-shadow-light: rgb(0 0 0 / var(--shadow-opacity-light));--color-shadow-medium: rgb(0 0 0 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=ocean]{--color-bg: #14213d;--color-card: #274690;--color-primary: #3a86ff;--color-accent: #a2d2ff;--color-text: #f1faee;--color-danger: #ef476f;--color-success: #06d6a0;--color-border: rgb(58 134 255 / 15%);--color-glass: rgb(58 134 255 / 10%);--color-glass-border: rgb(58 134 255 / 18%);--color-shadow: 0 8px 32px 0 rgb(58 134 255 / 15%);--color-nav-bg: rgb(20 33 61 / 80%);--color-nav-active: rgb(58 134 255 / 18%);--color-nav-hover: #a2d2ff;--color-nav: #a2d2ff;--color-header: rgb(20 33 61 / 80%);--color-header-title: #3a86ff;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 50%);--color-input-focus: rgb(58 134 255 / 15%);--color-list-hover: rgb(58 134 255 / 15%);--color-accordion-item: rgb(58 134 255 / 8%);--color-accordion-header: rgb(58 134 255 / 12%);--color-accordion-header-hover: rgb(58 134 255 / 18%);--color-accordion-content: rgb(58 134 255 / 5%);--color-scrollbar-track: rgb(0 0 0 / 10%);--color-button-primary-hover: #1e74ff;--color-button-primary-shadow: 0 6px 12px rgb(58 134 255 / 50%);--color-button-danger-hover: #d63b5f;--color-lure: #fbbf24;--color-button-danger-shadow: 0 6px 12px rgb(239 71 111 / 50%);--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(162 210 255 / 50%);--color-meta: #a2d2ff;--color-accent-warm: #fbbf24;--color-nav-icon-bg: #3a86ff;--color-nav-active-indicator: #fbbf24;--color-white: #fff;--color-warning: #fbbf24;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(58 134 255 / 12%);--shadow-lg: 0 8px 32px rgb(58 134 255 / 18%);--opacity-low: .05;--opacity-medium: .1;--opacity-medium-high: .15;--opacity-high: .2;--opacity-very-high: .3;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .3;--shadow-opacity-light: .12;--shadow-opacity-medium: .18;--shadow-opacity-heavy: .5;--color-border-opacity: rgb(58 134 255 / var(--opacity-medium-high));--color-glass-opacity: rgb(58 134 255 / var(--opacity-medium));--color-glass-border-opacity: rgb(58 134 255 / var(--opacity-high));--color-nav-active-opacity: rgb(58 134 255 / var(--opacity-high));--color-input-focus-opacity: rgb(58 134 255 / var(--opacity-medium-high));--color-list-hover-opacity: rgb(58 134 255 / var(--opacity-medium-high));--color-accordion-header-opacity: rgb(58 134 255 / var(--opacity-medium));--color-accordion-header-hover-opacity: rgb(58 134 255 / var(--opacity-high));--color-accordion-content-opacity: rgb(58 134 255 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(58 134 255 / var(--shadow-opacity));--color-shadow-light: rgb(58 134 255 / var(--shadow-opacity-light));--color-shadow-medium: rgb(58 134 255 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=sunset]{--color-bg: linear-gradient( 135deg, #fef7ed 0%, #fdf2e9 25%, #fce7e7 50%, #fdf2e9 75%, #fef7ed 100% );--color-card: linear-gradient(145deg, #faf5f0 0%, #fdf2e9 50%, #fce7e7 100%);--color-primary: #ea580c;--color-accent: #f97316;--color-text: #451a03;--color-danger: #dc2626;--color-success: #059669;--color-border: rgb(234 88 12 / 12%);--color-glass: linear-gradient( 145deg, rgb(250 245 240 / 90%) 0%, rgb(253 242 233 / 95%) 50%, rgb(252 231 231 / 90%) 100% );--color-glass-border: rgb(234 88 12 / 18%);--color-shadow: 0 8px 32px 0 rgb(234 88 12 / 10%);--color-nav-bg: linear-gradient( 90deg, rgb(250 245 240 / 95%) 0%, rgb(253 242 233 / 90%) 50%, rgb(252 231 231 / 95%) 100% );--color-nav-active: rgb(234 88 12 / 18%);--color-nav-hover: #f97316;--color-nav: #ea580c;--color-header: linear-gradient( 90deg, rgb(250 245 240 / 95%) 0%, rgb(253 242 233 / 90%) 50%, rgb(252 231 231 / 95%) 100% );--color-header-title: #ea580c;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 30%);--color-input-focus: rgb(234 88 12 / 12%);--color-list-hover: rgb(234 88 12 / 10%);--color-accordion-item: linear-gradient( 145deg, rgb(250 245 240 / 80%) 0%, rgb(253 242 233 / 90%) 50%, rgb(252 231 231 / 80%) 100% );--color-accordion-header: rgb(234 88 12 / 10%);--color-accordion-header-hover: rgb(234 88 12 / 15%);--color-accordion-content: rgb(234 88 12 / 5%);--color-scrollbar-track: rgb(234 88 12 / 10%);--color-button-primary-hover: #c2410c;--color-button-primary-shadow: 0 6px 12px rgb(234 88 12 / 30%);--color-button-danger-hover: #b91c1c;--color-button-danger-shadow: 0 6px 12px rgb(220 38 38 / 30%);--color-lure: #fbbf24;--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(249 115 22 / 30%);--color-meta: #f97316;--color-accent-warm: #fbbf24;--color-nav-icon-bg: #ea580c;--color-nav-active-indicator: #fbbf24;--color-white: #faf5f0;--color-warning: #fbbf24;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(234 88 12 / 10%);--shadow-lg: 0 8px 32px rgb(234 88 12 / 15%);--opacity-low: .05;--opacity-medium: .1;--opacity-medium-high: .15;--opacity-high: .18;--opacity-very-high: .25;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .25;--shadow-opacity-light: .1;--shadow-opacity-medium: .15;--shadow-opacity-heavy: .35;--color-border-opacity: rgb(234 88 12 / var(--opacity-medium));--color-glass-opacity: rgb(234 88 12 / var(--opacity-medium));--color-glass-border-opacity: rgb(234 88 12 / 18%);--color-nav-active-opacity: rgb(234 88 12 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(234 88 12 / var(--opacity-medium));--color-list-hover-opacity: rgb(234 88 12 / var(--opacity-medium));--color-accordion-header-opacity: rgb(234 88 12 / 10%);--color-accordion-header-hover-opacity: rgb( 234 88 12 / var(--opacity-medium) );--color-accordion-content-opacity: rgb(234 88 12 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(234 88 12 / var(--shadow-opacity));--color-shadow-light: rgb(234 88 12 / var(--shadow-opacity-light));--color-shadow-medium: rgb(234 88 12 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=coral]{--color-bg: linear-gradient( 135deg, #fff5f5 0%, #fef2f2 25%, #fce7e7 50%, #fef2f2 75%, #fff5f5 100% );--color-card: linear-gradient(145deg, #fef2f2 0%, #fce7e7 50%, #fef2f2 100%);--color-primary: #e11d48;--color-accent: #f43f5e;--color-text: #7f1d1d;--color-danger: #dc2626;--color-success: #059669;--color-border: rgb(225 29 72 / 12%);--color-glass: linear-gradient( 145deg, rgb(254 242 242 / 90%) 0%, rgb(252 231 231 / 95%) 50%, rgb(254 242 242 / 90%) 100% );--color-glass-border: rgb(225 29 72 / 18%);--color-shadow: 0 8px 32px 0 rgb(225 29 72 / 10%);--color-nav-bg: linear-gradient( 90deg, rgb(254 242 242 / 95%) 0%, rgb(252 231 231 / 90%) 50%, rgb(254 242 242 / 95%) 100% );--color-nav-active: rgb(225 29 72 / 18%);--color-nav-hover: #f43f5e;--color-nav: #e11d48;--color-header: linear-gradient( 90deg, rgb(254 242 242 / 95%) 0%, rgb(252 231 231 / 90%) 50%, rgb(254 242 242 / 95%) 100% );--color-header-title: #e11d48;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 30%);--color-input-focus: rgb(225 29 72 / 12%);--color-list-hover: rgb(225 29 72 / 10%);--color-accordion-item: linear-gradient( 145deg, rgb(254 242 242 / 80%) 0%, rgb(252 231 231 / 90%) 50%, rgb(254 242 242 / 80%) 100% );--color-accordion-header: rgb(225 29 72 / 10%);--color-accordion-header-hover: rgb(225 29 72 / 15%);--color-accordion-content: rgb(225 29 72 / 5%);--color-scrollbar-track: rgb(225 29 72 / 10%);--color-button-primary-hover: #be123c;--color-button-primary-shadow: 0 6px 12px rgb(225 29 72 / 30%);--color-button-danger-hover: #b91c1c;--color-button-danger-shadow: 0 6px 12px rgb(220 38 38 / 30%);--color-lure: #f59e0b;--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(244 63 94 / 30%);--color-meta: #f43f5e;--color-accent-warm: #f59e0b;--color-nav-icon-bg: #e11d48;--color-nav-active-indicator: #f59e0b;--color-white: #fef2f2;--color-warning: #f59e0b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(225 29 72 / 10%);--shadow-lg: 0 8px 32px rgb(225 29 72 / 15%);--opacity-low: .05;--opacity-medium: .1;--opacity-medium-high: .15;--opacity-high: .18;--opacity-very-high: .25;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .25;--shadow-opacity-light: .1;--shadow-opacity-medium: .15;--shadow-opacity-heavy: .35;--color-border-opacity: rgb(225 29 72 / var(--opacity-medium));--color-glass-opacity: rgb(225 29 72 / var(--opacity-medium));--color-glass-border-opacity: rgb(225 29 72 / 18%);--color-nav-active-opacity: rgb(225 29 72 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(225 29 72 / var(--opacity-medium));--color-list-hover-opacity: rgb(225 29 72 / var(--opacity-medium));--color-accordion-header-opacity: rgb(225 29 72 / 10%);--color-accordion-header-hover-opacity: rgb( 225 29 72 / var(--opacity-medium) );--color-accordion-content-opacity: rgb(225 29 72 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(225 29 72 / var(--shadow-opacity));--color-shadow-light: rgb(225 29 72 / var(--shadow-opacity-light));--color-shadow-medium: rgb(225 29 72 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=notebook]{--color-bg: #2c1810;--color-card: #3d2a1f;--color-primary: #8b7355;--color-accent: #a0522d;--color-text: #f8f6f1;--color-danger: #e74c3c;--color-success: #27ae60;--color-border: rgb(139 115 85 / 20%);--color-glass: rgb(61 42 31 / 90%);--color-glass-border: rgb(139 115 85 / 25%);--color-shadow: 0 8px 32px 0 rgb(139 115 85 / 15%);--color-nav-bg: rgb(44 24 16 / 90%);--color-nav-active: rgb(139 115 85 / 20%);--color-nav-hover: #a0522d;--color-nav: #8b7355;--color-header: rgb(44 24 16 / 90%);--color-header-title: #8b7355;--color-overlay: rgb(0 0 0 / 80%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 60%);--color-input-focus: rgb(139 115 85 / 20%);--color-list-hover: rgb(139 115 85 / 15%);--color-accordion-item: rgb(139 115 85 / 10%);--color-accordion-header: rgb(139 115 85 / 15%);--color-accordion-header-hover: rgb(139 115 85 / 25%);--color-accordion-content: rgb(139 115 85 / 8%);--color-scrollbar-track: rgb(0 0 0 / 20%);--color-button-primary-hover: #6b5b47;--color-button-primary-shadow: 0 6px 12px rgb(139 115 85 / 40%);--color-button-danger-hover: #c0392b;--color-button-danger-shadow: 0 6px 12px rgb(192 57 43 / 30%);--color-lure: #e74c3c;--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(160 82 45 / 40%);--color-meta: #a0522d;--color-accent-warm: #e74c3c;--color-nav-icon-bg: #8b7355;--color-nav-active-indicator: #e74c3c;--color-white: #f8f6f1;--color-warning: #e74c3c;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(139 115 85 / 15%);--shadow-lg: 0 8px 32px rgb(139 115 85 / 20%);--opacity-low: .08;--opacity-medium: .15;--opacity-medium-high: .2;--opacity-high: .25;--opacity-very-high: .35;--opacity-ultra-high: .8;--opacity-max: .9;--shadow-opacity: .4;--shadow-opacity-light: .15;--shadow-opacity-medium: .2;--shadow-opacity-heavy: .6;--color-border-opacity: rgb(139 115 85 / var(--opacity-medium-high));--color-glass-opacity: rgb(139 115 85 / var(--opacity-medium));--color-glass-border-opacity: rgb(139 115 85 / var(--opacity-high));--color-nav-active-opacity: rgb(139 115 85 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(139 115 85 / var(--opacity-medium-high));--color-list-hover-opacity: rgb(139 115 85 / var(--opacity-medium));--color-accordion-header-opacity: rgb(139 115 85 / var(--opacity-medium));--color-accordion-header-hover-opacity: rgb(139 115 85 / var(--opacity-high));--color-accordion-content-opacity: rgb(139 115 85 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(139 115 85 / var(--shadow-opacity));--color-shadow-light: rgb(139 115 85 / var(--shadow-opacity-light));--color-shadow-medium: rgb(139 115 85 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=notebook-light]{--color-bg: #fefefe;--color-card: #f8f6f1;--color-primary: #2c1810;--color-accent: #8b4513;--color-text: #2c1810;--color-danger: #dc2626;--color-success: #059669;--color-border: rgb(44 24 16 / 12%);--color-glass: #f8f6f1;--color-glass-border: rgb(44 24 16 / 18%);--color-shadow: 0 8px 32px 0 rgb(44 24 16 / 8%);--color-nav-bg: #f8f6f1;--color-nav-active: rgb(44 24 16 / 15%);--color-nav-hover: #8b4513;--color-nav: #2c1810;--color-header: #f8f6f1;--color-header-title: #2c1810;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 30%);--color-input-focus: rgb(44 24 16 / 10%);--color-list-hover: rgb(44 24 16 / 8%);--color-accordion-item: rgb(44 24 16 / 6%);--color-accordion-header: rgb(44 24 16 / 10%);--color-accordion-header-hover: rgb(44 24 16 / 15%);--color-accordion-content: rgb(44 24 16 / 5%);--color-scrollbar-track: rgb(44 24 16 / 8%);--color-button-primary-hover: #1a0f08;--color-button-primary-shadow: 0 6px 12px rgb(44 24 16 / 25%);--color-button-danger-hover: #b91c1c;--color-button-danger-shadow: 0 6px 12px rgb(220 38 38 / 30%);--color-lure: #dc2626;--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(139 69 19 / 25%);--color-meta: #8b4513;--color-accent-warm: #dc2626;--color-nav-icon-bg: #2c1810;--color-nav-active-indicator: #dc2626;--color-white: #f8f6f1;--color-warning: #dc2626;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(44 24 16 / 8%);--shadow-lg: 0 8px 32px rgb(44 24 16 / 12%);--opacity-low: .05;--opacity-medium: .1;--opacity-medium-high: .15;--opacity-high: .18;--opacity-very-high: .25;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .25;--shadow-opacity-light: .08;--shadow-opacity-medium: .12;--shadow-opacity-heavy: .35;--color-border-opacity: rgb(44 24 16 / var(--opacity-medium));--color-glass-opacity: rgb(44 24 16 / var(--opacity-medium));--color-glass-border-opacity: rgb(44 24 16 / 18%);--color-nav-active-opacity: rgb(44 24 16 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(44 24 16 / var(--opacity-medium));--color-list-hover-opacity: rgb(44 24 16 / var(--opacity-medium));--color-accordion-header-opacity: rgb(44 24 16 / 10%);--color-accordion-header-hover-opacity: rgb(44 24 16 / var(--opacity-medium));--color-accordion-content-opacity: rgb(44 24 16 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(44 24 16 / var(--shadow-opacity));--color-shadow-light: rgb(44 24 16 / var(--shadow-opacity-light));--color-shadow-medium: rgb(44 24 16 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=mechanical]{--color-bg: #1a1a1a;--color-card: #2d2d2d;--color-primary: #6b7280;--color-accent: #ff6b35;--color-text: #e0e0e0;--color-danger: #ff4757;--color-success: #2ed573;--color-border: rgb(107 114 128 / 20%);--color-glass: rgb(45 45 45 / 90%);--color-glass-border: rgb(107 114 128 / 25%);--color-shadow: 0 8px 32px 0 rgb(107 114 128 / 15%);--color-nav-bg: rgb(26 26 26 / 90%);--color-nav-active: rgb(107 114 128 / 20%);--color-nav-hover: #ff6b35;--color-nav: #6b7280;--color-header: rgb(26 26 26 / 90%);--color-header-title: #6b7280;--color-overlay: rgb(0 0 0 / 80%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 60%);--color-input-focus: rgb(107 114 128 / 20%);--color-list-hover: rgb(107 114 128 / 15%);--color-accordion-item: rgb(107 114 128 / 10%);--color-accordion-header: rgb(107 114 128 / 15%);--color-accordion-header-hover: rgb(107 114 128 / 25%);--color-accordion-content: rgb(107 114 128 / 8%);--color-scrollbar-track: rgb(0 0 0 / 20%);--color-button-primary-hover: #4b5563;--color-button-primary-shadow: 0 6px 12px rgb(120 113 108 / 50%);--color-button-danger-hover: #ff3742;--color-lure: #ff6b35;--color-button-danger-shadow: 0 6px 12px rgb(255 71 87 / 40%);--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(255 107 53 / 40%);--color-meta: #ff6b35;--color-accent-warm: #ff6b35;--color-nav-icon-bg: #6b7280;--color-nav-active-indicator: #ff6b35;--color-white: #e0e0e0;--color-warning: #ff6b35;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(107 114 128 / 15%);--shadow-lg: 0 8px 32px rgb(107 114 128 / 20%);--opacity-low: .08;--opacity-medium: .15;--opacity-medium-high: .2;--opacity-high: .25;--opacity-very-high: .35;--opacity-ultra-high: .8;--opacity-max: .9;--shadow-opacity: .4;--shadow-opacity-light: .15;--shadow-opacity-medium: .2;--shadow-opacity-heavy: .6;--color-border-opacity: rgb(107 114 128 / var(--opacity-medium-high));--color-glass-opacity: rgb(107 114 128 / var(--opacity-medium));--color-glass-border-opacity: rgb(107 114 128 / var(--opacity-high));--color-nav-active-opacity: rgb(107 114 128 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(107 114 128 / var(--opacity-medium-high));--color-list-hover-opacity: rgb(107 114 128 / var(--opacity-medium));--color-accordion-header-opacity: rgb(107 114 128 / var(--opacity-medium));--color-accordion-header-hover-opacity: rgb( 107 114 128 / var(--opacity-high) );--color-accordion-content-opacity: rgb(107 114 128 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high))}[data-theme=forest]{--color-bg: linear-gradient(135deg, #1a2e1a 0%, #2d4a2d 50%, #3a5f3a 100%);--color-card: linear-gradient(145deg, #2d4a2d 0%, #3a5f3a 100%);--color-primary: #8b4513;--color-accent: #a0522d;--color-text: #f0f8f0;--color-danger: #ef4444;--color-success: #22c55e;--color-border: rgb(139 69 19 / 20%);--color-glass: linear-gradient( 145deg, rgb(45 74 45 / 90%) 0%, rgb(58 95 58 / 95%) 100% );--color-glass-border: rgb(139 69 19 / 25%);--color-shadow: 0 8px 32px 0 rgb(139 69 19 / 15%);--color-nav-bg: linear-gradient( 90deg, rgb(26 46 26 / 90%) 0%, rgb(45 74 45 / 95%) 100% );--color-nav-active: rgb(139 69 19 / 20%);--color-nav-hover: #a0522d;--color-nav: #8b4513;--color-header: linear-gradient( 90deg, rgb(26 46 26 / 90%) 0%, rgb(45 74 45 / 95%) 100% );--color-header-title: #8b4513;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 50%);--color-input-focus: rgb(139 69 19 / 20%);--color-list-hover: rgb(139 69 19 / 15%);--color-accordion-item: linear-gradient( 145deg, rgb(45 74 45 / 80%) 0%, rgb(58 95 58 / 90%) 100% );--color-accordion-header: rgb(139 69 19 / 15%);--color-accordion-header-hover: rgb(139 69 19 / 25%);--color-accordion-content: rgb(139 69 19 / 8%);--color-scrollbar-track: rgb(0 0 0 / 20%);--color-button-primary-hover: #6b3410;--color-button-primary-shadow: 0 6px 12px rgb(139 69 19 / 40%);--color-button-danger-hover: #dc2626;--color-button-danger-shadow: 0 6px 12px rgb(239 68 68 / 40%);--color-lure: #fbbf24;--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(160 82 45 / 40%);--color-meta: #a0522d;--color-accent-warm: #fbbf24;--color-nav-icon-bg: #8b4513;--color-nav-active-indicator: #fbbf24;--color-white: #f0f8f0;--color-warning: #fbbf24;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(139 69 19 / 15%);--shadow-lg: 0 8px 32px rgb(139 69 19 / 20%);--opacity-low: .08;--opacity-medium: .15;--opacity-medium-high: .2;--opacity-high: .25;--opacity-very-high: .35;--opacity-ultra-high: .7;--opacity-max: .9;--shadow-opacity: .4;--shadow-opacity-light: .15;--shadow-opacity-medium: .2;--shadow-opacity-heavy: .6;--color-border-opacity: rgb(139 69 19 / var(--opacity-medium-high));--color-glass-opacity: rgb(139 69 19 / var(--opacity-medium));--color-glass-border-opacity: rgb(139 69 19 / var(--opacity-high));--color-nav-active-opacity: rgb(139 69 19 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(139 69 19 / var(--opacity-medium-high));--color-list-hover-opacity: rgb(139 69 19 / var(--opacity-medium));--color-accordion-header-opacity: rgb(139 69 19 / var(--opacity-medium));--color-accordion-header-hover-opacity: rgb(139 69 19 / var(--opacity-high));--color-accordion-content-opacity: rgb(139 69 19 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(139 69 19 / var(--shadow-opacity));--color-shadow-light: rgb(139 69 19 / var(--shadow-opacity-light));--color-shadow-medium: rgb(139 69 19 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}[data-theme=nature]{--color-bg: linear-gradient(135deg, #f0f7f0 0%, #e8f5e8 50%, #f5f9f5 100%);--color-card: linear-gradient(145deg, #f8faf8 0%, #f0f7f0 100%);--color-primary: #2d5016;--color-accent: #4a7c59;--color-text: #1a2e1a;--color-danger: #dc2626;--color-success: #059669;--color-border: rgb(45 80 22 / 12%);--color-glass: linear-gradient( 145deg, rgb(248 250 248 / 90%) 0%, rgb(240 247 240 / 95%) 100% );--color-glass-border: rgb(45 80 22 / 18%);--color-shadow: 0 8px 32px 0 rgb(45 80 22 / 10%);--color-nav-bg: linear-gradient( 90deg, rgb(240 247 240 / 95%) 0%, rgb(248 250 248 / 90%) 100% );--color-nav-active: rgb(45 80 22 / 18%);--color-nav-hover: #4a7c59;--color-nav: #2d5016;--color-header: linear-gradient( 90deg, rgb(240 247 240 / 95%) 0%, rgb(248 250 248 / 90%) 100% );--color-header-title: #2d5016;--color-overlay: rgb(0 0 0 / 70%);--color-modal-shadow: 0 10px 25px rgb(0 0 0 / 50%);--color-input-focus: rgb(45 80 22 / 12%);--color-list-hover: rgb(45 80 22 / 10%);--color-accordion-item: linear-gradient( 145deg, rgb(248 250 248 / 80%) 0%, rgb(240 247 240 / 90%) 100% );--color-accordion-header: rgb(45 80 22 / 10%);--color-accordion-header-hover: rgb(45 80 22 / 15%);--color-accordion-content: rgb(45 80 22 / 5%);--color-scrollbar-track: rgb(45 80 22 / 10%);--color-button-primary-hover: #1e3a0f;--color-button-primary-shadow: 0 6px 12px rgb(45 80 22 / 30%);--color-button-danger-hover: #b91c1c;--color-button-danger-shadow: 0 6px 12px rgb(220 38 38 / 30%);--color-lure: #d97706;--color-button-secondary-hover: var(--color-card);--color-button-secondary-shadow: 0 6px 12px rgb(74 124 89 / 30%);--color-meta: #4a7c59;--color-accent-warm: #d97706;--color-nav-icon-bg: #2d5016;--color-nav-active-indicator: #d97706;--color-white: #f8faf8;--color-warning: #d97706;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-md: 0 4px 12px rgb(45 80 22 / 10%);--shadow-lg: 0 8px 32px rgb(45 80 22 / 15%);--opacity-low: .05;--opacity-medium: .1;--opacity-medium-high: .15;--opacity-high: .18;--opacity-very-high: .25;--opacity-ultra-high: .7;--opacity-max: .8;--shadow-opacity: .25;--shadow-opacity-light: .1;--shadow-opacity-medium: .15;--shadow-opacity-heavy: .35;--color-border-opacity: rgb(45 80 22 / var(--opacity-medium));--color-glass-opacity: rgb(45 80 22 / var(--opacity-medium));--color-glass-border-opacity: rgb(45 80 22 / 18%);--color-nav-active-opacity: rgb(45 80 22 / var(--opacity-medium-high));--color-input-focus-opacity: rgb(45 80 22 / var(--opacity-medium));--color-list-hover-opacity: rgb(45 80 22 / var(--opacity-medium));--color-accordion-header-opacity: rgb(45 80 22 / 10%);--color-accordion-header-hover-opacity: rgb(45 80 22 / var(--opacity-medium));--color-accordion-content-opacity: rgb(45 80 22 / var(--opacity-low));--color-overlay-opacity: rgb(0 0 0 / var(--opacity-ultra-high));--color-shadow-base: rgb(45 80 22 / var(--shadow-opacity));--color-shadow-light: rgb(45 80 22 / var(--shadow-opacity-light));--color-shadow-medium: rgb(45 80 22 / var(--shadow-opacity-medium));--color-shadow-heavy: rgb(0 0 0 / var(--shadow-opacity-heavy))}@media (width <= 768px){#main-content-area{padding-bottom:60px}}@media (width <= 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.highlight-content{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);min-width:260px;max-width:100%}.dashboard-info-panels{grid-template-columns:1fr}.section-title{font-size:var(--font-size-base)}.back-button{position:relative;left:auto;top:auto;margin-bottom:var(--space-md)}}@media (width <= 480px){.stats-grid{grid-template-columns:1fr;gap:var(--space-xs)}}@media (hover: none){.fish-card,.consumable-card{transform:none!important}}@media (width <= 768px){.settings-grid{grid-template-columns:1fr;gap:1rem}.settings-category-card{padding:1.5rem}.settings-category-content{max-width:100%}}@media (width <= 768px){.profile-setup-container{padding:var(--space-sm)}.form-section{padding:var(--space-lg)}.form-row{grid-template-columns:1fr;gap:var(--space-md)}.species-checkboxes{grid-template-columns:1fr;gap:var(--space-xs)}.form-actions .button-row{flex-direction:column}.checkbox-label{padding:var(--space-sm);font-size:var(--font-size-sm)}}@media (width >= 600px){.form-actions .button-row{flex-direction:row;justify-content:flex-end}.form-actions .button-primary,.form-actions .button-secondary{width:auto;min-width:140px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (width <= 768px){input,select,textarea{font-size:16px!important}}@media (width <= 600px){.coordinates-inputs{grid-template-columns:1fr}.map-modal-content{max-height:90vh;margin:.5rem}}@media (width <= 600px){.location-map{height:250px}.coordinates-input-section{margin-top:var(--space-md)}}@media (width <= 768px){.analytics-container{padding:var(--space-md)}.stats-grid{grid-template-columns:1fr}.catch-analytics-map{height:300px}.map-legend{flex-direction:column;gap:var(--space-sm)}.location-item{flex-direction:column;text-align:center}.location-stats{justify-content:center}}@media (width <= 600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.stat-card{padding:var(--space-xs);min-height:48px;font-size:var(--font-size-xs)}.stat-icon{font-size:var(--font-size-base);width:20px;height:20px;margin-right:var(--space-xs)}.stat-number,.stat-label{font-size:var(--font-size-sm)}}@media (width >= 600px){.form-actions.button-row{flex-direction:row;justify-content:flex-end;align-items:center}.form-actions.button-row button{min-width:140px}}@media (prefers-color-scheme: dark){.info-box{font-size:small;background:var(--color-info-bg-dark, #1e293b);color:var(--color-info-text-dark, #cbd5e1);border-left-color:var(--color-info-border-dark, #38bdf8);box-shadow:0 2px 8px #38bdf814}.info-box .material-icons{color:var(--color-info-icon-dark, #38bdf8)}}