:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4{margin:0}button{font-family:inherit;cursor:pointer}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:1rem}.login-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2.5rem 2rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem}.login-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.login-subtitle{color:#666;font-size:.9rem;margin:0 0 1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-input{padding:.5em .75em;border-radius:6px;border:1px solid #ccc;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}.login-input:focus{border-color:#213547}.login-input-error{border-color:#c0392b}.login-error{font-size:.82rem;color:#c0392b;margin:0}.login-btn{padding:.55em 1rem;background:#213547;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s}.login-btn:hover{background:#2c4a61}.app{max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem}.app-header{padding:2rem 0 1.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem}.app-header-top{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem}.app-header-actions{display:flex;align-items:center;gap:.75rem}.logout-btn{padding:.35em .85em;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:.85rem;color:#555;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;font-family:inherit}.logout-btn:hover{border-color:#999;background:#f0f0f0}.app-title{font-size:2rem;font-weight:700;color:#1a1a1a}.app-subtitle{margin:.25rem 0 0;color:#666;font-size:.95rem}.app-nav{display:flex;gap:.35rem;align-self:flex-end}.nav-tab{padding:.4em 1.1em;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:.9rem;color:#333;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:inherit}.nav-tab:hover{border-color:#999;background:#f0f0f0}.nav-tab.active{background:#213547;color:#fff;border-color:#213547}.app-main{display:flex;flex-direction:column;gap:1rem}.controls-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.25rem}.results-meta{font-size:.9rem;color:#666;min-height:1.5rem}.result-count{font-weight:500}.status-message{text-align:center;padding:3rem;color:#666}.status-message.error{color:#c0392b}.empty-message{text-align:center;padding:3rem;color:#888}.tier-badge{display:inline-block;padding:.2em .55em;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.tier-perfect-match{background:#d4edda;color:#155724}.tier-good-option{background:#fff3cd;color:#856404}.tier-avoid{background:#f8d7da;color:#721c24}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;flex:1}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555}.filter-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.filter-btn{padding:.3em .75em;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:.85rem;color:#333;transition:background .15s,border-color .15s}.filter-btn:hover{border-color:#999;background:#f0f0f0}.filter-btn.active{background:#213547;color:#fff;border-color:#213547}.filter-select{padding:.35em .6em;border-radius:6px;border:1px solid #ccc;font-size:.85rem;font-family:inherit;background:#fff;color:#333;cursor:pointer}.filter-select:hover{border-color:#999}.filter-search{padding:.35em .6em;border-radius:6px;border:1px solid #ccc;font-size:.85rem;font-family:inherit;background:#fff;color:#333;width:14rem}.filter-search:hover{border-color:#999}.filter-search:focus{outline:none;border-color:#213547}.view-toggle{display:flex;gap:.35rem;align-self:flex-end}.toggle-btn{padding:.35em .9em;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:.85rem;color:#333;transition:background .15s,border-color .15s}.toggle-btn:hover{border-color:#999;background:#f0f0f0}.toggle-btn.active{background:#213547;color:#fff;border-color:#213547}.strain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.strain-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.1rem;cursor:pointer;transition:box-shadow .15s,transform .1s;display:flex;flex-direction:column;gap:.5rem}.strain-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.card-name{font-size:.95rem;font-weight:600;line-height:1.3;flex:1}.card-meta{display:flex;gap:.5rem;font-size:.8rem;color:#555}.card-meta span:not(:last-child):after{content:"·";margin-left:.5rem}.card-thc{font-size:.85rem;color:#333;font-weight:500}.card-cbd{color:#555}.card-feelings{display:flex;flex-wrap:wrap;gap:.3rem}.feeling-tag{background:#f0f4f8;color:#334;font-size:.75rem;padding:.15em .5em;border-radius:4px}.card-ratings{display:flex;gap:.75rem;font-size:.78rem;color:#555;border-top:1px solid #f0f0f0;padding-top:.4rem;margin-top:auto}.table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid #e0e0e0;background:#fff}.strain-table{width:100%;border-collapse:collapse;font-size:.88rem}.strain-table th{background:#f5f5f5;padding:.65rem .85rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#555;border-bottom:1px solid #e0e0e0;white-space:nowrap}.strain-table td{padding:.6rem .85rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.table-row{cursor:pointer;transition:background .1s}.table-row:hover{background:#f9f9f9}.table-row:last-child td{border-bottom:none}.td-name{font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:640px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.25rem 1.75rem;border-bottom:1px solid #ebebeb;flex-shrink:0}.modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.25rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.modal-close{background:none;border:1px solid #ccc;border-radius:6px;width:2rem;height:2rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:#555;padding:0;line-height:1;flex-shrink:0}.modal-close:hover{background:#f0f0f0}.modal-header{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap;flex:1}.modal-name{font-size:1.3rem;font-weight:700;flex:1}.modal-meta{display:flex;gap:.5rem;font-size:.9rem;color:#555}.modal-section h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:.5rem}.modal-section p{margin:.2rem 0;font-size:.9rem;line-height:1.5;overflow-wrap:break-word}.modal-feelings{display:flex;flex-wrap:wrap;gap:.35rem}.ratings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.4rem}.rating-item{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;border-radius:5px;padding:.3em .6em;font-size:.83rem}.rating-label{color:#444;text-transform:capitalize}.rating-value{font-weight:700;color:#213547}.terpene-list{display:flex;flex-direction:column;gap:.25rem}.terpene-item{display:flex;justify-content:space-between;font-size:.85rem;padding:.2rem 0;border-bottom:1px solid #f0f0f0}.terpene-item:last-child{border-bottom:none}.modal-notes{font-size:.88rem;color:#444;line-height:1.6;white-space:pre-wrap;overflow-wrap:break-word}@media(max-width:600px){.app{padding:0 .75rem 2rem}.app-title{font-size:1.5rem}.controls-bar{padding:.75rem;gap:.75rem}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:92vh;max-width:100%;border-radius:16px 16px 0 0}.modal-top-bar,.modal-body{padding:1rem 1.25rem}.ratings-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.terpene-guide{display:flex;flex-direction:column;gap:2.5rem}.tg-intro{background:#eef4fb;border:1px solid #c5d8ef;border-radius:10px;padding:1rem 1.25rem}.tg-intro-text{margin:0;font-size:.95rem;color:#2c4a6e;line-height:1.6}.tg-section-title{font-size:1.15rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:2px solid #e0e0e0}.terpene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.terpene-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;border-left:4px solid #ccc}.terpene-card--energizing{border-left-color:#e8a000}.terpene-card--calming{border-left-color:#6a9fd8}.terpene-card--balanced{border-left-color:#5ba85b}.tc-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.tc-name{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0}.tc-aroma{font-size:.78rem;color:#666;background:#f5f5f5;padding:.15em .5em;border-radius:4px;white-space:nowrap}.tc-flavor{margin:0;font-size:.82rem;color:#555;font-style:italic}.tc-types{margin:0;font-size:.82rem;color:#555}.tc-section{display:flex;flex-direction:column;gap:.3rem}.tc-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888}.tc-label--warn{color:#c0392b}.tc-tag-list{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0;padding:0}.tc-tag{font-size:.75rem;padding:.15em .5em;border-radius:4px;background:#f0f4f8;color:#334}.tc-tag--best{background:#e8f5e9;color:#2e7d32}.tc-header-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.warn-popover-wrapper{position:relative}.warn-icon-btn{background:none;border:none;padding:.1em .25em;font-size:.85rem;cursor:pointer;color:#c0392b;line-height:1;border-radius:3px;transition:background .12s}.warn-icon-btn:hover{background:#fdecea}.warn-popover{position:absolute;top:calc(100% + 6px);right:0;background:#fff8f0;border:1px solid #f5c07a;border-radius:8px;padding:.6rem .75rem;z-index:200;min-width:200px;max-width:260px;box-shadow:0 4px 14px #0000001f;display:flex;flex-direction:column;gap:.3rem}.warn-popover-text{margin:.2rem 0 0;font-size:.82rem;color:#444}.tc-plain-list{margin:.2rem 0 0;padding-left:1.1rem;font-size:.82rem;color:#444;display:flex;flex-direction:column;gap:.15rem}.tc-avoid{font-size:.82rem;color:#666;margin:0}.tc-footer{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:auto;padding-top:.4rem;border-top:1px solid #f0f0f0;font-size:.78rem;color:#555}.tc-appetite{padding:.15em .5em;border-radius:4px;font-weight:600;font-size:.75rem}.tc-appetite--suppress{background:#e8f5e9;color:#2e7d32}.tc-appetite--increase{background:#fdecea;color:#b71c1c}.tc-sources{color:#777;font-style:italic}.tc-note{margin:0;font-size:.8rem;color:#2c4a6e;background:#eef4fb;border-radius:5px;padding:.35rem .6rem;line-height:1.4}.combo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.combo-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem;border-left:4px solid #5ba85b}.combo-card--warning{border-left-color:#c0392b;background:#fff8f8}.combo-label{font-size:.95rem;font-weight:700;color:#1a1a1a;margin:0}.combo-terpenes{display:flex;flex-wrap:wrap;gap:.3rem}.combo-terpene-tag{font-size:.78rem;padding:.15em .55em;border-radius:4px;background:#f0f4f8;color:#334;font-weight:500}.combo-effects{margin:0;font-size:.85rem;color:#444;line-height:1.5}.usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.usage-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.usage-label{font-size:.95rem;font-weight:700;color:#1a1a1a;margin:0}.usage-body{display:flex;flex-direction:column;gap:.6rem}.usage-note{margin:0;font-size:.8rem;color:#2c4a6e;background:#eef4fb;border-radius:5px;padding:.3rem .5rem}.tg-notes-list{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1rem 1.25rem 1rem 2.25rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.tg-note-item{font-size:.9rem;color:#333;line-height:1.5}