@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:wght@900&display=swap";:root{--cm-color-white: #ffffff;--cm-color-zinc-100: #f4f4f5;--cm-color-zinc-200: #e4e4e7;--cm-color-zinc-300: #d4d4d8;--cm-color-zinc-400: #a1a1aa;--cm-color-zinc-800: #27272a;--cm-color-zinc-900: #18181b;--cm-color-zinc-950: #09090b;--cm-color-gray-200: #e5e7eb;--cm-color-red-600: #c0392b;--cm-color-red-700: #96281b;--cm-spacing-1: 4px;--cm-spacing-2: 8px;--cm-spacing-3: 12px;--cm-spacing-4: 16px;--cm-spacing-5: 20px;--cm-spacing-6: 24px;--cm-spacing-8: 32px;--cm-spacing-12: 48px;--cm-radius-sm: 6px;--cm-radius-md: 7px;--cm-radius-lg: 10px;--cm-radius-full: 999px;--cm-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--cm-shadow-md: 0 4px 12px rgba(0,0,0,.07);--cm-font-size-xs: .7rem;--cm-font-size-sm: .8rem;--cm-font-size-base: .875rem;--cm-font-size-md: .9rem;--cm-font-size-lg: 1.1rem;--cm-font-size-xl: 1.5rem;--cm-font-family-sans: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cm-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--cm-font-family-heading: "Montserrat", sans-serif;--cm-font-weight-normal: 400;--cm-font-weight-medium: 500;--cm-font-weight-semibold: 600;--cm-font-weight-bold: 700;--cm-font-weight-black: 900;--cm-z-nav: 100;--cm-z-modal: 200;--cm-z-toast: 999;--cm-button-background-secondary: rgba(0, 0, 0, 0);--cm-button-background-ghost: rgba(0, 0, 0, 0);--cm-modal-overlay: rgba(0, 0, 0, .4);--cm-color-background-default: var(--cm-color-white);--cm-color-background-subtle: var(--cm-color-zinc-100);--cm-color-surface-default: var(--cm-color-white);--cm-color-foreground-default: var(--cm-color-zinc-950);--cm-color-foreground-muted: var(--cm-color-zinc-400);--cm-color-outline-default: var(--cm-color-gray-200);--cm-color-outline-strong: var(--cm-color-zinc-200);--cm-color-brand-default: var(--cm-color-zinc-950);--cm-color-brand-hover: var(--cm-color-zinc-800);--cm-color-brand-foreground: var(--cm-color-white);--cm-color-danger-default: var(--cm-color-red-600);--cm-color-danger-hover: var(--cm-color-red-700);--cm-color-danger-foreground: var(--cm-color-white);--cm-button-radius: var(--cm-radius-md);--cm-input-radius: var(--cm-radius-md);--cm-card-shadow: var(--cm-shadow-sm);--cm-card-radius: var(--cm-radius-lg);--cm-modal-shadow: var(--cm-shadow-md);--cm-modal-radius: var(--cm-radius-lg);--cm-badge-radius: var(--cm-radius-full);--cm-toast-foreground: var(--cm-color-white);--cm-button-background-primary: var(--cm-color-brand-default);--cm-button-background-danger: var(--cm-color-danger-default);--cm-button-background-hover-primary: var(--cm-color-brand-hover);--cm-button-background-hover-secondary: var(--cm-color-background-subtle);--cm-button-background-hover-danger: var(--cm-color-danger-hover);--cm-button-background-hover-ghost: var(--cm-color-background-subtle);--cm-button-foreground-primary: var(--cm-color-brand-foreground);--cm-button-foreground-secondary: var(--cm-color-foreground-default);--cm-button-foreground-danger: var(--cm-color-danger-foreground);--cm-button-foreground-ghost: var(--cm-color-foreground-default);--cm-button-border-secondary: var(--cm-color-outline-default);--cm-input-background: var(--cm-color-surface-default);--cm-input-border: var(--cm-color-outline-default);--cm-input-border-focus: var(--cm-color-brand-default);--cm-input-border-error: var(--cm-color-danger-default);--cm-input-foreground: var(--cm-color-foreground-default);--cm-input-placeholder: var(--cm-color-foreground-muted);--cm-card-background: var(--cm-color-surface-default);--cm-card-border: var(--cm-color-outline-default);--cm-modal-background: var(--cm-color-surface-default);--cm-badge-background: var(--cm-color-background-subtle);--cm-badge-foreground: var(--cm-color-foreground-muted);--cm-toast-background: var(--cm-color-foreground-default);--cm-toast-background-success: var(--cm-color-brand-default);--cm-toast-foreground-success: var(--cm-color-brand-foreground);--cm-toast-background-error: var(--cm-color-danger-default);--cm-toast-foreground-error: var(--cm-color-danger-foreground);--cm-avatar-background: var(--cm-color-background-subtle);--cm-avatar-foreground: var(--cm-color-foreground-muted);--cm-alert-background-info: var(--cm-color-background-subtle);--cm-alert-foreground-info: var(--cm-color-foreground-default);--cm-alert-border-info: var(--cm-color-outline-default);--cm-alert-background-success: var(--cm-color-brand-default);--cm-alert-foreground-success: var(--cm-color-brand-foreground);--cm-alert-border-success: var(--cm-color-brand-hover);--cm-alert-background-danger: var(--cm-color-danger-default);--cm-alert-foreground-danger: var(--cm-color-danger-foreground);--cm-alert-border-danger: var(--cm-color-danger-hover)}:root{font-family:var(--cm-font-family-sans);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}button{font-family:inherit}.search-input{position:relative;display:flex;align-items:center}.search-input input{width:100%;padding:.6rem 2.25rem .6rem 2.1rem;border:1.5px solid var(--cm-input-border);border-radius:var(--cm-radius-full);font-size:var(--cm-font-size-base);font-family:inherit;background:var(--cm-input-background);color:var(--cm-input-foreground);transition:border-color .15s,box-shadow .15s}.search-input input::placeholder{color:var(--cm-input-placeholder)}.search-input input:focus{outline:none;border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #d4d4d866}.search-input-icon{position:absolute;left:.75rem;color:var(--cm-color-foreground-muted);display:flex;align-items:center;pointer-events:none}.search-input-clear{position:absolute;right:.6rem;background:none;border:none;cursor:pointer;color:var(--cm-color-foreground-muted);font-size:1rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:background .15s,color .15s}.search-input-clear:hover{background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-default)}.filter-pills{display:flex;align-items:center;gap:var(--cm-spacing-2)}.filter-pill{display:flex;padding:12px 16px;justify-content:center;align-items:center;gap:var(--cm-spacing-2);border-radius:var(--cm-radius-full);background:var(--cm-color-background-subtle);border:none;color:var(--cm-color-foreground-default);font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);font-family:inherit;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .15s,color .15s}.filter-pill:hover{background:var(--cm-color-outline-strong)}.filter-pill--active{background:var(--cm-color-brand-default);color:var(--cm-color-brand-foreground)}.filter-pill--active:hover{background:var(--cm-color-brand-hover)}.filter-pill-count{color:var(--cm-color-foreground-muted)}.filter-pill--active .filter-pill-count{color:#ffffff8c}.filter-bar{display:flex;align-items:center;gap:var(--cm-spacing-2);overflow-x:auto;scrollbar-width:none;margin-bottom:1rem}.filter-bar::-webkit-scrollbar{display:none}.filter-bar-sep{width:1px;height:24px;background:var(--cm-color-outline-default);flex-shrink:0}.cuisine-select{padding:12px 16px;border-radius:var(--cm-radius-full);background:var(--cm-color-background-subtle);border:none;color:var(--cm-color-foreground-default);font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);font-family:inherit;cursor:pointer;flex-shrink:0;appearance:auto;transition:background .15s}.cuisine-select:hover{background:var(--cm-color-outline-strong)}.cuisine-select:focus{outline:none}.empty-state{text-align:center;padding:3rem var(--cm-spacing-4);color:var(--cm-color-foreground-muted);display:flex;flex-direction:column;align-items:center;gap:var(--cm-spacing-3)}.empty-state-icon{font-size:2.5rem;opacity:.5;color:var(--cm-color-foreground-muted)}.empty-state-title{font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-muted)}.empty-state-description{font-size:var(--cm-font-size-base);color:var(--cm-color-foreground-muted);max-width:360px;line-height:1.6}.empty-state-action{margin-top:var(--cm-spacing-2)}.btn-icon{display:inline-flex;align-items:center}.btn-full{width:100%;justify-content:center}.btn-lg{padding:.65rem 1.25rem;font-size:var(--cm-font-size-md)}.btn-spinner{display:inline-block;width:.85em;height:.85em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-ghost{background:var(--cm-button-background-ghost);color:var(--cm-button-foreground-ghost);border:none}.btn-ghost:hover:not(:disabled){background:var(--cm-button-background-hover-ghost)}.tabs{display:flex;width:100%;background:#e4e4e7;border-radius:var(--cm-radius-full);padding:3px;gap:2px}.tab-btn{flex:1;padding:.5rem 1rem;border-radius:var(--cm-radius-full);border:none;background:transparent;font-family:inherit;font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-default);cursor:pointer;white-space:nowrap;transition:opacity .15s}.tab-btn:hover:not(.tab-btn--active){opacity:.6}.tab-btn--active{background:var(--cm-color-surface-default);color:var(--cm-color-foreground-default);font-weight:var(--cm-font-weight-semibold)}.modal-title{margin-bottom:var(--cm-spacing-4);font-size:var(--cm-font-size-lg);font-weight:var(--cm-font-weight-bold);color:var(--cm-color-foreground-default)}.modal-body>*:not(:last-child){margin-bottom:var(--cm-spacing-4)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.55rem .85rem;border:1px solid var(--cm-input-border);border-radius:var(--cm-input-radius);font-size:var(--cm-font-size-md);font-family:inherit;background:var(--cm-input-background);color:var(--cm-input-foreground);transition:border-color .15s,box-shadow .15s}.input-wrapper input::placeholder{color:var(--cm-input-placeholder)}.input-wrapper input:focus{outline:none;border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #fae98166}.input-group--error .input-wrapper input{border-color:var(--cm-input-border-error)}.input-group--error .input-wrapper input:focus{box-shadow:0 0 0 3px #c0392b26}.input-prefix,.input-suffix{position:absolute;display:flex;align-items:center;color:var(--cm-color-foreground-muted);pointer-events:none}.input-prefix{left:.75rem}.input-suffix{right:.75rem}.input-prefix~input{padding-left:2.1rem}.input-suffix~input{padding-right:2.1rem}.input-label{display:block;font-size:.85rem;font-weight:var(--cm-font-weight-medium);margin-bottom:.35rem;color:var(--cm-color-foreground-muted)}.input-error{font-size:var(--cm-font-size-sm);color:var(--cm-color-danger-default);margin-top:.3rem}.input-hint{font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted);margin-top:.3rem}.alert{display:flex;align-items:flex-start;gap:var(--cm-spacing-3);padding:.75rem var(--cm-spacing-4);border-radius:var(--cm-radius-md);border:1px solid transparent;font-size:var(--cm-font-size-base);line-height:1.5}.alert--info{background:var(--cm-alert-background-info);color:var(--cm-alert-foreground-info);border-color:var(--cm-alert-border-info)}.alert--success{background:var(--cm-alert-background-success);color:var(--cm-alert-foreground-success);border-color:var(--cm-alert-border-success)}.alert--warning{background:#fff8e1;color:#6d4c00;border-color:#ffe082}.alert--danger{background:var(--cm-alert-background-danger);color:var(--cm-alert-foreground-danger);border-color:var(--cm-alert-border-danger)}.alert-content{flex:1}.alert-title{font-weight:var(--cm-font-weight-semibold);margin-bottom:.2rem}.alert-close{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.6;padding:0;color:inherit;flex-shrink:0}.alert-close:hover{opacity:1}.divider{border:none;border-top:1px solid var(--cm-color-outline-default);margin:var(--cm-spacing-4) 0}.divider--labeled{display:flex;align-items:center;gap:var(--cm-spacing-3);border:none;margin:var(--cm-spacing-4) 0}.divider--labeled:before,.divider--labeled:after{content:"";flex:1;border-top:1px solid var(--cm-color-outline-default)}.divider-label{font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted);white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--cm-font-family-sans);background:var(--cm-color-background-default);color:var(--cm-color-foreground-default);line-height:1.5}p{color:var(--cm-color-foreground-default)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background:var(--cm-color-surface-default);border-bottom:1px solid var(--cm-color-outline-default);padding:0 2.25rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:var(--cm-z-nav);box-shadow:var(--cm-shadow-sm)}.nav-brand{display:flex;align-items:center;gap:var(--cm-spacing-2)}.nav-icon{width:22px;height:22px;color:var(--cm-color-foreground-default);flex-shrink:0}.nav-title{font-weight:var(--cm-font-weight-bold);font-size:var(--cm-font-size-lg);color:var(--cm-color-foreground-default)}.nav-links{display:flex;gap:var(--cm-spacing-1)}.nav-link{padding:.4rem .9rem;border-radius:var(--cm-radius-sm);text-decoration:none;color:var(--cm-color-foreground-muted);display:inline-flex;align-items:center;gap:.3rem;font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);transition:background .15s,color .15s}.nav-link:hover{background:var(--cm-color-background-default);color:var(--cm-color-foreground-default)}.nav-link.active{background:var(--cm-color-brand-default);color:var(--cm-color-brand-foreground)}.main{flex:1;padding:var(--cm-spacing-5) 1rem;width:100%}@media(min-width:900px){.main{padding:var(--cm-spacing-8) 2.25rem}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--cm-button-radius);border:none;font-size:var(--cm-font-size-base);font-weight:var(--cm-font-weight-medium);cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--cm-button-background-primary);color:var(--cm-button-foreground-primary)}.btn-primary:hover:not(:disabled){background:var(--cm-button-background-hover-primary)}.btn-secondary{background:var(--cm-color-background-subtle);color:var(--cm-button-foreground-secondary);border:1px solid var(--cm-button-border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--cm-button-background-hover-secondary)}.btn-danger{background:var(--cm-button-background-danger);color:var(--cm-button-foreground-danger)}.btn-danger:hover:not(:disabled){background:var(--cm-button-background-hover-danger)}.btn-sm{padding:.3rem .7rem;font-size:var(--cm-font-size-sm)}.card{background:var(--cm-card-background);border:1px solid var(--cm-card-border);border-radius:var(--cm-card-radius);overflow:hidden;box-shadow:var(--cm-card-shadow)}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.url-input-form{display:none;gap:var(--cm-spacing-2);margin-bottom:var(--cm-spacing-8)}.add-sheet .url-input-form{display:flex;margin-bottom:0}.url-input{flex:1;padding:.6rem 1rem;border:1px solid var(--cm-input-border);border-radius:var(--cm-input-radius);font-size:var(--cm-font-size-md);outline:none;background:var(--cm-input-background);color:var(--cm-input-foreground)}.url-input:focus{border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #d4d4d866}.url-input::placeholder{color:var(--cm-input-placeholder)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cm-spacing-6);flex-wrap:wrap;gap:var(--cm-spacing-4)}.page-title{font-size:var(--cm-font-size-xl);font-family:var(--cm-font-family-heading);font-weight:var(--cm-font-weight-black);text-transform:capitalize}.toast{position:fixed;bottom:var(--cm-spacing-6);right:var(--cm-spacing-6);background:var(--cm-toast-background);color:var(--cm-toast-foreground);padding:.75rem 1.25rem;border-radius:var(--cm-radius-md);font-size:var(--cm-font-size-base);box-shadow:var(--cm-shadow-md);z-index:var(--cm-z-toast);animation:slide-in .2s ease}.toast.success{background:var(--cm-toast-background-success);color:var(--cm-toast-foreground-success)}.toast.error{background:var(--cm-toast-background-error);color:var(--cm-toast-foreground-error)}@keyframes slide-in{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.status{text-align:center;padding:3rem 1rem;color:var(--cm-color-foreground-muted)}.status-error{color:var(--cm-color-danger-default)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--cm-badge-radius);font-size:var(--cm-font-size-xs);font-weight:var(--cm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-aisle{background:var(--cm-color-background-subtle);color:var(--cm-color-foreground-muted)}.badge-conflict{background:var(--cm-color-background-subtle);color:var(--cm-color-danger-default)}.checkbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--cm-color-outline-default)}.checkbox-item:last-child{border-bottom:none}.checkbox-item input[type=checkbox]{margin-top:3px;accent-color:var(--cm-color-brand-default)}.checked-text{text-decoration:line-through;color:var(--cm-color-foreground-muted)}.modal-overlay{position:fixed;inset:0;background:var(--cm-modal-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--cm-z-modal);padding:var(--cm-spacing-4)}.modal{background:var(--cm-modal-background);border-radius:var(--cm-modal-radius);padding:var(--cm-spacing-6);max-width:480px;width:100%;box-shadow:var(--cm-modal-shadow)}.modal h3{margin-bottom:var(--cm-spacing-4);font-size:var(--cm-font-size-lg)}.modal-actions{display:flex;gap:var(--cm-spacing-2);justify-content:flex-end;margin-top:1.25rem}.input-group{margin-bottom:var(--cm-spacing-4)}.input-group label{display:block;font-size:.85rem;font-weight:var(--cm-font-weight-medium);margin-bottom:.35rem;color:var(--cm-color-foreground-muted)}.input-group input,.input-group select{width:100%;padding:.55rem .85rem;border:1px solid var(--cm-input-border);border-radius:var(--cm-input-radius);font-size:var(--cm-font-size-md);background:var(--cm-input-background);color:var(--cm-input-foreground)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--cm-input-border-focus);box-shadow:0 0 0 3px #d4d4d866}.input-group input::placeholder{color:var(--cm-input-placeholder)}.auth-alert{margin-bottom:var(--cm-spacing-3)}.rd__back{display:inline-flex;align-items:center;gap:var(--cm-spacing-1);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);color:var(--cm-color-foreground-muted);padding:0;margin-bottom:var(--cm-spacing-5);transition:color .15s}.rd__back:hover{color:var(--cm-color-foreground-default)}.rd__hero{display:flex;flex-direction:column;gap:var(--cm-spacing-5);margin-bottom:var(--cm-spacing-6)}.rd__img-wrap{border-radius:16px;overflow:hidden;aspect-ratio:16 / 9}.rd__img{width:100%;height:100%;object-fit:cover;display:block}.rd__video-thumb{display:block;text-decoration:none;position:relative;cursor:pointer;margin-bottom:var(--cm-spacing-5)}.rd__video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;border-radius:16px;transition:background .15s}.rd__video-thumb:hover .rd__video-play{background:#00000073}.rd__meta-platform{font-weight:600;color:var(--cm-color-foreground-default)}.rd__title{margin-bottom:var(--cm-spacing-3);line-height:1.15}.rd__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--cm-spacing-2) var(--cm-spacing-4);margin-bottom:var(--cm-spacing-4);font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted)}.rd__meta-item{display:inline-flex;align-items:center;gap:4px}.rd__source{display:inline-flex;align-items:center;gap:4px;color:var(--cm-color-foreground-muted);text-decoration:none;transition:color .15s}.rd__source:hover{color:var(--cm-color-foreground-default);text-decoration:underline}.rd__desc{font-size:var(--cm-font-size-md);line-height:1.65}.rd__content{padding-bottom:var(--cm-spacing-8)}.rd__shop-btn{margin-bottom:var(--cm-spacing-5)}.rd__aisle-label{font-size:var(--cm-font-size-xs);font-weight:var(--cm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--cm-color-foreground-muted);margin-bottom:var(--cm-spacing-2)}.rd__ing-list{list-style:none}.rd__ing-item{padding:.45rem 0;border-bottom:1px solid var(--cm-color-outline-default);font-size:var(--cm-font-size-md)}.rd__ing-item:last-child{border-bottom:none}.rd__steps{padding-left:1.25rem}.rd__step{margin-bottom:.85rem;font-size:var(--cm-font-size-md);line-height:1.7}.rd__nutrition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.rd__nutrient{background:var(--cm-color-background-subtle);border-radius:var(--cm-radius-md);padding:.6rem .75rem}.rd__nutrient-label{font-size:var(--cm-font-size-xs);color:var(--cm-color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.rd__nutrient-val{font-weight:var(--cm-font-weight-semibold);font-size:var(--cm-font-size-base)}.rd__footer{padding-top:var(--cm-spacing-6);margin-top:var(--cm-spacing-4);border-top:1px solid var(--cm-color-outline-default);display:flex;justify-content:flex-end}@media(min-width:768px){.rd__hero{flex-direction:row;align-items:flex-start;gap:2.5rem}.rd__img-wrap{width:380px;flex-shrink:0;aspect-ratio:4 / 3}.rd__hero-body{flex:1}.rd__nutrition-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.recipe-count{color:var(--cm-color-foreground-muted);font-size:var(--cm-font-size-md)}.page-header-right{display:flex;align-items:center;gap:var(--cm-spacing-3)}.add-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--cm-color-foreground-default);cursor:pointer;padding:0;line-height:0;transition:opacity .15s}.add-btn:hover{opacity:.6}.add-sheet-overlay{position:fixed;inset:0;background:#0006;z-index:var(--cm-z-modal);display:flex;align-items:flex-end}.add-sheet{background:var(--cm-color-surface-default);border-radius:20px 20px 0 0;padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));width:100%}@media(min-width:640px){.add-sheet-overlay{align-items:center;justify-content:center}.add-sheet{border-radius:16px;max-width:520px;padding-bottom:1.5rem}.add-sheet-handle{display:none}}.add-sheet-handle{width:36px;height:4px;background:var(--cm-color-outline-strong);border-radius:2px;margin:0 auto 1.25rem}.add-sheet-title{font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-semibold);color:var(--cm-color-foreground-default);margin-bottom:1rem}@media(max-width:768px){.nav{display:none}.main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--cm-color-surface-default);border-top:1px solid var(--cm-color-outline-default);box-shadow:0 -1px 4px #0000000d;z-index:var(--cm-z-nav)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--cm-color-foreground-muted);font-size:11px;font-weight:var(--cm-font-weight-medium);font-family:inherit;transition:color .15s}.bottom-nav-item.active{color:var(--cm-color-foreground-default)}}.profile-card{display:flex;align-items:center;gap:var(--cm-spacing-4);padding:var(--cm-spacing-5) 0;border-bottom:1px solid var(--cm-color-outline-default);margin-bottom:var(--cm-spacing-4)}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-placeholder{color:var(--cm-color-foreground-muted);flex-shrink:0}.profile-name{font-weight:var(--cm-font-weight-semibold);font-size:var(--cm-font-size-lg);color:var(--cm-color-foreground-default)}.profile-email{font-size:var(--cm-font-size-sm);color:var(--cm-color-foreground-muted);margin-top:2px}.profile-actions{display:flex;flex-direction:column}.profile-action-row{display:flex;align-items:center;gap:var(--cm-spacing-3);padding:var(--cm-spacing-4) 0;border-bottom:1px solid var(--cm-color-outline-default);border-left:none;border-right:none;border-top:none;text-decoration:none;color:var(--cm-color-foreground-default);font-size:var(--cm-font-size-md);font-weight:var(--cm-font-weight-medium);font-family:inherit;background:none;cursor:pointer;width:100%;transition:opacity .15s}.profile-action-row:hover{opacity:.7}.profile-action-danger{color:var(--cm-color-danger-default)}.profile-action-danger:hover{opacity:1;color:var(--cm-color-danger-hover)}