:root{--bg:#fbf7f2;--surface:#fffdfa;--surface-muted:#f4ede6;--sidebar:#241d19;--sidebar-hover:#3d2e27;--text:#30231d;--text-muted:#857267;--border:#e7ddd5;--accent:#b96035;--accent-deep:#8f4425;--accent-soft:#f1dfd2;--success:#3d7359;--danger:#a14c43;--shadow:0 2px 8px rgb(76 47 29/8%);--radius:9px;--sidebar-width:232px;color-scheme:light;font-family:Avenir Next,Noto Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark{--bg:#171310;--surface:#211a16;--surface-muted:#30231d;--sidebar:#0f0c0a;--sidebar-hover:#34261f;--text:#f8eee6;--text-muted:#b7a49a;--border:#48372e;--accent:#d78355;--accent-deep:#ef9b6c;--accent-soft:#4b2d21;--success:#8cc39d;--danger:#e18b7e;--shadow:0 2px 8px rgba(0,0,0,.25);color-scheme:dark}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%;margin:0}body{min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;width:var(--sidebar-width);flex-direction:column;padding:26px 14px 18px;color:#fbf4ee;background:var(--sidebar)}.brand{display:flex;align-items:center;gap:11px;padding:0 14px 28px;font-size:20px;font-weight:650;letter-spacing:-.02em}.brand-mark{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff5ec;background:var(--accent);font-size:15px}.primary-nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;min-height:45px;padding:0 14px;border:1px solid transparent;border-radius:7px;color:#d8c9bf;font-size:14px;transition:background-color .16s ease,color .16s ease}.nav-link.router-link-active,.nav-link:hover{color:#fff8f2;background:var(--sidebar-hover)}.nav-link.router-link-active{border-left-color:var(--accent)}.nav-count{display:inline-grid;min-width:22px;height:22px;margin-left:auto;padding:0 5px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:12px;font-weight:700}.sidebar-spacer{flex:1}.profile-button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:0;color:#f7ebe3;background:transparent;text-align:left}.profile-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff8f1;background:#7d4a31;font-size:12px;font-weight:700}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.sidebar-toggle{display:none}.main-content{width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width)}.page-wrap{width:min(1180px,100%);margin:0 auto;padding:30px 42px 54px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.topbar h1{margin:0;font-size:clamp(26px,3vw,38px);font-weight:680;letter-spacing:-.045em;line-height:1.08}.topbar p{margin:8px 0 0;color:var(--text-muted);font-size:14px}.page-action{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px;border:0;border-radius:8px;color:#fffaf6;background:var(--accent);font-weight:650;transition:background-color .16s ease,transform .16s ease}.page-action:hover{background:var(--accent-deep)}.page-action:active{transform:translateY(1px)}.page-action.secondary{border:1px solid var(--border);color:var(--text);background:var(--surface)}.page-action.secondary:hover{background:var(--surface-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 30px}.dashboard-section h2{margin:0 0 12px 4px;font-size:17px;letter-spacing:-.02em}.list-panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.list-row{display:flex;align-items:center;gap:13px;min-height:70px;padding:12px 16px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row.interactive{transition:background-color .16s ease}.list-row.interactive:hover{background:var(--surface-muted)}.row-icon{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--accent-deep);background:var(--surface-muted)}.row-copy{min-width:0;flex:1}.row-title{color:var(--text);font-size:14px;font-weight:650}.row-meta,.row-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{margin-top:4px}.row-date,.row-meta{color:var(--text-muted);font-size:12px}.row-chevron,.row-date{flex:0 0 auto}.row-chevron{color:var(--text-muted)}.row-avatar{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;color:var(--accent-deep);background:var(--accent-soft);font-size:12px;font-weight:700}.row-star{flex:0 0 auto;color:var(--accent)}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--text);font-size:13px;font-weight:650}.panel-footer:hover{background:var(--surface-muted)}.empty-state{padding:28px 18px;color:var(--text-muted);font-size:14px;text-align:center}.collection-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:9px;min-width:260px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:var(--surface)}.search-field input{width:100%;min-height:42px;border:0;outline:0;color:var(--text);background:transparent}.collection-list{display:grid;gap:10px}.coffee-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.coffee-avatar{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:8px;color:#fff8f0;background:var(--sidebar);font-size:19px}.coffee-copy{min-width:0;flex:1}.coffee-copy h3{margin:0;font-size:16px}.coffee-copy p{margin:5px 0 0;color:var(--text-muted);font-size:13px}.coffee-image{-o-object-fit:cover;object-fit:cover}.coffee-card{flex-wrap:wrap}.coffee-card>.coffee-details{width:100%}.coffee-form{margin:-10px 0 24px}.coffee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.coffee-form-wide{grid-column:1/-1}.batch-form,.coffee-form-actions,.image-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.coffee-form-actions{justify-content:flex-end;margin-top:4px}.archive-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:13px}.coffee-details{margin:0;border-top:1px solid var(--border);padding-top:12px}.coffee-details summary{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:650}.coffee-details[open] summary{margin-bottom:12px;color:var(--text)}.batch-list{display:flex;flex-wrap:wrap;gap:7px}.batch-form,.batch-list{margin-bottom:11px}.batch-form input,.coffee-edit-form input,.coffee-edit-form textarea{min-height:34px;min-width:150px;padding:0 9px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface);font-size:13px}.coffee-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}.coffee-edit-form textarea{grid-column:1/-1;min-height:62px;padding-top:8px;resize:vertical}.coffee-edit-form button{justify-self:start}.image-actions{border-top:1px solid var(--border);padding-top:11px}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;color:var(--accent-deep);background:var(--accent-soft);font-size:12px;font-weight:650}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.data-cell{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.data-cell label{display:block;margin-bottom:5px;color:var(--text-muted);font-size:11px}.data-cell strong{font-size:15px}.brew-page{flex:1;width:100%;min-height:100vh;padding:22px 26px 26px;background:var(--bg)}.brew-header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:720px;margin:0 auto}.brew-header h1{margin:0;font-size:clamp(18px,3vw,26px);letter-spacing:-.03em}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface)}.brew-content{display:flex;min-height:calc(100vh - 92px);flex-direction:column;align-items:center;justify-content:center;max-width:720px;margin:0 auto;padding:30px 0 10px}.brew-timer{margin:0 0 30px;color:var(--text);font-size:clamp(76px,17vw,156px);font-weight:700;letter-spacing:-.08em;line-height:.9}.step-line{display:grid;width:min(100%,530px);grid-template-columns:repeat(4,1fr);align-items:center;margin:0 auto 36px}.step-dot{position:relative;display:grid;place-items:center;width:32px;height:32px;margin:0 auto;border:2px solid var(--border);border-radius:50%;color:var(--text-muted);background:var(--surface);font-size:13px;font-weight:700}.step-dot:not(:last-child):after{position:absolute;z-index:-1;top:14px;left:30px;width:calc(100% + 26px);height:2px;background:var(--border);content:""}.step-dot.done{border-color:var(--text);color:#fff;background:var(--text)}.step-dot.active{border-color:var(--accent);color:var(--accent);background:var(--surface)}.brew-illustration{display:grid;width:82px;height:82px;place-items:center;margin:0 auto 16px;color:var(--accent-deep);border:1px solid var(--border);border-radius:50%;background:var(--surface-muted)}.brew-step-name{margin:0;font-size:clamp(36px,9vw,64px);font-weight:700;letter-spacing:-.055em;text-align:center}.brew-target{margin:6px 0 12px;font-size:clamp(24px,5vw,34px);text-align:center}.brew-target strong{color:var(--accent)}.brew-remaining{justify-content:center;gap:8px;margin:0;color:var(--text-muted);font-size:16px}.brew-remaining,.next-step{display:flex;align-items:center}.next-step{gap:16px;width:min(100%,720px);margin:42px auto 22px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.next-step-copy{flex:1}.next-step-copy span{display:block;margin-bottom:5px;color:var(--text-muted);font-size:12px}.next-step-copy strong{font-size:17px}.brew-actions{display:grid;width:min(100%,720px);gap:12px}.brew-next{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-size:22px;font-weight:700}.brew-next:hover{background:var(--accent-deep)}.brew-secondary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brew-secondary button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--text);border-radius:8px;color:var(--text);background:transparent;font-size:14px}.brew-secondary button:hover{background:var(--surface-muted)}.journal-row{flex-wrap:wrap}.journal-rating{display:grid;width:100%;grid-template-columns:minmax(160px,.45fr) minmax(220px,1fr) auto;align-items:end;gap:10px;padding-top:10px;border-top:1px solid var(--border)}.journal-rating label{display:grid;gap:5px;color:var(--text-muted);font-size:12px;font-weight:650}.journal-rating input,.journal-rating select{min-height:36px;padding:0 9px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface)}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--bg)}.login-panel{width:min(440px,100%);padding:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.login-panel h1{margin:0 0 8px;font-size:31px;letter-spacing:-.05em}.login-panel p{margin:0 0 24px;color:var(--text-muted);line-height:1.5}.form-field{display:grid;gap:7px;margin-bottom:16px}.form-field label{color:var(--text-muted);font-size:13px;font-weight:650}.form-field input,.form-field select,.form-field textarea{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:var(--surface)}.form-field textarea{min-height:92px;padding-top:12px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{margin:10px 0 0;color:var(--danger);font-size:13px}.demo-note{margin-top:18px;padding:11px 12px;border-left:3px solid var(--accent);color:var(--text-muted);line-height:1.45}.demo-note,.form-success{background:var(--surface-muted);font-size:13px}.form-success{margin:12px 0;padding:10px 12px;border-left:3px solid var(--success);color:var(--success)}.preferences-panel{margin-bottom:32px}.settings-section{margin-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.025em}.section-heading p{margin:5px 0 0;color:var(--text-muted);font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-panel{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.settings-panel-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.settings-panel-title>svg{flex:0 0 auto;margin-top:2px;color:var(--accent-deep)}.settings-panel-title h3{margin:0;font-size:15px}.settings-panel-title p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.4}.compact-form{display:grid;gap:12px}.compact-form label,.inline-reset-form label,.user-create-form label{display:grid;gap:6px;color:var(--text-muted);font-size:12px;font-weight:650}.compact-form input,.inline-reset-form input,.user-create-form input,.user-create-form select{min-height:42px;padding:0 11px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:var(--surface)}.compact-form input:focus,.inline-reset-form input:focus,.user-create-form input:focus,.user-create-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-status{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:13px;font-weight:650}.intensity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.note-chips{display:flex;flex-wrap:wrap;gap:6px}.note-input{display:flex;gap:8px}.note-input input{flex:1}.chip-remove{margin-left:4px;border:0;background:transparent;color:inherit;cursor:pointer;font-weight:700}.form-hint{margin:0;color:var(--text-muted);font-size:12px}.edit-inline{display:grid;gap:6px}.edit-inline input,.edit-inline select{min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:var(--surface)}.status-line{display:flex;align-items:center;gap:7px;margin:0;color:var(--success);font-size:13px;font-weight:650}.security-recommendation{margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--accent);color:var(--text);background:var(--surface-muted);font-size:13px;line-height:1.45}.totp-setup>p{color:var(--text-muted);font-size:13px;line-height:1.45}.totp-setup>code{display:block;overflow-wrap:anywhere;padding:10px;border:1px solid var(--border);background:var(--surface-muted);font-size:13px}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;padding:0;list-style:none}.recovery-codes code{color:var(--text);font-size:13px}.sessions-panel{margin-top:14px}.session-list{margin:0 -18px 16px;border-top:1px solid var(--border)}.session-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid var(--border)}.session-row span,.session-row strong{display:block}.session-row strong{font-size:13px}.session-row span{margin-top:4px;color:var(--text-muted);font-size:12px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 9px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:transparent;font-size:12px;font-weight:650}.text-button:hover{background:var(--surface-muted)}.text-button.danger{color:var(--danger)}.text-button:disabled{cursor:not-allowed;opacity:.45}.user-create-form{display:grid;grid-template-columns:1fr 1fr 1.2fr .75fr auto;align-items:end;gap:12px}.user-admin-list{display:grid;gap:8px;margin-top:14px}.user-admin-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.user-admin-identity{display:flex;align-items:center;gap:11px;min-width:0}.user-admin-identity h3{margin:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.user-admin-identity p{margin:4px 0 0;color:var(--text-muted);font-size:12px}.user-admin-state{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:12px}.status-label{padding:3px 7px;border-radius:5px;font-weight:650}.status-label.active{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.status-label.deactivated{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.security-state{display:inline-flex;align-items:center;gap:5px}.user-admin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.inline-reset-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.reduced-motion *,.reduced-motion :after,.reduced-motion :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}@media(max-width:900px){:root{--sidebar-width:72px}.sidebar{padding:20px 10px 14px}.brand{justify-content:center;padding:0 0 24px}.brand span,.nav-link span,.profile-button svg,.profile-name{display:none}.nav-link{justify-content:center;padding:0}.profile-button{justify-content:center;padding:10px 0}.nav-count{position:absolute;margin:-26px 0 0 24px}.page-wrap{padding:26px 22px 44px}}@media(max-width:700px){:root{--sidebar-width:0px}.sidebar{position:fixed;top:auto;right:0;bottom:0;width:100%;height:62px;flex-direction:row;align-items:center}.brand,.sidebar{padding:0 10px}.brand-mark{width:28px;height:28px}.primary-nav{display:flex;flex:1;justify-content:flex-start;gap:2px;overflow-x:auto}.nav-link{min-width:38px;min-height:42px}.primary-nav .nav-link{flex:0 0 40px}.profile-button,.sidebar-spacer{display:none}.main-content{width:100%;margin-left:0;padding-bottom:62px}.page-wrap{padding:24px 16px 40px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:24px}.page-action{width:100%;justify-content:center}.dashboard-grid{grid-template-columns:1fr;gap:22px}.collection-toolbar{align-items:stretch;flex-direction:column}.search-field{min-width:0}.data-grid{grid-template-columns:1fr 1fr}.coffee-form-grid{grid-template-columns:1fr}.coffee-form-wide{grid-column:auto}.settings-grid,.user-admin-row,.user-create-form{grid-template-columns:1fr}.user-admin-row{align-items:start}.user-admin-state{flex-wrap:wrap}.user-admin-actions{justify-content:flex-start}.inline-reset-form{grid-template-columns:1fr}.brew-page{padding:14px 16px 18px}.brew-content{min-height:calc(100vh - 72px);padding-top:16px}.brew-timer{margin-bottom:24px}.next-step{margin-top:30px}.brew-secondary,.journal-rating{grid-template-columns:1fr}.login-panel{padding:26px 22px}}