.layout{display:flex;flex-direction:column;height:100%}.layout-content{flex:1;overflow-y:auto;padding-bottom:var(--nav-height)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;color:var(--color-text-muted);transition:color .15s}.nav-item.active{color:var(--color-accent)}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:11px;font-weight:500}.auth-page{min-height:100vh;display:flex;flex-direction:column;padding:40px 24px 24px;background:var(--color-bg)}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{font-size:24px;font-weight:700;color:var(--color-primary)}.auth-tagline{margin-top:6px;color:var(--color-text-muted);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px;background:var(--color-surface);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-md)}.auth-form h2{font-size:22px;font-weight:700;color:var(--color-primary)}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--color-text-muted)}.auth-form input{padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color .15s}.auth-form input:focus{border-color:var(--color-accent)}.btn-primary{padding:14px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:16px;font-weight:600;transition:background .15s;margin-top:4px}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-primary:disabled{opacity:.6}.auth-error{color:var(--color-error);font-size:14px;background:#fdf0ef;padding:10px 12px;border-radius:var(--radius-sm)}.auth-switch{text-align:center;font-size:14px;color:var(--color-text-muted)}.auth-switch a{color:var(--color-accent);font-weight:600}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--color-text-muted)}.onboarding-page{min-height:100vh;padding:40px 24px 32px;display:flex;flex-direction:column;gap:24px;background:var(--color-bg)}.onboarding-header{text-align:center}.onboarding-header h1{font-size:26px;font-weight:700;color:var(--color-primary);margin-bottom:10px}.onboarding-header p{color:var(--color-text-muted);font-size:15px}.progress-dots{display:flex;justify-content:center;gap:10px;margin:20px 0 8px}.dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);transition:background .2s}.dot.filled{background:var(--color-accent)}.progress-label{font-size:13px;color:var(--color-text-muted)}.onboarding-search form{display:flex;gap:10px;margin-bottom:16px}.onboarding-search input{flex:1;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;background:var(--color-surface)}.onboarding-search button{padding:12px 18px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600}.cafe-results{list-style:none;display:flex;flex-direction:column;gap:8px}.cafe-results li{background:var(--color-surface);padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .15s}.cafe-results li:hover{border-color:var(--color-accent)}.cafe-results li strong{font-size:15px}.cafe-results li span{font-size:13px;color:var(--color-text-muted)}.onboarding-rate{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-md)}.onboarding-rate h2{font-size:20px;font-weight:700;color:var(--color-primary)}.cafe-address{font-size:13px;color:var(--color-text-muted)}.rate-prompt{font-size:16px;font-weight:600}.thumb-buttons{display:flex;gap:12px}.thumb-btn{flex:1;padding:14px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-weight:600;background:var(--color-bg);transition:all .15s}.btn-back{font-size:14px;color:var(--color-text-muted);text-align:center;padding:4px}.brew-page{display:flex;flex-direction:column;min-height:100%;padding-bottom:20px}.brew-header{padding:20px 20px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.brew-header h1{font-size:20px;font-weight:700;color:var(--color-primary)}.mode-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.mode-tab{flex:1;padding:14px 8px;font-size:13px;font-weight:600;color:var(--color-text-muted);border-bottom:3px solid transparent;transition:all .15s;text-align:center}.mode-tab.active{color:var(--color-primary);border-bottom-color:var(--color-accent)}.brew-content{padding:20px 16px;display:flex;flex-direction:column;gap:16px}.brew-loading{text-align:center;padding:40px 0;color:var(--color-text-muted)}.brew-locked{text-align:center;padding:40px 20px;display:flex;flex-direction:column;gap:16px;align-items:center;color:var(--color-text-muted)}.brew-cards{display:flex;flex-direction:column;gap:16px}.cafe-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,border-color .15s}.cafe-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-light)}.cafe-card-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.cafe-card-name{font-size:20px;font-weight:700;color:var(--color-primary)}.cafe-card-address{font-size:13px;color:var(--color-text-muted)}.cafe-card-yelp{font-size:13px;color:var(--color-accent);font-weight:600;margin-top:4px}.brew-fallback{width:100%;text-align:left}.fallback-label{font-size:13px;color:var(--color-text-muted);margin-bottom:10px}.journal-page{display:flex;flex-direction:column}.page-header{padding:20px 20px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.page-header h1{font-size:20px;font-weight:700;color:var(--color-primary)}.page-header-row{display:flex;align-items:center;justify-content:space-between}.add-entry-btn{font-size:14px;font-weight:700;color:var(--color-accent);padding:6px 0}.page-loading{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.journal-empty{padding:60px 24px;text-align:center;display:flex;flex-direction:column;gap:8px}.muted{color:var(--color-text-muted);font-size:14px}.journal-section{padding:16px 16px 8px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--color-border);margin-top:8px}.journal-section-header{display:flex;justify-content:space-between;align-items:center}.journal-section-header h2{font-size:15px;font-weight:700;color:var(--color-primary)}.journal-section-action{font-size:14px;color:var(--color-accent);font-weight:600}.tier-list-preview-name{font-size:14px;font-weight:600;color:var(--color-primary)}.add-entry-panel{margin:12px 16px;background:var(--color-surface);border:1.5px solid var(--color-accent);border-radius:var(--radius-md);overflow:hidden}.add-entry-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--color-border)}.add-entry-title{font-size:15px;font-weight:700;color:var(--color-primary)}.add-entry-close{font-size:16px;color:var(--color-text-muted);padding:2px 6px}.add-entry-search-form{display:flex;gap:8px;padding:12px 14px 8px}.add-entry-search-form input{flex:1;padding:9px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-bg)}.add-entry-search-form button{padding:9px 14px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.add-entry-results{list-style:none;padding:0 14px 12px;display:flex;flex-direction:column;gap:6px}.add-entry-results li{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:2px}.add-entry-results li:hover{border-color:var(--color-accent)}.add-entry-results li strong{font-size:14px;color:var(--color-primary)}.add-entry-results li span{font-size:12px;color:var(--color-text-muted)}.add-entry-rate{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.add-entry-address{font-size:13px;color:var(--color-text-muted);margin-top:-4px}.add-entry-thumbs{display:flex;gap:8px}.thumb-btn{flex:1;padding:10px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;background:var(--color-surface);transition:all .15s}.thumb-btn.selected{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-primary)}.add-entry-back{font-size:13px;color:var(--color-text-muted);text-align:left}.add-entry-not-found{padding:8px 14px 14px;display:flex;flex-direction:column;gap:8px}.add-entry-no-results{padding:4px 14px 0;font-size:13px;color:var(--color-text-muted)}.add-entry-manual-btn{font-size:14px;font-weight:700;color:var(--color-accent);text-align:left}.add-cafe-address-input{width:100%;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-bg);box-sizing:border-box}.add-cafe-address-input:focus{outline:none;border-color:var(--color-accent)}.add-cafe-address-hint{font-size:12px;color:var(--color-accent);margin-top:-4px}.journal-list{list-style:none;padding:16px;display:flex;flex-direction:column;gap:10px}.journal-item{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.journal-cafe-row{display:flex;align-items:center;gap:12px;padding:12px 14px 8px}.journal-thumb{font-size:20px;flex-shrink:0}.journal-info{flex:1;min-width:0}.journal-cafe-name{font-size:15px;font-weight:600;color:var(--color-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-pin{font-style:normal}.journal-cafe-id{font-size:12px;color:var(--color-text-muted);font-family:monospace}.journal-notes-row{padding:6px 16px 10px 52px;cursor:pointer}.journal-notes-row:hover .journal-notes{text-decoration:underline;text-decoration-style:dotted}.journal-notes-row:hover .journal-add-note{color:var(--color-accent)}.journal-notes{font-size:13px;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.journal-add-note{font-size:13px;color:var(--color-text-muted)}.notes-editor{padding:6px 14px 10px;display:flex;flex-direction:column;gap:6px}.notes-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;resize:none;background:var(--color-surface);color:var(--color-primary);box-sizing:border-box}.notes-textarea:focus{outline:none;border-color:var(--color-accent)}.notes-editor-actions{display:flex;gap:8px;justify-content:flex-end}.notes-cancel-btn{font-size:13px;color:var(--color-text-muted);padding:6px 12px}.notes-save-btn{font-size:13px;font-weight:700;color:#fff;background:var(--color-accent);padding:6px 16px;border-radius:var(--radius-sm)}.journal-visibility{font-size:11px;padding:3px 8px;border-radius:999px;font-weight:600}.journal-visibility.public{background:#e8f5e9;color:var(--color-success)}.journal-visibility.private{background:#f5f5f5;color:var(--color-text-muted)}.profile-page{display:flex;flex-direction:column}.profile-header{padding:20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.profile-header h1{font-size:22px;font-weight:700;color:var(--color-primary)}.profile-stats{display:flex;gap:20px;font-size:14px;color:var(--color-text-muted)}.settings-btn{font-size:14px;color:var(--color-accent);font-weight:600;text-align:left;padding:0}.profile-home-cafe{padding:14px 20px;background:var(--color-accent-light);display:flex;justify-content:space-between;align-items:center}.home-cafe-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.home-cafe-link{font-size:14px;color:var(--color-accent);font-weight:600}.profile-section{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.profile-section h2{font-size:15px;font-weight:700;color:var(--color-primary)}.tier-list-previews{list-style:none;display:flex;flex-direction:column;gap:8px}.tier-list-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.visibility-badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600}.visibility-badge.public{background:#e8f5e9;color:var(--color-success)}.visibility-badge.private{background:#f5f5f5;color:var(--color-text-muted)}.muted{font-size:13px;color:var(--color-text-muted)}.home-cafe-set{display:flex;justify-content:space-between;align-items:center}.home-cafe-clear{font-size:13px;color:var(--color-text-muted);text-decoration:underline}.home-cafe-form{display:flex;gap:8px}.home-cafe-form input{flex:1;padding:10px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background:var(--color-surface)}.home-cafe-form button{padding:10px 14px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.home-cafe-results{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:6px}.home-cafe-results li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.home-cafe-results li:hover{border-color:var(--color-accent)}.home-cafe-results li strong{font-size:14px}.home-cafe-results li span{font-size:12px;color:var(--color-text-muted)}.settings-hint{font-size:13px;color:var(--color-text-muted)}.preset-buttons{display:flex;gap:10px;flex-wrap:wrap}.preset-btn{padding:10px 18px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:600;background:var(--color-surface);transition:all .15s}.preset-btn.active{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-primary)}.toggle-row{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:14px}.visibility-btn{flex:1;padding:10px;border:2px solid var(--color-border);font-size:14px;font-weight:600;background:var(--color-surface);transition:all .15s}.visibility-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.visibility-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.visibility-btn.active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-primary)}.toggle-btn{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;border:2px solid var(--color-border)}.toggle-btn.on{background:var(--color-success);color:#fff;border-color:var(--color-success)}.toggle-btn.off{background:var(--color-border);color:var(--color-text-muted)}.profile-actions{padding:0 20px 32px;display:flex;flex-direction:column;gap:12px}.save-btn{width:100%}.signout-btn{padding:14px;color:var(--color-error);font-size:15px;font-weight:600;text-align:center;border:2px solid var(--color-error);border-radius:var(--radius-md);background:none;width:100%}.cafe-detail-page{display:flex;flex-direction:column}.cafe-detail-header{padding:16px 20px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.back-link{font-size:14px;color:var(--color-accent);font-weight:600;margin-bottom:4px}.cafe-detail-header h1{font-size:22px;font-weight:700;color:var(--color-primary)}.cafe-detail-address{font-size:14px;color:var(--color-text-muted)}.yelp-link{font-size:14px;color:var(--color-accent);font-weight:600;margin-top:4px}.cafe-reviews{padding:16px;display:flex;flex-direction:column;gap:12px}.cafe-reviews h2{font-size:16px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.review-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:14px 16px;display:flex;gap:12px}.review-thumb{font-size:22px;flex-shrink:0}.review-body{flex:1}.review-scores{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 12px;margin-bottom:10px}.review-score-row{display:flex;flex-direction:column;gap:1px}.score-label{font-size:11px;color:var(--color-text-muted)}.score-stars{font-size:12px;color:var(--color-accent);letter-spacing:-1px}.review-notes{font-size:13px;color:var(--color-text);font-style:italic}.cafe-no-reviews{padding:60px 24px;text-align:center;color:var(--color-text-muted)}.review-byline{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:8px}.add-details-link{display:inline-block;font-size:14px;font-weight:600;color:var(--color-accent);margin-bottom:4px}.reviews-divider{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:4px 0 2px}.tier-list-page{display:flex;flex-direction:column;min-height:100%}.page-header-row{display:flex;align-items:center;gap:12px}.seed-picker{padding:24px 20px;display:flex;flex-direction:column;gap:16px}.seed-picker h1{font-size:22px;font-weight:700;color:var(--color-primary)}.seed-subtitle{font-size:14px;color:var(--color-text-muted);margin-top:-8px}.seed-options{display:flex;flex-direction:column;gap:10px}.seed-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:left;transition:border-color .15s}.seed-card:hover,.seed-card:active{border-color:var(--color-accent)}.seed-icon{font-size:28px;flex-shrink:0}.seed-card-text{display:flex;flex-direction:column;gap:3px}.seed-card-text strong{font-size:15px;font-weight:700;color:var(--color-primary)}.seed-card-text span{font-size:13px;color:var(--color-text-muted)}.city-input-screen{padding:24px 20px;display:flex;flex-direction:column;gap:14px}.city-input-screen h2{font-size:20px;font-weight:700;color:var(--color-primary)}.city-input{padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;background:var(--color-surface);color:var(--color-primary)}.city-input:focus{outline:none;border-color:var(--color-accent)}.tier-editor{flex:1;display:flex;flex-direction:column;padding-bottom:32px}.tier-name-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.tier-name-input{flex:1;border:none;background:transparent;font-size:16px;font-weight:700;color:var(--color-primary);outline:none}.tier-progress{font-size:13px;color:var(--color-text-muted);font-weight:600;flex-shrink:0}.tier-board{padding:12px 16px 0;display:flex;flex-direction:column;gap:6px}.tier-row{display:flex;align-items:flex-start;gap:8px;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden;min-height:44px}.tier-label{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;align-self:stretch}.tier-chips{flex:1;padding:6px;display:flex;flex-wrap:wrap;gap:5px;min-height:44px;align-content:flex-start}.tier-chip{display:flex;align-items:center;gap:6px;background:var(--color-accent-light);border:1px solid transparent;border-radius:999px;padding:3px 10px 3px 4px;font-size:12px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:opacity .15s}.tier-chip:hover{opacity:.7}.untiered-section{padding:16px 16px 0;display:flex;flex-direction:column;gap:8px}.untiered-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.untiered-row{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;cursor:grab}.untiered-row:active{cursor:grabbing}.untiered-cafe-name{font-size:14px;font-weight:600;color:var(--color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-row-over{border-color:var(--color-accent);background:var(--color-accent-light)}.tier-row-over .tier-chips{min-height:48px}.untiered-row-dragging{opacity:.3}.untiered-section-over{border-radius:var(--radius-sm);outline:2px dashed var(--color-accent);outline-offset:-2px}.untiered-drag-handle{display:flex;align-items:center;gap:10px;cursor:grab;flex:1;min-width:0}.untiered-drag-handle:active{cursor:grabbing}.tier-chip{cursor:grab}.tier-chip:active{cursor:grabbing}.drag-overlay{box-shadow:0 8px 24px #0000002e;cursor:grabbing;opacity:.95;transform:scale(1.04)}.tier-footer{padding:16px;margin-top:auto}.tier-footer .btn-primary{width:100%}.tier-empty{padding:60px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;color:var(--color-text-muted)}.rate-details-page{display:flex;flex-direction:column;min-height:100%}.rate-details-header{padding:16px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.rate-details-progress{display:flex;gap:8px}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background .2s}.progress-dot.active{background:var(--color-accent)}.rate-details-screen{flex:1;padding:24px 20px 16px;display:flex;flex-direction:column;gap:20px}.screen-title{font-size:22px;font-weight:700;color:var(--color-primary)}.characteristics-list{display:flex;flex-direction:column;gap:20px}.characteristic-row{display:flex;flex-direction:column;gap:8px}.characteristic-labels{display:flex;flex-direction:column;gap:2px}.characteristic-name{font-size:15px;font-weight:600;color:var(--color-primary)}.characteristic-hint{font-size:12px;color:var(--color-text-muted)}.rating-buttons{display:flex;gap:8px}.rating-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:all .15s}.rating-btn.active{border-color:var(--color-accent);background:var(--color-accent-light)}.rating-stars{font-size:13px;color:var(--color-accent);letter-spacing:-1px}.rating-label{font-size:11px;font-weight:600;color:var(--color-text-muted)}.rating-btn.active .rating-label{color:var(--color-primary)}.rate-details-footer{padding:16px 20px 32px;background:var(--color-surface);border-top:1px solid var(--color-border)}.next-btn{width:100%}.tier-list-view-page{display:flex;flex-direction:column}.tier-view-header{padding:16px 20px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.tier-view-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tier-view-title-row h1{font-size:20px;font-weight:700;color:var(--color-primary)}.share-btn{font-size:14px;font-weight:700;color:var(--color-accent);padding:6px 14px;border:2px solid var(--color-accent);border-radius:999px;flex-shrink:0;transition:all .15s}.share-btn:active{background:var(--color-accent-light)}.tier-view-board{padding:16px;display:flex;flex-direction:column;gap:8px}.tier-view-row{display:flex;align-items:stretch;border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface)}.tier-view-label{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff}.tier-view-chips{flex:1;padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.tier-view-chip{display:flex;align-items:center;gap:6px;background:var(--color-accent-light);border-radius:999px;padding:4px 10px 4px 4px;font-size:13px;font-weight:600;color:var(--color-primary)}.tier-view-empty{padding:60px 24px;text-align:center;color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #faf8f4;--color-surface: #ffffff;--color-primary: #3b2314;--color-primary-light: #6b4226;--color-accent: #c8822a;--color-accent-light: #f5d9a8;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #e5e0d8;--color-success: #4a8c5c;--color-error: #c0392b;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height: 60px}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}