@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f0ed;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}@media (width<=780px){body,input,select,textarea{font-size:16px}}:root{--line:#e8e6e3;--muted:#747474;--panel:#fff}button{cursor:pointer;background:0 0;border:0}.app-shell{background:var(--panel);border-radius:18px;grid-template-columns:250px 330px 1fr;width:min(1320px,100vw - 48px);height:min(900px,100vh - 48px);min-height:680px;margin:24px auto;display:grid;overflow:hidden;box-shadow:0 20px 55px #231d181f}.loading-shell .page-empty{grid-column:1/-1;width:100%;height:100%}.icon{place-items:center;width:22px;font-size:22px;font-weight:400;line-height:1;display:inline-grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(135deg,#fbfbfb,#f6f5f5);flex-direction:column;padding:22px 18px 18px;display:flex}.window-dots{gap:9px;margin:2px 0 37px 7px;display:flex}.window-dots i{background:#ff5f57;border-radius:50%;width:13px;height:13px;box-shadow:inset 0 0 0 1px #0000000f}.window-dots i:nth-child(2){background:#febc2e}.window-dots i:nth-child(3){background:#28c840}.brand{letter-spacing:-.4px;align-items:center;gap:11px;padding:0 10px 26px;font-size:20px;font-weight:700;display:flex}.brand-mark{border:2px solid;border-radius:4px;place-items:center;width:21px;height:23px;font-size:13px;display:grid}.main-nav{gap:5px;display:grid}.main-nav button,.sidebar-footer button{text-align:left;border-radius:10px;align-items:center;gap:10px;padding:11px 10px;font-size:14px;display:flex}.main-nav button.active,.main-nav button:hover{background:#e9e8e8;font-weight:600}.category-heading{color:#777;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin:28px 9px 9px;font-size:12px;display:flex}.category-heading button{padding:0;font-size:20px}.category-list{gap:2px;display:grid}.category-list button{color:#666;border-radius:8px;justify-content:space-between;padding:9px;font-size:13px;display:flex}.category-list button:hover,.category-list button.active{color:#111;background:#ededed}.category-name{align-items:center;gap:10px;display:flex}.category-name i{border-radius:50%;width:7px;height:7px}.sidebar-footer{margin-top:auto}.sidebar-footer>button{border-bottom:1px solid var(--line);border-radius:0;width:100%;padding-bottom:19px}.profile{text-align:left;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;padding:16px 7px 4px;font-size:13px;display:grid}.profile-copy{gap:1px;min-width:0;display:grid}.profile-copy small{color:var(--muted);text-overflow:ellipsis;font-size:9px;overflow:hidden}.avatar{aspect-ratio:1;color:#fff;background:#cf9573;border-radius:50%;place-items:center;width:31px;font-weight:700;display:grid}.recipe-browser{border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.browser-tools{border-bottom:1px solid #f0efed;padding:58px 17px 17px}.search{border:1px solid var(--line);color:#777;border-radius:20px;align-items:center;gap:6px;height:42px;padding:0 8px 0 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.search input::placeholder{color:#989898}.search button{font-size:18px}.add-recipe{color:#fff;background:#191919;border-radius:22px;width:100%;height:42px;margin-top:17px;font-size:14px;font-weight:600}.add-recipe span{margin-right:7px;font-size:20px;font-weight:400}.recipe-list{scrollbar-width:none;flex:1;padding:3px 16px 16px;overflow-y:auto}.recipe-list::-webkit-scrollbar{display:none}.recipe-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:105px 1fr 34px;align-items:stretch;gap:14px;min-height:119px;margin-top:15px;transition:border .18s,transform .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden}.recipe-card:hover{border-color:#cfcbc7;transform:translateY(-1px);box-shadow:0 5px 15px #0000000a}.recipe-card.selected{background:#fff8f3;border-color:#b77751;transform:translateY(-1px);box-shadow:0 6px 18px #975b3624}.recipe-card.selected:after{content:"";background:#b77751;width:5px;position:absolute;inset:0 auto 0 0}.recipe-card:focus-visible{outline-offset:2px;outline:2px solid #222}.recipe-card img{object-fit:cover;width:105px;height:100%;min-height:119px}.card-copy{align-self:center;min-width:0}.card-copy h2{margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.35}.card-copy p{color:#777;margin:0;font-size:12px}.heart{color:#6f6f6f;border-radius:50%;align-self:end;place-items:center;width:32px;height:32px;margin:0 6px 8px 0;padding:0;transition:color .15s,background .15s,transform .15s;display:grid}.heart:hover{background:#f1efec;transform:scale(1.05)}.heart.filled{color:#b24d3f}.empty-state{color:#777;place-items:center;gap:12px;padding:70px 15px;font-size:14px;display:grid}.empty-state button{text-decoration:underline}.recipe-count{border-top:1px solid var(--line);color:#777;height:50px;padding:16px;font-size:12px}.search button.active{font-size:24px}.icon-button{border:1px solid var(--line);color:#575757;border-radius:10px;place-items:center;width:38px;height:38px;transition:color .15s,background .15s,border-color .15s,transform .15s;display:inline-grid;padding:0!important}.icon-button:hover{color:#181818;background:#f5f3f0;border-color:#d4d0cb;transform:translateY(-1px)}.icon-button:focus-visible,.heart:focus-visible,.hero-heart:focus-visible{outline-offset:2px;outline:2px solid #222}.favorite-action.active,.hero-heart.active{color:#b24d3f}.delete-selected{color:#fff;background:#9b3f32;border-radius:21px;width:100%;min-height:42px;margin-top:10px;font-weight:600}.delete-selected:disabled{opacity:.45;cursor:default}.recipe-card.marked{border-color:#9b3f32;box-shadow:0 0 0 1px #9b3f32}.selection-check{z-index:1;color:#fff;background:#ffffffe6;border:2px solid #fff;border-radius:6px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 1px 5px #00000040}.recipe-card.marked .selection-check{background:#9b3f32}.delete-recipe{color:#a54538}.delete-recipe:hover{color:#8c3025;background:#fff5f3;border-color:#e2b8b2}.recipe-detail{scrollbar-width:none;min-width:0;padding:52px 30px 50px;overflow-y:auto}.recipe-detail::-webkit-scrollbar{display:none}.detail-actions{justify-content:flex-end;gap:9px;min-height:38px;margin-bottom:18px;display:flex}.detail-actions button{padding:0 3px;font-size:24px}.hero-image-wrap{position:relative}.hero-image-wrap>img{object-fit:cover;border-radius:12px;width:100%;height:clamp(250px,30vh,360px);display:block}.hero-heart{color:#555;background:#fffffff0;border-radius:50%;place-items:center;width:38px;height:38px;transition:color .15s,transform .15s;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 3px 12px #00000026}.hero-heart:hover{transform:scale(1.06)}.recipe-detail h1{letter-spacing:-.8px;margin:21px 0 7px;font-size:clamp(25px,2.2vw,33px);line-height:1.15}.recipe-meta{color:#6f6f6f;gap:10px;font-size:14px;display:flex}.recipe-detail hr{border:0;border-top:1px solid var(--line);margin:23px 0}.recipe-section+.recipe-section{margin-top:24px}.recipe-section h2{margin:0 0 9px;font-size:18px}.recipe-section ul,.recipe-section ol{margin:0;padding-left:20px;font-size:14px;line-height:1.7}.recipe-section li{padding-left:2px}.mobile-header,.mobile-tabs{display:none}.toast{z-index:20;color:#fff;background:#1e1e1e;border-radius:22px;padding:11px 17px;font-size:13px;position:fixed;top:42px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}@media (width<=1050px){.app-shell{grid-template-columns:220px 310px 1fr}.recipe-detail{padding-inline:22px}.sidebar{padding-inline:12px}}@media (width<=780px){:root{background:#fff}.app-shell{width:100%;height:100svh;min-height:560px;box-shadow:none;border-radius:0;margin:0;display:block}.sidebar{z-index:20;width:min(82vw,300px);transition:transform .24s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:14px 0 40px #00000024}.sidebar.is-open{transform:translate(0)}.window-dots{display:none}.brand{padding-top:14px}.recipe-browser{border:0;height:100%;padding-bottom:69px}.mobile-header{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr 46px;align-items:center;height:62px;padding:0 12px;display:grid}.mobile-header strong{text-align:center;font-size:17px}.mobile-header button{font-size:21px}.browser-tools{padding:12px 16px 11px}.search{background:#f7f6f5;border:0}.add-recipe{display:none}.recipe-list{padding:0 16px 10px}.recipe-card{grid-template-columns:96px 1fr 26px;min-height:105px;margin-top:13px}.recipe-card img{width:96px;min-height:105px}.card-copy h2{margin-bottom:14px;font-size:14px}.desktop-only,.recipe-count{display:none}.mobile-tabs{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#fffffff2;grid-template-columns:repeat(4,1fr);height:69px;display:grid;position:fixed;inset:auto 0 0}.mobile-tabs button{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.mobile-tabs button.active{color:#111}.mobile-tabs .icon{font-size:20px}.recipe-detail{display:none}.toast{white-space:nowrap;top:72px}}:root[data-theme=dark]{--line:#343432;--muted:#aaa7a2;--panel:#1d1d1c;color:#f1efeb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111110}:root[data-theme=dark] .app-shell,:root[data-theme=dark] .main-span,:root[data-theme=dark] .recipe-detail,:root[data-theme=dark] .detail-page{background:#1d1d1c}:root[data-theme=dark] .sidebar{background:linear-gradient(135deg,#20201f,#181817)}:root[data-theme=dark] .recipe-browser{background:#1d1d1c}:root[data-theme=dark] .recipe-card,:root[data-theme=dark] .category-grid button,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .recipe-form input,:root[data-theme=dark] .recipe-form select,:root[data-theme=dark] .recipe-form textarea,:root[data-theme=dark] .settings-card input:not([type=checkbox]){color:#f1efeb;background:#262624;border-color:#3b3b38}:root[data-theme=dark] .main-nav button.active,:root[data-theme=dark] .main-nav button:hover,:root[data-theme=dark] .category-list button:hover,:root[data-theme=dark] .category-list button.active,:root[data-theme=dark] .sidebar-footer button.active{color:#fff;background:#30302e}:root[data-theme=dark] .category-list button,:root[data-theme=dark] .card-copy p,:root[data-theme=dark] .recipe-meta,:root[data-theme=dark] .page-title p,:root[data-theme=dark] .category-grid small,:root[data-theme=dark] .settings-card small,:root[data-theme=dark] .danger-zone p{color:#aaa7a2}:root[data-theme=dark] .card-copy h2,:root[data-theme=dark] .page-title h1,:root[data-theme=dark] .recipe-detail h1,:root[data-theme=dark] .recipe-section h2,:root[data-theme=dark] .category-grid strong,:root[data-theme=dark] .recipe-form label,:root[data-theme=dark] .empty-state strong{color:#f1efeb}:root[data-theme=dark] .browser-tools{border-color:#2c2c2a}:root[data-theme=dark] .search{color:#bbb;background:#292927;border-color:#3a3a37}:root[data-theme=dark] .recipe-card.selected{background:#332720;border-color:#d49a75;box-shadow:0 6px 18px #00000038}:root[data-theme=dark] .recipe-card.selected:after{background:#d49a75}:root[data-theme=dark] .hero-heart{color:#fff;background:#1e1e1deb}:root[data-theme=dark] .heart{color:#c9c6c1}:root[data-theme=dark] .heart.filled{color:#fff}:root[data-theme=dark] .mobile-tabs{background:#1d1d1cf2}:root[data-theme=dark] .mobile-tabs button.active{color:#fff}:root[data-theme=dark] .danger-zone{background:#2b2020;border-color:#593a36}:root[data-theme=dark] .danger-zone button{color:#f0a89c;border-color:#965f56}:root[data-theme=dark] .primary-button{color:#181817;background:#f0eee9}:root[data-theme=dark] .icon-button{color:#d0ccc6;background:#262624}:root[data-theme=dark] .icon-button:hover{color:#fff;background:#343431;border-color:#565650}:root[data-theme=dark] .heart:hover{background:#343431}:root[data-theme=dark] .heart.filled,:root[data-theme=dark] .favorite-action.active,:root[data-theme=dark] .hero-heart.active{color:#e18477}:root[data-theme=dark] .account-card,:root[data-theme=dark] .login-card input,:root[data-theme=dark] .sharing-card,:root[data-theme=dark] .invite-form input{background:#262624}:root[data-theme=dark] .local-mode-note{color:#aaa7a2;background:#292927}:root[data-theme=dark] .local-mode-note strong{color:#f1efeb}:root[data-theme=dark] .login-submit{color:#181817;background:#f0eee9}@media (width>=781px) and (height<=760px){.app-shell{height:calc(100vh - 24px);min-height:calc(100vh - 24px);margin-block:12px}.browser-tools{padding-top:36px}.recipe-detail{padding-top:32px}.hero-image-wrap>img{height:230px}}.main-span{background:#fff;grid-column:2/-1;min-width:0;overflow-y:auto}.content-page{max-width:860px;margin:0 auto;padding:72px 48px}.page-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:28px;display:flex}.page-title h1{letter-spacing:-1px;margin:5px 0 6px;font-size:34px}.page-title p{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:#8d837b;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.primary-button,.secondary-button{border-radius:22px;min-height:42px;padding:0 18px;font-size:13px;font-weight:600}.primary-button{color:#fff;background:#181818}.secondary-button{border:1px solid var(--line);background:#fff}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.category-grid button{text-align:left;border:1px solid var(--line);border-radius:14px;grid-template-columns:12px 1fr auto;align-items:center;gap:16px;min-height:88px;padding:18px 20px;transition:all .18s;display:grid}.category-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.category-grid i{border-radius:8px;width:10px;height:42px}.category-grid span{gap:5px;display:grid}.category-grid strong{font-size:15px}.category-grid small{color:var(--muted)}.category-grid b{font-size:20px;font-weight:400}.recipe-form{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}.recipe-form label{color:#3d3d3d;align-content:start;gap:8px;font-size:12px;font-weight:600;display:grid}.recipe-form label.wide,.form-actions.wide{grid-column:1/-1}.recipe-form small{color:#8b8b8b;margin-left:5px;font-weight:400}.recipe-form input,.recipe-form select,.recipe-form textarea,.settings-card input:not([type=checkbox]){color:#222;background:#fff;border:1px solid #ddd9d5;border-radius:10px;outline:0;width:100%}.recipe-form input,.recipe-form select{height:44px;padding:0 12px}.recipe-form textarea{resize:vertical;padding:12px;line-height:1.5}.recipe-form input:focus,.recipe-form select:focus,.recipe-form textarea:focus{border-color:#777;box-shadow:0 0 0 3px #0000000d}.form-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.form-error{color:#a54538;margin:0;font-size:12px}.form-actions button:disabled{cursor:default;opacity:.6}.settings-card{border:1px solid var(--line);border-radius:14px;margin-top:30px;overflow:hidden}.settings-card label{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;min-height:82px;padding:18px 20px;display:flex}.settings-card label:last-child{border:0}.settings-card span{gap:5px;display:grid}.settings-card small{color:var(--muted)}.settings-card input:not([type=checkbox]){width:210px;height:40px;padding:0 11px}.settings-card input[type=checkbox]{accent-color:#181818;width:42px;height:23px}.danger-zone{background:snow;border:1px solid #ead8d4;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:20px;display:flex}.danger-zone p{color:var(--muted);margin:5px 0 0;font-size:12px}.danger-zone button{color:#9b3f32;border:1px solid #c77f72;border-radius:9px;padding:10px 14px}.account-card{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:18px 20px;display:flex}.account-card>div{align-items:center;gap:12px;display:flex}.account-card>div>span:last-child{gap:3px;display:grid}.account-card small{color:var(--muted)}.account-card>button{border:1px solid var(--line);border-radius:9px;padding:9px 13px}.sharing-card{border:1px solid var(--line);border-radius:14px;margin-top:28px;padding:20px}.sharing-heading p{max-width:620px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.invite-form{gap:10px;margin-top:18px;display:flex}.invite-form input{border:1px solid var(--line);background:var(--panel);min-width:0;height:42px;color:inherit;border-radius:10px;flex:1;padding:0 12px}.invite-form button:disabled{opacity:.6}.member-list{border-top:1px solid var(--line);gap:10px;margin-top:18px;padding-top:16px;display:grid}.member-list>div{align-items:center;gap:11px;display:flex}.member-list>div>span:last-child{gap:2px;display:grid}.member-list small{color:var(--muted);text-transform:capitalize}.login-page{background:var(--panel);grid-template-columns:minmax(340px,.9fr) minmax(480px,1.1fr);min-height:100svh;display:grid}.login-intro{color:#fff;background:#1d1d1b;flex-direction:column;justify-content:space-between;padding:clamp(35px,6vw,82px);display:flex}.login-brand{align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.login-intro h1{letter-spacing:-.055em;max-width:620px;margin:13px 0 18px;font-size:clamp(38px,4.4vw,68px);line-height:1.02}.login-intro p{color:#bdbab5;max-width:500px;margin:0;font-size:16px;line-height:1.65}.login-intro small{color:#9d9a95}.login-panel{place-items:center;padding:35px;display:grid}.login-card{gap:18px;width:min(420px,100%);display:grid}.login-card h2{letter-spacing:-.8px;margin:7px 0 6px;font-size:30px}.login-card>div>p{color:var(--muted);margin:0}.login-card label{gap:8px;font-size:12px;font-weight:600;display:grid}.login-card label span{color:var(--muted);font-weight:400}.login-card input{border:1px solid var(--line);background:var(--panel);height:46px;color:inherit;border-radius:10px;outline:none;padding:0 13px}.login-card input:focus{border-color:#777;box-shadow:0 0 0 3px #6464641f}.login-submit{color:#fff;background:#1a1a19;border-radius:23px;height:46px;font-weight:600}.login-submit:disabled{opacity:.65}.login-error{color:#ae493c;margin:-5px 0;font-size:12px}.local-mode-note{color:#777;background:#f5f3ef;border-radius:10px;gap:4px;margin:3px 0 0;padding:13px 14px;font-size:11px;line-height:1.45;display:grid}.local-mode-note strong{color:#444}.page-empty{color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:40px;display:grid}.page-empty h2,.page-empty p{margin:0}.empty-state span{font-size:34px}.empty-state strong{color:#333}.empty-state p{text-align:center;margin:0}.mobile-back{margin-right:auto;display:none;font-size:14px!important}.recipe-browser.compact .recipe-card{grid-template-columns:78px 1fr 24px;min-height:88px}.recipe-browser.compact .recipe-card img{width:78px;min-height:88px}.recipe-browser.hide-images .recipe-card{grid-template-columns:1fr 24px;padding-left:18px}.recipe-browser.hide-images .recipe-card img{display:none}.sidebar-footer button.active{background:#e9e8e8;border-bottom-color:#0000;border-radius:10px;font-weight:600}.mobile-page-header{display:none}@media (width<=780px){.invite-form{flex-direction:column;align-items:stretch}.main-span{z-index:6;padding-bottom:72px;position:fixed;inset:0;overflow-y:auto}.mobile-page-header{z-index:2;border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:90px 1fr 90px;align-items:center;height:62px;padding:0 14px;display:grid;position:sticky;top:0}.mobile-page-header button{text-align:left;font-size:14px}.mobile-page-header strong{text-align:center;font-size:16px}.content-page{padding:28px 20px 30px}.page-title{align-items:start}.page-title h1{font-size:30px}.page-title .primary-button{white-space:nowrap}.category-grid,.recipe-form{grid-template-columns:1fr}.recipe-form label.wide,.form-actions.wide{grid-column:auto}.settings-card label{align-items:start}.settings-card input:not([type=checkbox]){width:130px}.danger-zone{flex-direction:column;align-items:start}.detail-page{display:none}.detail-page.is-open{z-index:7;background:var(--panel);padding:20px 18px 90px;display:block;position:fixed;inset:0}.detail-page .detail-actions{align-items:center}.mobile-back{display:block}.recipe-browser.mobile-hidden{visibility:hidden}.hero-image-wrap>img{height:260px}.login-page{background:var(--panel);display:block}.login-intro{gap:45px;min-height:270px;padding:28px 24px}.login-intro h1{margin-block:9px 12px;font-size:38px}.login-intro p{font-size:14px}.login-intro small{display:none}.login-panel{padding:34px 22px 50px}.login-card h2{font-size:27px}.account-card{align-items:flex-start}.account-card>div{min-width:0}.account-card small{overflow-wrap:anywhere}}