.floating-ai-assistant{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:100;display:flex;align-items:flex-end;gap:.75rem}.ai-assistant-container{flex:1;display:flex;flex-direction:column;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:.75rem;box-shadow:var(--shadow-lg);transition:all .2s ease}[data-glass-effect=true] .ai-assistant-container{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark][data-glass-effect=true] .ai-assistant-container{background:#0f0f0fb3}.ai-assistant-upper{display:flex;align-items:center;gap:.5rem}.context-switch-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);transition:all .15s ease;flex-shrink:0}.context-switch-btn:hover{background:var(--border-color);color:var(--text-primary)}.ai-input{flex:1;background:transparent;border:none;padding:.5rem .75rem;font-size:.9375rem;color:var(--text-primary);min-width:0}.ai-input:focus{outline:none;box-shadow:none}.ai-input::placeholder{color:var(--text-tertiary)}.send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent);color:#fff;transition:all .15s ease;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-assistant-lower{display:flex;align-items:center;justify-content:space-around;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.nav-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:40px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all .15s ease}.nav-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-icon-btn.active,[data-theme=dark] .nav-icon-btn.active{background:var(--accent-light);color:var(--accent)}.brew-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 1.5s infinite}.floating-add-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:var(--shadow-md);transition:all .2s ease;flex-shrink:0}.floating-add-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.floating-add-btn:active{transform:translateY(0)}.context-menu{position:fixed;bottom:8.5rem;left:1.75rem;z-index:101;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-width:160px}.context-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;color:var(--text-primary);text-align:left;transition:background .15s ease}.context-menu-item:hover{background:var(--bg-tertiary)}.context-menu-item.active,[data-theme=dark] .context-menu-item.active{background:var(--accent-light);color:var(--accent)}.add-menu{position:fixed;bottom:1.75rem;right:1.75rem;z-index:101;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-width:160px}.add-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:.9375rem;color:var(--text-primary);text-align:left;transition:background .15s ease}.add-menu-item:hover{background:var(--bg-tertiary)}.overlay{position:fixed;inset:0;background:transparent;z-index:99}@media(min-width:640px){.floating-ai-assistant{left:1.5rem;right:1.5rem;max-width:600px;margin:0 auto}.ai-assistant-container{padding:1rem}}@media(min-width:1024px){.floating-ai-assistant{max-width:700px}}.floating-menu-container{position:fixed;top:.75rem;left:.75rem;z-index:101}.floating-menu-trigger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:background .15s ease}.floating-menu-trigger:hover{background:var(--bg-secondary)}.floating-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:180px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.floating-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.floating-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.875rem;color:var(--text-primary);border-radius:var(--radius-md);transition:background .15s ease}.floating-menu-item:hover{background:var(--bg-tertiary)}.floating-menu-section{padding:.5rem 0;border-top:1px solid var(--border-color);margin-top:.5rem}.floating-menu-section-title{padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.theme-selector{display:flex;gap:.5rem;padding:.5rem .75rem}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .5rem;font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .15s ease}.theme-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-option.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toggle-item{justify-content:space-between}.toggle-switch{position:relative;width:40px;height:22px;background:var(--bg-tertiary);border-radius:11px;transition:background .2s ease}.toggle-switch.active{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.active .toggle-thumb{transform:translate(18px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;padding:0 .5rem;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;min-width:56px;color:var(--text-tertiary);text-decoration:none;transition:color .15s ease}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent)}.nav-item-main{margin-top:-1rem}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-icon-main{width:48px;height:48px;background:var(--accent);border-radius:50%;color:#fff;box-shadow:var(--shadow-md);transition:transform .15s ease,background .15s ease}.nav-item-main:hover .nav-icon-main{transform:scale(1.05);background:var(--accent-hover)}.nav-item-main.active .nav-icon-main{background:var(--accent-hover)}.nav-label{font-size:.625rem;font-weight:500}.note-card{display:block;text-decoration:none;color:inherit;border-width:2px}.note-card .card-content{padding:1rem}.note-card-title{font-size:1rem;font-weight:600;margin-bottom:.625rem;line-height:1.4}.note-card-content{font-size:.875rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.project-card{display:block;text-decoration:none;color:inherit}.project-card-cover{position:relative;width:100%;height:100px;overflow:hidden}.project-card-cover img{width:100%;height:100%;object-fit:cover}.project-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-tertiary) 100%);color:var(--text-tertiary)}.project-card-cover .brew-indicator{position:absolute;top:.5rem;right:.5rem}.project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.project-card-title{font-size:.9375rem;font-weight:600;flex:1}.project-card-desc{font-size:.8125rem;margin-bottom:.5rem}.project-card-meta{margin-top:.25rem}.brew-card{cursor:default}.brew-card.selectable{cursor:pointer}.brew-card.selected{border-color:var(--accent);background:var(--accent-light)}.brew-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.brew-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent);flex-shrink:0}.brew-card-info{flex:1;min-width:0}.brew-card-title{font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.brew-card-check{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:50%;color:var(--text-tertiary);transition:all .15s ease;flex-shrink:0}.brew-card-check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.brew-card-desc{line-height:1.5}.brew-card-usage{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.featured-card{flex-shrink:0;width:140px;text-decoration:none;color:inherit}.featured-card .project-card-cover{height:90px;border-radius:var(--radius-md)}.featured-card .card-content{padding:.5rem 0}.featured-card-title{font-size:.8125rem;font-weight:600;margin-bottom:.125rem}.featured-card-meta{font-size:.6875rem;color:var(--text-secondary)}.home-page .page-header{justify-content:space-between}.home-title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.featured-content-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.featured-content-placeholder{text-align:center;color:var(--text-secondary)}.featured-content-icon{font-size:2rem;display:block;margin-bottom:.5rem}.featured-content-placeholder p{font-size:.875rem}.search-bar input{padding-left:2.75rem;height:44px}.search-bar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.combucha-page .page-header h1{font-size:1.25rem;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.brews-grid{display:flex;flex-direction:column;gap:.75rem}.category-scroll-container{position:relative;margin-bottom:1.5rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.category-chips{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-chips::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-chip:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.category-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-chip.active:hover{background:var(--accent);opacity:.9}.add-page .page-header h1{font-size:1.125rem;font-weight:600}.add-options{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.add-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;transition:background .15s ease,border-color .15s ease}.add-option:hover{background:var(--bg-secondary);border-color:var(--accent)}.add-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-md)}.add-option-content{flex:1}.add-option-content h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.add-option-content p{font-size:.8125rem;color:var(--text-secondary)}.add-option-arrow{color:var(--text-tertiary)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-hint{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem}.form-select{width:100%;padding:.75rem 1rem;font-size:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.note-title-input{font-size:1.25rem;font-weight:600;background:transparent;border:none;padding:0}.note-title-input:focus{box-shadow:none}.project-cover-upload{margin-bottom:1.5rem}.project-cover-placeholder{width:100%;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:border-color .15s ease}.project-cover-placeholder:hover{border-color:var(--accent)}.project-cover-placeholder span{font-size:.875rem}.project-cover-preview{position:relative;width:100%;height:200px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.project-cover-preview img{width:100%;height:100%;object-fit:cover}.project-cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .15s ease}.project-cover-preview:hover .project-cover-overlay{opacity:1}.project-cover-overlay span{font-size:.875rem;font-weight:500;color:#fff}.selected-brews{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.brew-selector{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.color-customization{display:flex;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.color-option{flex:1;display:flex;flex-direction:column;gap:.5rem}.color-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.color-input{width:100%;height:40px;padding:.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-primary)}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.tag-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.tag-suggestions .chip{cursor:pointer;transition:all .15s ease}.tag-suggestions .chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-page{display:flex;flex-direction:column;height:100vh;padding-bottom:0}.chat-page .page-header h1{font-size:1.125rem;font-weight:600}.chat-container{flex:1;overflow-y:auto;padding:1rem;padding-bottom:calc(var(--nav-height) + 80px)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.chat-empty-icon{color:var(--accent);margin-bottom:1rem}.chat-empty h2{font-size:1.25rem;margin-bottom:.5rem}.chat-empty p{color:var(--text-secondary);font-size:.875rem}.chat-messages{display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;align-items:flex-start;gap:.5rem;max-width:85%}.chat-message.user{margin-left:auto;flex-direction:row-reverse}.chat-message-content{padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.chat-message.user .chat-message-content{background:var(--accent);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-message.assistant .chat-message-content{background:var(--bg-tertiary);border-bottom-left-radius:var(--radius-sm)}.chat-note-btn{padding:.375rem;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.chat-note-btn:hover{color:var(--accent);background:var(--accent-light)}.chat-noted-badge{font-size:.625rem;padding:.25rem .5rem;background:var(--success);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;font-weight:600}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-container{position:fixed;bottom:var(--nav-height);left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.chat-input-wrapper{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:.25rem .25rem .25rem .5rem}.chat-input-wrapper input{flex:1;background:transparent;border:none;padding:.5rem;font-size:.9375rem}.chat-input-wrapper input:focus{outline:none;box-shadow:none}.chat-send-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;transition:background .15s ease}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.context-selector-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:.5rem;padding:.5rem;max-height:300px;overflow-y:auto;box-shadow:var(--shadow-lg)}.context-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.875rem;color:var(--text-primary);border-radius:var(--radius-md);transition:background .15s ease}.context-option:hover{background:var(--bg-tertiary)}.context-option.active{background:var(--accent-light);color:var(--accent)}.context-divider{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:.5rem .75rem;margin-top:.25rem}.stumble-page{display:flex;flex-direction:column;height:100vh;padding-bottom:0;background:var(--bg-secondary)}.stumble-page .page-header{background:transparent;border-bottom:none}.stumble-header{padding:.5rem 1rem}.stumble-progress{display:flex;gap:4px;flex:1;justify-content:center;padding:0 1rem}.stumble-progress-dot{width:100%;max-width:40px;height:3px;background:var(--border-color);border-radius:2px;transition:background .3s ease}.stumble-progress-dot.active{background:var(--accent)}.stumble-progress-dot.completed{background:var(--text-tertiary)}.stumble-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.stumble-container{flex:1;padding:0 1rem 1rem;display:flex;flex-direction:column;gap:1rem;padding-bottom:calc(var(--nav-height) + 1rem)}.story-card{flex:1;position:relative;background:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.story-image{position:relative;height:200px;flex-shrink:0}.story-image img{width:100%;height:100%;object-fit:cover}.story-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-primary) 100%)}.story-content{flex:1;padding:1.5rem;display:flex;flex-direction:column}.story-type-badge{display:inline-flex;align-self:flex-start;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-xl);margin-bottom:1rem}.story-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.story-text{flex:1;font-size:1rem;line-height:1.7;color:var(--text-secondary)}.story-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-primary);transition:background .15s ease}.story-link:hover{background:var(--border-color)}.story-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.story-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all .15s ease}.story-action-btn:hover{background:var(--border-color);color:var(--text-primary)}.stumble-nav{display:flex;align-items:center;justify-content:center;gap:2rem}.stumble-nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);transition:all .15s ease}.stumble-nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.stumble-nav-count{font-size:.875rem;color:var(--text-secondary)}.note-detail-page .page-header{justify-content:space-between}.note-detail-content{padding:1rem;padding-bottom:calc(var(--nav-height) + 2rem)}.note-project-link{display:inline-flex;padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-xl);margin-bottom:1rem}.note-detail-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.note-detail-image{width:100%;border-radius:var(--radius-md);margin-bottom:1rem}.note-detail-body{font-size:1rem;line-height:1.8;color:var(--text-primary);white-space:pre-wrap}.note-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.note-editor-container{display:flex;flex-direction:column;gap:1rem}.menu-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:150px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem;z-index:50}.dropdown-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;color:var(--text-primary);border-radius:var(--radius-sm);transition:background .15s ease}.dropdown-menu button:hover{background:var(--bg-tertiary)}.dropdown-menu button.danger{color:var(--error)}.brewed-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.brewed-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--accent);margin-bottom:1rem}.brewed-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:1rem}.brewed-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .15s ease}.brewed-tab:hover{color:var(--text-primary)}.brewed-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.brewed-content{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem}.brewed-empty{color:var(--text-tertiary);font-size:.875rem;text-align:center;padding:1rem}.brewed-link-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:.5rem;color:inherit;transition:background .15s ease}.brewed-link-item:hover{background:var(--bg-tertiary)}.brewed-link-item svg{color:var(--accent);margin-top:.125rem}.brewed-link-title{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.brewed-link-desc{font-size:.75rem;color:var(--text-secondary)}.brewed-suggestion-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.brewed-suggestion-item span{flex:1}.suggestion-chat-btn{flex-shrink:0;padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.suggestion-chat-btn:hover{background:var(--accent-light);color:var(--accent)}.brewed-suggestion-item svg{color:var(--warning);flex-shrink:0;margin-top:.125rem}.brewed-additional p{font-size:.875rem;line-height:1.6;margin-bottom:.75rem}.brew-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;margin-top:2rem;font-size:.9375rem;font-weight:500;background:var(--accent);color:#fff;border-radius:var(--radius-md);transition:background .15s ease}.brew-cta:hover:not(:disabled){background:var(--accent-hover)}.brew-cta:disabled{opacity:.7;cursor:not-allowed}.brew-selector-modal{max-height:60vh;display:flex;flex-direction:column}.brew-selector-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.brew-selector-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.brew-selector-actions .btn{flex:1}.project-detail-page .page-header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:none;z-index:10}.project-detail-page .page-header .btn-ghost{background:var(--bg-primary);border-radius:50%;width:36px;height:36px}.project-detail-content{padding-bottom:calc(var(--nav-height) + 2rem)}.project-cover-section{position:relative;height:200px;margin-bottom:1rem}.project-cover-image{width:100%;height:100%;object-fit:cover}.project-cover-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-tertiary) 100%);color:var(--text-tertiary)}.project-brew-badge{position:absolute;bottom:1rem;right:1rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xl);background:var(--bg-primary)}.project-brew-badge.fresh{color:var(--success)}.project-brew-badge.brewing{color:var(--warning)}.project-brew-badge.ready{color:var(--accent)}.project-brew-badge.stale{color:var(--text-tertiary)}.project-info{padding:0 1rem;margin-bottom:1.5rem}.project-detail-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.project-detail-desc{color:var(--text-secondary);line-height:1.6}.project-edit-form{padding:0 1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.project-name-input{font-size:1.25rem;font-weight:600;background:transparent;border:none;border-bottom:2px solid var(--accent);border-radius:0;padding:.5rem 0}.project-name-input:focus{box-shadow:none}.project-brews{padding:0 1rem;margin-bottom:1.5rem}.project-brew-chips{display:flex;flex-wrap:wrap;gap:.5rem}.project-notes-section{padding:0 1rem;margin-bottom:1.5rem}.project-notes-section .section-header{margin-bottom:1rem}.project-rules{padding:0 1rem}.project-rules-content{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.875rem;line-height:1.6;color:var(--text-secondary)}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f1f3;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #eef2ff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--floating-assistant-height: 140px;--header-height: 56px}[data-theme=dark-gray]{--bg-primary: #18181b;--bg-secondary: #27272a;--bg-tertiary: #3f3f46;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border-color: #3f3f46;--accent: #818cf8;--accent-hover: #6366f1;--accent-light: #1e1b4b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}[data-theme=dark-black]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border-color: #1a1a1a;--accent: #818cf8;--accent-hover: #6366f1;--accent-light: #1e1b4b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7)}[data-theme=dark]{--bg-primary: #18181b;--bg-secondary: #27272a;--bg-tertiary: #3f3f46;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border-color: #3f3f46;--accent: #818cf8;--accent-hover: #6366f1;--accent-light: #1e1b4b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}input,textarea{font-family:inherit;font-size:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-content{padding:1rem}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-xl);white-space:nowrap}.chip.active{background:var(--accent);color:#fff}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.tab{flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all .15s ease;text-align:center}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.page{flex:1;padding-bottom:calc(var(--floating-assistant-height) + 1rem);min-height:100vh}.page-header{position:sticky;top:0;z-index:50;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.page-content{padding:1rem}.masonry-grid{columns:2;column-gap:.75rem}.masonry-item{break-inside:avoid;margin-bottom:.75rem}@media(min-width:640px){.masonry-grid{columns:3}}@media(min-width:1024px){.masonry-grid{columns:4}}.scroll-x{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.section{margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state-text{color:var(--text-secondary);font-size:.875rem;max-width:280px}.loading{display:flex;align-items:center;justify-content:center;padding:2rem}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.brew-indicator{width:8px;height:8px;border-radius:50%}.brew-indicator.fresh{background:var(--success)}.brew-indicator.brewing{background:var(--warning);animation:pulse 1.5s infinite}.brew-indicator.ready{background:var(--accent)}.brew-indicator.stale{background:var(--text-tertiary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:100;transform:translateY(100%);transition:transform .3s ease}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:36px;height:4px;background:var(--border-color);border-radius:2px;margin:.75rem auto}.bottom-sheet-content{padding:0 1rem 2rem;max-height:70vh;overflow-y:auto}.overlay{position:fixed;inset:0;background:#0006;z-index:90;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.overlay.visible{opacity:1;visibility:visible}.search-bar{position:relative}.search-bar input{padding-left:2.5rem}.search-bar .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.context-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:background .15s ease}.context-selector:hover{background:var(--border-color)}.story-card{position:relative;height:calc(100vh - var(--floating-assistant-height) - var(--header-height) - 2rem);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-secondary)}.story-content{height:100%;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.story-progress{display:flex;gap:4px;padding:.75rem 1rem 0}.story-progress-bar{flex:1;height:2px;background:var(--border-color);border-radius:1px;overflow:hidden}.story-progress-bar.active .story-progress-fill{width:100%}.story-progress-fill{height:100%;background:var(--text-primary);width:0;transition:width 5s linear}.note-editor{min-height:200px;resize:none;border:none;background:transparent;font-size:1rem;line-height:1.7}.note-editor:focus{box-shadow:none}.project-cover{width:100%;height:160px;object-fit:cover;background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-tertiary) 100%)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}