*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,select,input,textarea{touch-action:manipulation;font-family:inherit;color:inherit}button{cursor:pointer}input,select,textarea{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;color:#fff;overflow-x:hidden;background-color:#5c2d0e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E"),repeating-linear-gradient(178deg,transparent 0px,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px),repeating-linear-gradient(182deg,transparent 0px,transparent 7px,rgba(255,255,255,.025) 7px,rgba(255,255,255,.025) 8px),repeating-linear-gradient(179.2deg,transparent 0px,transparent 18px,rgba(0,0,0,.09) 18px,rgba(0,0,0,.09) 20px,transparent 20px,transparent 38px,rgba(255,255,255,.03) 38px,rgba(255,255,255,.03) 39px),repeating-linear-gradient(180deg,transparent 0px,transparent 95px,rgba(0,0,0,.18) 95px,rgba(0,0,0,.18) 98px,rgba(255,255,255,.04) 98px,rgba(255,255,255,.04) 100px),linear-gradient(160deg,#6b3012,#5a2509,#6e3415,#5c2c0c,#71380f,#5e2e0d 75%,#6a3213)}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.vignette{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.45) 100%);pointer-events:none;z-index:0}.container{max-width:1600px;margin:0 auto;padding:1.5rem 2rem;position:relative;z-index:1;box-sizing:border-box;width:100%}.title-font{font-family:Playfair Display,Georgia,serif}.italic-font{font-family:Crimson Text,Georgia,serif;font-style:italic}.card{background:#00000040;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;transition:.2s;display:inline-flex;align-items:center;gap:.35rem;justify-content:center}.btn-primary{background:#d97706;color:#fff}.btn-primary:hover{background:#b45309}.btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff38}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857}.btn-sm{padding:.25rem .6rem;font-size:.78rem}.btn-full{width:100%}.top-nav-btn{padding:.35rem .65rem;background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#f5deb3bf;border-radius:.5rem;font-size:.78rem;font-weight:600;transition:all .15s;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.top-nav-btn:hover{background:#ffffff24;color:wheat;border-color:#ffffff40}.top-nav-btn.active{background:#d977064d;border-color:#d97706;color:#c49a3c}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));grid-auto-rows:1fr;gap:.5rem;align-items:stretch;min-width:0;width:100%}.button-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.button-grid>:is(button,a){display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;min-height:44px;width:100%;height:100%;margin:0!important;padding:.5rem .6rem!important;font-size:.95rem!important;font-weight:600;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere;text-align:center;text-decoration:none;border-radius:.5rem}.button-grid>:is(button,a)>svg{flex-shrink:0;width:18px;height:18px}.button-grid>:is(button,a)>span{min-width:0}.button-grid>:is(button,a):focus-visible{outline:2px solid #f5deb3;outline-offset:2px}.button-grid>button:disabled{cursor:not-allowed;opacity:.55}.button-grid>[aria-pressed=false]{color:wheat!important}.button-grid>:only-child{grid-column:1 / -1}.button-grid .button-label{flex:1 1 auto}.button-count{flex-shrink:0;padding:.1rem .35rem;border-radius:999px;background:#c49a3c4d;font-size:.8rem}.button-count--ready{background:#22c55e4d}.inventory-tab-grid{padding-bottom:.85rem;margin-bottom:.85rem;border-bottom:1px solid rgba(212,175,55,.25)}.inventory-tab-grid>button{color:wheat;flex-wrap:wrap}.inventory-tab-grid>button.active{color:#f5d57e}.inventory-actions-grid{margin-bottom:.85rem}.control-gold{background:#d4af372e;border:1px solid rgba(212,175,55,.5);color:#f5d57e}.control-green{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#a7f3c0}@media(max-width:600px){.action-card{padding:12px}.button-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}.inventory-tab-grid>button{gap:.25rem;padding:.5rem .4rem!important}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.9rem}.form-input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#0000004d;color:#fff}.form-input:focus{outline:none;border-color:#d97706}.form-input::placeholder{color:#fff6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}input[type=date],select.form-input{color-scheme:dark}select.form-input option{background:#2d1f1a;color:wheat}select.form-input option:checked{background:#d97706;color:#fff}.navigation-hub{background:#d4af370d;border:1px solid rgba(212,175,55,.25);border-radius:1rem;padding:.85rem;margin-bottom:1.25rem}.navigation-title{font-size:.85rem;color:#c49a3c;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:.45rem}.navigation-caption{font-size:.8rem;opacity:.7;text-align:center;line-height:1.5;margin-bottom:.75rem}.navigation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}@media(min-width:700px){.navigation-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}}.navigation-tile{border:1px solid rgba(212,175,55,.3);background:#0000004d;border-radius:.75rem;padding:.85rem .5rem;color:wheat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;font-size:.88rem;min-height:48px;overflow-wrap:anywhere}.navigation-tile.active,.navigation-tile:hover{border-color:#c49a3c;background:#d4af372e;color:#c49a3c}.navigation-tile.active{font-weight:700;box-shadow:inset 0 0 0 1px #c49a3c}.navigation-shortcuts .navigation-tile{flex-direction:row;font-size:.82rem}@media(max-width:380px){.navigation-shortcuts .navigation-tile{flex-direction:column}}.navigation-tile svg{flex-shrink:0}.collector-mode{display:flex;width:fit-content;max-width:100%;margin:0 auto 1rem;border:1px solid rgba(212,175,55,.3);border-radius:999px;padding:.2rem;background:#0000004d}.collector-mode button{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .8rem;min-height:44px;background:transparent;border:0;border-radius:999px;color:wheat;font-size:.85rem}.collector-mode button[aria-pressed=true]{background:#d4af3740;color:#c49a3c;font-weight:700}.collector-mode svg{flex-shrink:0}.navigation-tile:focus-visible,.collector-mode button:focus-visible,.dashboard-section:focus-visible{outline:2px solid #f5deb3;outline-offset:3px}.dashboard-section{scroll-margin-top:1rem;min-width:0}.collection-section-title{font-size:1.1rem;margin-bottom:.85rem}.section-back-link{display:inline-block;margin:.5rem 0 1.25rem;color:wheat;font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#00000040;border-radius:1rem;padding:1.25rem;border:1px solid rgba(255,255,255,.2)}.stat-card.clickable{cursor:pointer;transition:all .2s}.stat-card.clickable:hover{background:#ffffff1f;transform:translateY(-2px)}.stat-label{font-size:.85rem;opacity:.75;margin-bottom:.4rem}.stat-value{font-size:2rem;font-weight:700;color:#c49a3c}.stat-sub{font-size:.75rem;opacity:.55;margin-top:.2rem}.main-grid{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:start}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}}.humidor-item{background:#0000004d;padding:1rem;border-radius:.75rem;cursor:pointer;border:2px solid transparent;margin-bottom:.75rem;transition:all .15s}.humidor-item:hover{background:#0006}.humidor-item.active{border-color:#d97706;background:#d9770633}.humidor-item.purgatory{border-color:#8b5cf680}.humidor-item.purgatory:not(.active){background:#8b5cf614}.humidor-item.purgatory.active{background:#8b5cf659}.humidor-name{font-weight:600;font-size:1.05rem;margin-bottom:.25rem}.humidor-stats{font-size:.82rem;opacity:.75}.capacity-ring{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.capacity-ring svg{transform:rotate(-90deg);flex-shrink:0}.capacity-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:10}.capacity-circle-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .5s}.capacity-circle-fill.green{stroke:#22c55e}.capacity-circle-fill.yellow{stroke:#c49a3c}.capacity-circle-fill.red{stroke:#ef4444}.capacity-pct{font-size:1.5rem;font-weight:700}.capacity-pct.green{color:#22c55e}.capacity-pct.yellow{color:#c49a3c}.capacity-pct.red{color:#ef4444}.capacity-detail{font-size:.75rem;opacity:.65;margin-top:.15rem}.cigar-list{display:grid;gap:.75rem;max-height:70vh;overflow-y:auto;padding-right:.25rem}.cigar-list::-webkit-scrollbar{width:4px}.cigar-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.cigar-item{background:#0000004d;padding:1rem;border-radius:.75rem;border-left:4px solid #d97706;position:relative;cursor:pointer;transition:background .15s;width:100%;box-sizing:border-box;overflow:hidden;min-width:0}.cigar-item:hover{background:#00000073}.cigar-item.favorite{border-left-color:#c49a3c;background:#c49a3c14}.cigar-item.purgatory-item{border-left-color:#8b5cf6;background:#8b5cf614}.cigar-item.low-stock{border-left-color:#f97316}.cigar-name{font-weight:600;font-size:1.05rem;padding-right:2.5rem;word-break:break-word}.cigar-meta{font-size:.82rem;opacity:.75;margin-top:.3rem;word-break:break-word}.cigar-badge{display:inline-block;background:#d977064d;padding:.1rem .4rem;border-radius:.25rem;font-size:.7rem;margin-right:.25rem;border:1px solid rgba(217,119,6,.5);font-weight:600}.cigar-actions{margin-top:.6rem}.purgatory-badge{display:inline-block;font-size:.78rem;padding:.15rem .5rem;border-radius:1rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:#c4b5fd}.purgatory-badge.ready{background:#22c55e33;border-color:#22c55e66;color:#86efac}.star-btn{position:absolute;top:.85rem;right:.85rem;background:none;border:none;font-size:1.3rem;z-index:2;transition:transform .15s}.star-btn:hover{transform:scale(1.2)}.star-btn.favorited{color:#c49a3c}.star-btn:not(.favorited){color:#ffffff40}.search-box{width:100%;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.25);border-radius:.5rem;background:#0000004d;color:#fff;font-size:.9rem}.search-box:focus{outline:none;border-color:#d97706}.search-box::placeholder{color:#ffffff59}.tab-nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.15)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto}.modal-box{background:#2d1f1a;padding:2rem;border-radius:1rem;max-width:560px;width:100%;max-height:calc(100dvh - 2rem);overflow-y:auto;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-overflow-scrolling:touch;margin:auto}.modal-box h3{font-size:1.25rem;margin-bottom:1.5rem}.modal-footer{display:flex;gap:.75rem;margin-top:1.5rem}.modal-footer .btn{flex:1;padding:.7rem}.empty-state{text-align:center;padding:3rem 1rem;opacity:.55}.empty-state p{margin-top:.5rem;font-size:.9rem}.upgrade-banner{background:linear-gradient(135deg,#d9770633,#b453094d);border:1px solid rgba(217,119,6,.4);border-radius:.75rem;padding:.85rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.upgrade-banner p{font-size:.85rem;opacity:.9}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;z-index:1}.auth-card{background:#00000073;border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;padding:2.5rem;width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{font-family:Playfair Display,Georgia,serif;font-size:2.25rem;color:wheat;text-shadow:0 2px 8px rgba(0,0,0,.6)}.auth-logo p{font-family:Crimson Text,Georgia,serif;font-style:italic;font-size:1rem;color:#f5deb399;margin-top:.3rem}.auth-tabs{display:flex;gap:0;margin-bottom:1.75rem;border-radius:.6rem;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.auth-tab{flex:1;padding:.6rem;background:transparent;border:none;color:#fff9;font-weight:600;font-size:.9rem;transition:.15s}.auth-tab.active{background:#d9770659;color:#c49a3c}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.8rem;opacity:.45}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#fff3}.auth-error{background:#dc262633;border:1px solid rgba(220,38,38,.4);border-radius:.5rem;padding:.65rem .9rem;font-size:.85rem;margin-bottom:1rem;color:#fca5a5}.google-btn{width:100%;padding:.7rem;border-radius:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:background .15s}.google-btn:hover{background:#ffffff2e}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}