:root{--app-space-2xs: 4px;--app-space-xs: 6px;--app-space-sm: 8px;--app-space-md: 12px;--app-space-lg: 16px;--app-space-xl: 20px;--app-radius-sm: 4px;--app-radius-md: 8px;--app-radius-lg: 12px;--app-radius-pill: 9999px;--app-font-size-sm: .8125rem;--app-font-size-md: .875rem;--app-text-primary: #202223;--app-text-muted: #6d7175;--app-surface-bg: #ffffff;--app-border-default: #d1d5db;--app-border-active: #005bd3;--app-border-subtle: #c9cccf;--app-bg-muted: #f1f2f3;--app-bg-hover: #f6f6f7;--app-bg-selected: #eef4ff;--app-icon-accent: #005bd3}stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--app-space-lg)}stat-card{background:var(--app-surface-bg);border:1px solid var(--app-border-default);border-radius:var(--app-radius-lg);padding:var(--app-space-lg);display:flex;flex-direction:column;gap:var(--app-space-2xs)}stat-card stat-number{font-size:2rem;font-weight:700;line-height:1;color:var(--app-text-primary)}stat-card stat-label{font-size:var(--app-font-size-md);color:var(--app-text-muted)}stat-card stat-limit{font-size:var(--app-font-size-sm);color:var(--app-text-muted)}plans-grid{display:flex;gap:var(--app-space-lg);flex-wrap:wrap}plan-card{border:1px solid var(--app-border-default);border-radius:var(--app-radius-lg);padding:var(--app-space-xl);display:flex;flex-direction:column;gap:var(--app-space-md);flex:1;min-width:200px;align-items:center;gap:15px;text-align:center}plan-card>strong{font-size:1.8em}plan-card.current{border-color:var(--app-border-active);background:var(--app-bg-selected)}plan-card plan-price{font-size:1.75rem;font-weight:700;line-height:1;color:var(--app-text-primary)}plan-card plan-price plan-period{font-size:var(--app-font-size-md);color:var(--app-text-muted);font-weight:400}plan-card plan-features{display:flex;flex-direction:column;gap:var(--app-space-sm);flex:1}plan-card plan-features plan-feature{font-size:var(--app-font-size-md);color:var(--app-text-muted)}detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--app-space-sm) 0;border-bottom:1px solid var(--app-border-default)}detail-row:last-child{border-bottom:none}detail-row detail-label{font-size:var(--app-font-size-md);color:var(--app-text-muted)}detail-row detail-value{font-size:var(--app-font-size-md);color:var(--app-text-primary);font-weight:500}post-content{line-height:1.6;color:var(--app-text-primary);display:block}post-content h1,post-content h2,post-content h3{margin-top:var(--app-space-lg);margin-bottom:var(--app-space-sm)}post-content p{margin-bottom:var(--app-space-md)}post-content img{max-width:100%;border-radius:var(--app-radius-md);margin:var(--app-space-md) 0}product-results{display:flex;flex-direction:column;gap:var(--app-space-sm);max-height:300px;overflow-y:auto;border:1px solid var(--app-border-default);border-radius:var(--app-radius-md);padding:var(--app-space-sm);display:block}product-results product-result{display:flex;align-items:center;gap:var(--app-space-md);padding:var(--app-space-sm);border-radius:var(--app-radius-md);cursor:pointer}product-results product-result:hover{background:var(--app-bg-hover)}product-results product-result.selected{background:var(--app-bg-selected)}product-results product-result img{width:40px;height:40px;object-fit:cover;border-radius:var(--app-radius-sm);border:1px solid var(--app-border-default)}product-results product-result product-result-info{flex:1;min-width:0;display:block}product-results product-result product-result-title{font-size:var(--app-font-size-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}product-results product-result product-result-price{font-size:var(--app-font-size-sm);color:var(--app-text-muted);display:block}filter-buttons{display:flex;gap:var(--app-space-sm);flex-wrap:wrap}weekday-toggle-group{display:flex;flex-wrap:wrap;gap:var(--app-space-sm)}picker-trigger{display:flex;align-items:center;gap:var(--app-space-md);flex-wrap:wrap}picker-selection{flex:1;min-width:0}picker-tags{display:flex;flex-wrap:wrap;gap:var(--app-space-xs)}picker-tags picker-tag{display:inline-flex;align-items:center;gap:var(--app-space-xs);padding:var(--app-space-2xs) var(--app-space-sm);background:var(--app-bg-selected);border:1px solid var(--app-border-active);border-radius:var(--app-radius-pill);font-size:var(--app-font-size-sm);font-weight:500;color:var(--app-text-primary)}picker-tags picker-tag img{width:18px;height:18px;border-radius:var(--app-radius-sm);object-fit:cover}picker-tags picker-tag button{background:none;border:none;cursor:pointer;color:var(--app-text-muted);padding:0;font-size:1rem;line-height:1;display:flex;align-items:center}picker-tags picker-tag button:hover{color:var(--app-text-primary)}picker-spinner-wrap{display:flex;justify-content:center;padding:var(--app-space-xl) 0}picker-results{display:block;max-height:400px;overflow-y:auto;border-top:1px solid var(--app-border-subtle);border-bottom:1px solid var(--app-border-subtle)}picker-thumb{width:44px;height:44px;flex-shrink:0;border-radius:var(--app-radius-md);overflow:hidden;border:1px solid var(--app-border-subtle);background:var(--app-bg-muted);display:block}picker-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}picker-thumb-placeholder{width:100%;height:100%;background:var(--app-bg-muted);display:block}picker-empty-state{padding:var(--app-space-xl) var(--app-space-lg);display:block}picker-results s-clickable{display:block}picker-results s-clickable:hover{background:var(--app-bg-hover)}picker-results s-clickable.selected{background:var(--app-bg-selected)}picker-results s-clickable s-icon{color:var(--app-icon-accent)}tone-label{display:block;font-size:var(--app-font-size-md);font-weight:500;color:var(--app-text-primary);margin-bottom:var(--app-space-md)}tone-options{display:flex;flex-wrap:wrap;gap:var(--app-space-sm)}tone-options tone-option{display:flex;flex-direction:column;align-items:stretch;gap:var(--app-space-sm);padding:var(--app-space-sm);border:2px solid var(--app-border-subtle);border-radius:var(--app-radius-lg);background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;width:125px;flex:0 0 125px}tone-options tone-option:hover{border-color:var(--app-border-active);background:var(--app-bg-hover)}tone-options tone-option.selected{border-color:var(--app-border-active);background:var(--app-bg-selected);box-shadow:0 0 0 1px var(--app-border-active)}tone-options tone-option.selected img{box-shadow:2px 2px 8px 3px #0001}tone-options tone-option img{width:100%;aspect-ratio:.7;object-fit:cover;object-position:center top;border-radius:var(--app-radius-md);display:block}tone-options tone-option tone-option-label{font-size:var(--app-font-size-md);font-weight:700;color:var(--app-text-primary);display:block}title-suggestions{display:flex;flex-direction:column;gap:var(--app-space-sm)}title-suggestions title-suggestion-item{padding:var(--app-space-md);border:1px solid var(--app-border-default);border-radius:var(--app-radius-md);cursor:pointer;font-size:var(--app-font-size-md);transition:background .1s;display:block}title-suggestions title-suggestion-item:hover{background:var(--app-bg-hover)}title-suggestions title-suggestion-item.selected{border-color:var(--app-border-active);background:var(--app-bg-selected)}