:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:#fbf8f3;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.55;--accent: #e8782f;--accent-hover: #db6826;--accent-ink: #321c12;--accent-text: #9f4b1e;--text: #392b23;--sage: #687b56;--muted: #7d6b59;--line: #eadfd1;--soft: #f6eee4}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 83% 2%,rgba(249,220,188,.5),transparent 48%),radial-gradient(ellipse at 6% 80%,rgba(241,228,206,.32),transparent 50%),#fbf8f3}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.55}a{color:var(--accent-text);text-decoration:none}button,input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b69a7d;outline-offset:3px}input,textarea,select{background:#fff;border:1px solid #e8e1da;border-radius:9px;color:#3d352d;padding:11px 13px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:#b99e82;box-shadow:0 0 0 3px #f3eee8}textarea{resize:vertical;line-height:1.7}svg{flex-shrink:0;vertical-align:middle}button{border:0;background:none}h1,h2,h3,p{margin:0}button{transition:background .15s,color .15s}img{max-width:100%;display:block}button::-moz-focus-inner{border:0}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e8e2db;border-radius:9px;background:#fff;padding:10px 16px;font-size:13px;font-weight:500;white-space:nowrap}.button:hover{background:#f5f1ed}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 4px 12px rgba(180,93,32,.1)}.button.primary:hover{background:var(--accent-hover)}.button.subtle{background:#f8e7d5;border-color:#f8e7d5;color:#87451f}.button.danger{background:#b34d40;color:#fff;border-color:#b34d40}.danger-text{color:#a2574b!important}.icon-button{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#f1ede8}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.65px;color:var(--muted);display:flex;align-items:center;gap:7px}.eyebrow>span:not(.brand-dot){display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--accent)}.app-shell{width:98%;margin:16px auto 0;display:flex;align-items:flex-start;gap:26px}.sidebar{position:sticky;top:16px;width:213px;flex-shrink:0;height:calc(100vh - 32px);min-height:660px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 28px rgba(79,49,28,.035);border-radius:17px;padding:27px 17px 14px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{height:41px;width:41px;border-radius:13px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand strong{display:block;font-size:19px;letter-spacing:.7px;line-height:1.4;white-space:nowrap}.brand-dot{color:var(--accent)}.brand-caption{font-size:7px;color:var(--muted);letter-spacing:1.75px;display:block;margin-top:2px}.sidebar-section-label{font-size:10px;color:var(--muted);letter-spacing:.4px;margin:43px 11px 14px}.main-nav{display:flex;flex-direction:column;gap:6px}.main-nav>button,.category-nav>button{display:flex;align-items:center;width:100%;gap:11px;padding:12px;border-radius:9px;font-size:12px;text-align:left;color:var(--muted);min-height:43px}.main-nav>button>span:not(.tiny-dot),.category-nav>button>span{flex:1}.main-nav>button>em,.category-nav>button>em{font-style:normal;font-size:10px;font-weight:400;color:var(--muted)}.main-nav>button.active{background:var(--accent);color:var(--accent-ink);font-weight:500;box-shadow:0 4px 10px rgba(180,93,32,.1)}.main-nav>button.active em{color:#603719;background:rgba(255,255,255,.314);padding:1px 6px;border-radius:5px}.main-nav>button:not(.active):hover,.category-nav>button:hover{background:#f3efeb}.tiny-dot{height:5px;width:5px;border-radius:50%;background:#9cab7b}.categories-label{display:flex;align-items:center;justify-content:space-between;margin-top:32px;margin-bottom:10px}.categories-label span{font-size:7px;letter-spacing:1px}.category-nav>button{padding:11px 12px;font-size:11px;min-height:38px;gap:13px}.category-nav>button svg{color:#738262}.category-nav>button.active{background:#fae9d8;color:#88431e}.sidebar-bottom{margin-top:auto;padding-top:34px}.sidebar-note{background:linear-gradient(120deg,#eef0e6,#f5f3e8);border:1px solid #e8e9da;border-radius:11px;padding:16px 15px 12px}.note-leaf{color:var(--sage)}.sidebar-note p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.9}.sidebar-note strong{font-weight:500;color:var(--muted)}.note-line{width:24px;height:2px;background:#b6c09d;display:block;margin-top:13px}.sidebar-help{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;padding:22px 11px 17px;width:100%}.sidebar-help svg:last-child{margin-left:auto}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:18px 0 0;text-align:left;width:100%}.avatar{height:32px;width:32px;border-radius:50%;background:#e9e1d8;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.profile strong{font-size:10px;display:block;font-weight:500}.profile>div>span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.profile svg{color:var(--muted);margin-left:auto}.main{flex:1;min-width:0;padding:0 18px 0 0}.topbar{height:60px;border-bottom:1px solid #ede7e1;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:22px}.family-label{font-size:8px;color:var(--muted);letter-spacing:1.3px;display:flex;align-items:center;gap:7px}.family-label>span{height:5px;width:5px;background:var(--accent);border-radius:50%}.topbar-right>.icon-button{background:#f2ede7;color:var(--muted);width:30px;height:30px;border:1px solid #eae2d9;border-radius:50%}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 29px}.welcome h1{font-size:clamp(24px,2.15vw,35px);font-weight:600;letter-spacing:-1px;margin-top:11px;line-height:1.5}.welcome h1>span{color:#c15c25}.welcome p{color:var(--muted);font-size:11px;margin-top:7px;letter-spacing:.15px}.new-recipe{padding-left:17px;padding-right:20px;margin-top:14px;font-size:11px;border-radius:9px;min-height:41px}.bento{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr) minmax(0,1.02fr);gap:16px;margin-bottom:35px}.feature-tile,.memory-tile,.random-tile{height:249px;border-radius:14px;overflow:hidden;position:relative;text-align:left;background:linear-gradient(125deg,#f8dfc1,#f6ead8 75%)}.feature-tile{background:#a46437;color:#fff}.feature-tile>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;position:absolute;top:0;right:0;bottom:0;left:0}.feature-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(38,24,14,.13),rgba(38,24,14,.08) 28%,rgba(33,19,10,.74))}.feature-top{position:absolute;top:17px;left:19px;right:17px;display:flex;align-items:center;justify-content:space-between}.feature-top>span:first-child{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #ffffff50;padding:5px 10px;border-radius:30px;background:rgba(255,255,255,.082);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.round-arrow{height:28px;width:28px;border:1px solid #ffffff50;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-copy{position:absolute;left:22px;right:22px;bottom:22px}.feature-copy>span{font-size:8px;letter-spacing:1.8px;color:#e7dfd7}.feature-copy h2{font-size:25px;font-weight:500;margin:7px 0 8px;letter-spacing:.8px}.feature-copy p{font-size:10px;color:#e8e1da;display:flex;align-items:center;gap:15px;line-height:1.7}.feature-copy p>svg{margin-left:auto}.memory-tile{border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.7);padding:24px 23px;box-shadow:0 1px 2px rgba(66,52,37,.02)}.tile-label{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.tile-label svg{color:var(--muted)}.memory-number{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:63px;font-weight:300;letter-spacing:-3px;line-height:1.1;margin-top:26px}.memory-number>span{font-size:10px;color:var(--muted);letter-spacing:0;margin-left:10px}.memory-tile>p{color:var(--muted);font-size:10px;margin-top:11px}.memory-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1ebe5;margin-top:22px;padding-top:15px;gap:8px}.memory-footer>span:first-child{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}.memory-footer>span:last-child{font-size:6px;color:var(--muted);letter-spacing:.8px}.random-tile{background:linear-gradient(125deg,#f8dfc1,#f6ead8 75%);border:1px solid #ffffffb3;padding:22px 24px}.random-icon{height:34px;width:34px;border-radius:11px;background:rgba(255,255,255,.5);color:#a95322;display:flex;align-items:center;justify-content:center}.random-icon svg{width:20px}.random-tile>.eyebrow{font-size:6px;letter-spacing:1.1px;margin-top:19px;color:#805b3d}.random-tile h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin-top:5px;color:#633b22}.random-tile>p{font-size:10px;color:#7c6049;line-height:1.9;margin-top:8px}.random-link{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:500;color:#90451f;margin-top:17px}.random-decoration{position:absolute;right:-26px;bottom:12px;color:rgba(193,138,83,.24);transform:rotate(-25deg)}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.collection-heading h2{font-size:19px;letter-spacing:.3px;font-weight:600;display:flex;align-items:center;gap:9px}.collection-heading h2>span{font-size:10px;color:#95501f;background:#f8e5d0;font-weight:500;padding:1px 7px;border-radius:5px;min-width:22px;text-align:center}.collection-heading>div>p{font-size:10px;color:var(--muted);margin-top:6px}.collection-tools{display:flex;align-items:center;gap:11px}.search-box{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.78);border:1px solid #ede8e2;border-radius:8px;padding:0 11px;color:var(--muted);width:247px;height:37px}.search-box input{border:0;background:transparent;font-size:10px;flex:1;width:100%;padding:8px 0;border-radius:0;color:#6d5f4f;box-shadow:none}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}.search-box button{padding:0;display:flex;color:var(--muted)}.sort-select{display:flex;align-items:center;gap:5px;border:1px solid #ede8e2;background:rgba(255,255,255,.65);border-radius:8px;padding:0 10px;height:37px;color:var(--muted)}.sort-select select{border:0;background:none;font-size:10px;box-shadow:none;padding:0 0 0 1px;max-width:100px;color:var(--muted)}.category-pills{display:flex;align-items:center;gap:9px;padding:20px 0 23px;flex-wrap:wrap}.category-pills>button{display:flex;align-items:center;gap:5px;border-radius:7px;padding:6px 12px;color:var(--muted);font-size:10px;min-height:29px;white-space:nowrap}.category-pills>button.active{background:#f8e5d0;color:#88431e;font-weight:500}.category-pills>button:not(.active):hover{background:#f3eee9}.category-pills svg{color:#748263}.collection-hint{font-size:9px;color:var(--muted);margin-left:auto;letter-spacing:.5px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px}.recipe-card{border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.88);border-radius:13px;overflow:hidden;box-shadow:0 2px 8px rgba(79,49,28,.035)}.card-photo{height:auto;aspect-ratio:1.62;position:relative;overflow:hidden;background:#ebe5de}.photo-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0}.photo-open img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.photo-category{position:absolute;left:13px;top:13px;background:rgba(255,255,255,.87);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#756655;font-size:9px;padding:4px 9px;border-radius:5px;pointer-events:none}.favorite-button{position:absolute;right:12px;top:12px;width:29px;height:29px;border-radius:50%;color:#756554;background:rgba(255,255,255,.86);box-shadow:0 2px 5px rgba(53,40,26,.04)}.favorite-button:hover{background:#fff}.favorite-button.selected{color:#c35e2b;background:rgba(255,255,255,.94)}.favorite-button svg{width:15px}.photo-count{position:absolute;bottom:10px;right:12px;background:rgba(58,45,32,.44);color:#fff;font-size:8px;padding:3px 7px;border-radius:4px;pointer-events:none}.card-content{display:block;text-align:left;width:100%;padding:17px 17px 14px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title h3{font-size:14px;font-weight:600;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title svg{color:var(--muted);width:14px}.card-content>p{font-size:10px;color:var(--muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.card-meta{display:flex;align-items:center;gap:12px;margin-top:17px;border-top:1px solid #f4f0ec;padding-top:11px;font-size:9px;color:var(--muted)}.card-meta>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.card-meta .demo-label{margin-left:auto}.demo-label{font-size:8px!important;display:inline-flex;background:#f4ecdf;color:#79644f;padding:1px 5px;border-radius:3px;font-weight:400}.collection-footer{display:flex;align-items:center;justify-content:space-between;margin-top:23px;color:var(--muted);font-size:9px;gap:15px}.footer-divider{color:var(--muted);margin:0 8px}.pagination{display:flex;align-items:center;gap:5px;font-size:10px}.pagination select{background:transparent;padding:2px 3px;border:0;color:var(--muted);font-size:10px}.pagination .icon-button{width:26px;height:26px}.site-footer{border-top:1px solid #ebe5de;margin-top:33px;padding:20px 0 22px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.site-footer>span:nth-of-type(2){margin-left:8px;color:var(--muted);font-size:8px}.site-footer svg{color:var(--muted)}.footer-right{margin-left:auto;font-size:7px;letter-spacing:1.2px;color:var(--muted)}.empty-state{text-align:center;padding:75px 20px 85px;border:1px dashed #e6ded6;border-radius:14px;background:rgba(255,255,255,.314);color:var(--muted)}.empty-state>svg{margin:0 auto 15px;color:var(--muted)}.empty-state h3{font-size:18px;color:#726353;font-weight:500}.empty-state p{color:var(--muted);margin:11px 0 22px;font-size:12px}.skeleton-card{background:#fff;border-radius:13px;overflow:hidden;padding-bottom:20px}.skeleton-card>div{aspect-ratio:1.62;background:#ede8e2}.skeleton-card>span{display:block;height:12px;width:65%;background:#f1ece6;margin:18px 18px 0;border-radius:3px}.skeleton-card>span:last-child{height:8px;width:45%;margin-top:10px}.refreshing{opacity:.65}.mobile-brand,.mobile-nav{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(51,36,25,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.modal{position:relative;background:#fefdfb;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 30px 100px rgba(33,22,11,.208);width:760px;max-width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;-webkit-overflow-scrolling:touch;outline:none}.modal-heading{padding:27px 30px 24px;border-bottom:1px solid #eee8e2;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal-heading h2{font-weight:600;font-size:24px;margin-top:7px;letter-spacing:-.5px}.modal-heading p{font-size:12px;color:var(--muted);margin-top:7px}.modal-heading>.icon-button{color:var(--muted);background:#f3efea}.recipe-form{padding:24px 30px 0}.field{margin-bottom:22px}.field>label{display:block;font-weight:500;font-size:12px;color:#695b4c;margin-bottom:9px}.field>label>b{color:#a36548;margin-left:2px;font-weight:400}.field>label>span{font-weight:400;font-size:10px;color:var(--muted);margin-left:6px}.field>input,.field>textarea,.field>select{width:100%;font-size:13px}.field-help{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.form-grid>div:nth-child(1),.form-grid>div:nth-child(2){grid-column:span 1}.upload-grid{display:flex;flex-wrap:wrap;gap:10px}.upload-preview,.upload-button{height:104px;width:calc(25% - 8px);min-width:110px;border-radius:9px;overflow:hidden;position:relative;background:#fff4e7;border:1px dashed #d6b999;color:#a95a2c}.upload-preview{background:#e9e1d9}.upload-preview>img{width:100%;height:100%;object-fit:cover}.upload-preview>span,.set-cover{position:absolute;left:6px;bottom:6px;font-size:9px;border-radius:4px;padding:2px 6px;background:rgba(255,255,255,.91);color:#5f4f3d}.upload-preview>.icon-button{position:absolute;right:5px;top:5px;height:21px;width:21px;background:rgba(44,35,25,.533);color:#fff;border-radius:50%}.upload-button{border:1px dashed #d6b999;background:#fff4e7;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a95a2c;gap:4px}.upload-button>span{font-size:11px}.upload-button>small{font-size:7px;color:var(--muted)}.visually-hidden{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.ingredient-editor>div{display:flex;gap:9px;align-items:center;margin-bottom:9px}.ingredient-editor input{width:50%;font-size:12px}.ingredient-editor .icon-button,.step-editor .icon-button{width:27px;color:var(--muted)}.add-row{font-size:11px;color:#a65424;display:flex;align-items:center;gap:5px;padding:7px 0}.step-editor>div{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.step-editor>div>span{height:28px;width:26px;display:flex;align-items:center;justify-content:center;margin-top:7px;background:#f2ece5;color:var(--muted);font-size:10px;border-radius:6px;flex-shrink:0}.step-editor textarea{width:100%;font-size:12px}.form-error{background:#fff0e9;color:#ad5b43;border:1px solid #f1ddd1;padding:10px 13px;font-size:12px;border-radius:7px;margin:12px 0}.form-footer{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding:19px 0 22px;position:sticky;bottom:0;background:#fefdfb;border-top:1px solid #f1ebe5;z-index:3}.form-footer>span{font-size:10px;color:var(--muted);margin-right:auto}.leave-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(254,253,251,.91);z-index:5;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}.leave-confirm>div{position:sticky;top:45%;margin:auto}.leave-confirm h3{font-size:21px;font-weight:500}.leave-confirm p{font-size:12px;color:var(--muted);margin:12px 0 23px}.leave-confirm button+button{margin-left:10px}.detail-photo{height:305px;position:relative;background:#ebe5de}.detail-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.close-over-photo{position:absolute;top:17px;right:17px;background:rgba(255,255,255,.94);color:#796957;border-radius:50%;height:34px;width:34px}.carousel-controls{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:rgba(48,37,26,.7);color:#fff;border-radius:30px;padding:2px 5px;gap:8px;font-size:10px}.carousel-controls>.icon-button{height:28px;width:28px;border-radius:50%}.carousel-controls>.icon-button:hover{background:rgba(255,255,255,.19)}.detail-body{padding:26px 32px 30px}.detail-category{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.detail-category>span:first-child{padding:3px 8px;background:#f3ece4;border-radius:5px}.text-action{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-left:auto}.hearted{color:#b95c2d}.detail-body>h2{font-size:30px;font-weight:600;letter-spacing:-.5px;margin-top:12px}.detail-description{font-size:12px;line-height:1.9;color:var(--muted);margin-top:9px;white-space:pre-wrap}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0;gap:12px;border-bottom:1px solid #eee8e2}.detail-metrics>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid #f1ebe5;padding-right:10px}.detail-metrics>div:last-child{border-right:0}.detail-metrics svg{color:var(--muted);margin-bottom:3px}.detail-metrics strong{font-size:13px;font-weight:500;color:#7c6b59}.detail-metrics span{font-size:9px;color:var(--muted)}.cook-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 0;gap:10px}.cook-toolbar>p{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.cook-toolbar .button{font-size:10px;min-height:32px;padding:7px 10px}.recipe-section{margin-top:18px}.recipe-section>h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.recipe-section>h3>span{font-size:9px;color:var(--muted);font-weight:400}.recipe-section>.muted{margin-top:15px}.ingredients{margin-top:16px;background:#f6f2e9;border-radius:10px;padding:3px 17px}.ingredients>button{width:100%;display:flex;align-items:center;text-align:left;gap:11px;font-size:12px;padding:12px 0;border-bottom:1px solid #ede5dd;line-height:1.7}.ingredients>button:last-child{border-bottom:0}.ingredients em{font-style:normal;margin-left:auto;font-size:11px;color:var(--muted);white-space:pre-wrap;max-width:45%;text-align:right}.check-box{height:16px;width:16px;border-radius:4px;border:1px solid #dacbbc;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:#fff}.ingredients .checked{color:var(--muted);text-decoration:line-through}.ingredients .checked .check-box{background:var(--sage);border-color:var(--sage)}.steps{list-style:none;padding:0;margin:20px 0 0}.steps>li{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.steps>li>button{height:29px;width:29px;border-radius:50%;background:#f2ece6;flex-shrink:0;font-size:10px;color:var(--muted)}.steps>li>p{font-size:13px;line-height:1.9;padding-top:2px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.step-done>button{background:var(--sage)!important;color:#fff!important}.step-done>p{color:var(--muted)}.cooking-mode .steps>li>p{font-size:18px;line-height:2}.recipe-notes{padding:16px 18px;background:#f8efe0;border:1px solid #eee0cb;border-radius:10px;margin-top:28px}.recipe-notes>span{font-size:11px;color:#8b6232;display:flex;gap:7px;align-items:center}.recipe-notes>p{font-size:11px;white-space:pre-wrap;line-height:1.9;color:#7e6346;margin-top:8px;word-break:break-word}.source{font-size:10px;color:var(--muted);margin-top:20px;overflow-wrap:anywhere}.source a{color:var(--muted)}.detail-actions{display:flex;align-items:center;gap:10px;border-top:1px solid #eee8e2;margin-top:23px;padding-top:22px}.detail-actions>.danger-text{margin-left:auto;background:none;border:0}.delete-confirm{border:1px solid #ecd2c3;background:#fff5ed;padding:15px;border-radius:9px;margin-top:20px;color:#9d614b}.delete-confirm>p{font-size:12px}.delete-confirm>div{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.help-modal{max-width:490px}.help-modal .modal-heading{align-items:center;padding:24px}.help-body{padding:27px}.help-body>h2{font-size:23px;font-weight:500}.help-body>p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 27px}.help-feature{display:flex;align-items:flex-start;gap:12px;margin:23px 0}.help-feature>svg{color:var(--muted);margin-top:3px}.help-feature strong{font-size:12px;font-weight:500;color:var(--muted)}.help-feature p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:6px}.export-button{width:100%;margin-top:8px;background:#f8ead9;color:#8f4b24;border-color:#efdec6}.logout-button{width:100%;border:0;color:var(--muted);margin-top:17px;font-size:11px;background:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:rgba(101,61,40,.96);color:#fff8ef;display:flex;align-items:center;gap:9px;padding:12px 13px 12px 18px;border-radius:11px;box-shadow:0 8px 30px rgba(101,61,40,.125);font-size:12px;z-index:500;max-width:calc(100vw - 30px);width:max-content}.toast>svg{color:#d5e4be}.toast>.icon-button{height:23px;width:23px;color:#f1d3b4}.toast>.icon-button:hover{background:rgba(255,255,255,.082)}.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.boot-screen>p{color:var(--muted);font-size:12px}.login-page{width:88%;max-width:1250px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.login-top{display:flex;align-items:center;justify-content:space-between;padding-top:35px}.login-top>span{color:var(--muted);font-size:10px;letter-spacing:2px}.login-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center;margin:auto 0;padding:60px 0}.login-story h1{font-size:58px;font-weight:500;letter-spacing:-2px;line-height:1.25;margin-top:20px}.login-story h1 span{color:#c05c24}.login-story>p{font-size:13px;line-height:2;color:var(--muted);margin-top:22px}.login-photo{position:relative;width:100%;height:185px;border-radius:14px;overflow:hidden;margin-top:30px}.login-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 44%;filter:brightness(.85)}.login-photo>span{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:8px;font-size:12px;color:#fff}.login-card{background:rgba(255,255,255,.79);border:1px solid #fff;box-shadow:0 20px 70px rgba(105,78,49,.082);border-radius:22px;padding:42px 36px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.login-icon{height:51px;width:51px;border-radius:16px;background:#f9e5cf;display:flex;align-items:center;justify-content:center;color:#a95b29;margin-bottom:27px}.login-card h2{font-size:27px;font-weight:500;letter-spacing:-.5px}.login-card>p{color:var(--muted);font-size:11px;margin-top:10px;line-height:1.8}.login-persist-hint{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.7}.login-card form{margin-top:30px}.login-card label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.password-input{display:flex;align-items:center;border:1px solid #e8dfd6;background:#fff;border-radius:9px;overflow:hidden}.password-input input{width:100%;min-width:0;border:0;box-shadow:none;font-size:14px;min-height:45px}.password-input .icon-button{color:var(--muted);margin-right:5px}.login-submit{width:100%;margin-top:20px;min-height:46px;justify-content:space-between;font-size:12px}.login-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;font-size:9px;color:var(--muted)}.login-footer{text-align:center;font-size:9px;color:var(--muted);padding:20px 0 25px;letter-spacing:1px}@supports not (aspect-ratio: 1.62){.card-photo,.skeleton-card>div{height:0;padding-top:61.73%}}@media (min-width: 1600px){.sidebar{width:230px;padding-left:21px;padding-right:21px}.main{padding-right:22px}.app-shell{gap:32px}.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bento{grid-template-columns:1.85fr 1fr 1fr}.feature-tile,.memory-tile,.random-tile{height:278px;background:linear-gradient(125deg,#f8dfc1,#f6ead8 75%)}.feature-copy h2{font-size:30px}.feature-copy p{font-size:12px}.feature-copy{bottom:27px}.memory-tile{padding:27px 30px}.memory-number{font-size:76px;margin-top:28px}.memory-footer{margin-top:25px;padding-top:18px}.random-tile{padding:27px 30px;background:linear-gradient(125deg,#f8dfc1,#f6ead8 75%)}.random-tile h2{font-size:24px;color:#633b22}.random-tile>p{font-size:12px;color:#7c6049}.random-tile>.eyebrow{margin-top:21px;color:#805b3d}.random-link{margin-top:22px;color:#90451f}.tile-label{font-size:13px}.card-title h3{font-size:16px}.card-content>p{font-size:11px}.card-meta,.photo-category{font-size:10px}.welcome{padding-top:38px;padding-bottom:32px}.collection-heading h2{font-size:21px}}@media (max-width: 1190px){.app-shell{gap:20px}.sidebar{width:185px;padding-left:13px;padding-right:13px}.brand strong{font-size:17px}.brand-mark{height:36px;width:36px;border-radius:11px;background:var(--accent);color:var(--accent-ink)}.brand-caption{font-size:6px;letter-spacing:1.2px}.bento{grid-template-columns:1.8fr 1fr}.feature-tile,.memory-tile{height:230px}.random-tile{display:none;background:linear-gradient(125deg,#f8dfc1,#f6ead8 75%)}.memory-tile{padding:23px}.memory-number{margin-top:20px}.welcome h1{font-size:26px}.recipe-grid{gap:17px 15px}.card-content{padding:13px 13px 12px}.card-title h3{font-size:12px}.card-meta{font-size:8px;gap:8px}.photo-category{left:10px;top:10px}.favorite-button{top:9px;right:9px;width:27px;height:27px}.search-box{width:210px}.collection-hint{display:none}.category-pills{gap:4px}.category-pills>button{padding-left:10px;padding-right:10px}.main{padding-right:6px}.family-label{font-size:7px}.profile{gap:7px}.profile strong{font-size:9px}.sidebar-section-label{margin-top:33px}.categories-label{margin-top:25px}.sidebar-note{padding:13px;background:linear-gradient(120deg,#eef0e6,#f5f3e8);border:1px solid #e8e9da}.sidebar-note p{font-size:10px}.feature-copy h2{font-size:22px}.feature-copy p{font-size:9px}.collection-heading>div>p{font-size:9px}.collection-tools{gap:7px}.sort-select{padding-left:7px;padding-right:7px}.sort-select select{font-size:9px}}@media (max-width: 960px){.sidebar{width:165px;padding-left:10px;padding-right:10px}.app-shell{gap:16px}.brand{gap:7px}.brand strong{font-size:15px}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--accent);color:var(--accent-ink)}.brand-mark svg{width:21px}.brand-caption{font-size:5px;letter-spacing:1.1px}.main-nav>button,.category-nav>button{font-size:10px;gap:8px}.category-nav>button{padding:10px}.sidebar-section-label{font-size:9px}.categories-label>span{font-size:6px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.welcome h1{font-size:23px}.welcome p{font-size:10px}.welcome .eyebrow{font-size:7px}.bento{grid-template-columns:1.5fr 1fr}.memory-tile{padding:22px 18px}.memory-number{font-size:58px}.memory-footer>span:last-child{display:none}.feature-copy{left:18px;right:18px}.feature-copy h2{font-size:20px}.feature-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-copy p>svg{display:none}.collection-heading{align-items:flex-start;flex-direction:column;gap:17px}.collection-tools{width:100%}.search-box{flex:1;width:auto}.card-title h3{font-size:14px}.card-content>p{font-size:10px}.card-meta{font-size:9px}.memory-tile>p{font-size:9px}.new-recipe{font-size:10px;padding:10px 13px;gap:5px}.profile>div>span{font-size:7px}.profile .avatar{height:28px;width:28px;font-size:11px}.profile svg{width:14px}.welcome,.topbar-right{gap:10px}.family-label{font-size:6px;letter-spacing:.7px}.login-layout{gap:7%}.login-card{padding:32px 25px}.login-story h1{font-size:46px}.login-photo{height:170px}}@media (max-width: 760px){.app-shell{width:98%;display:block;margin-top:0}.sidebar{display:none}.main{padding:0 10px}.topbar{height:77px;border-bottom:0}.breadcrumb,.family-label{display:none}.mobile-brand{display:block}.mobile-brand .brand-mark{height:37px;width:37px;border-radius:12px}.mobile-brand .brand strong{font-size:19px}.mobile-brand .brand-caption{font-size:6px;letter-spacing:1.5px}.mobile-brand .brand{gap:9px}.topbar-right>.icon-button{height:33px;width:33px}.mobile-nav{display:flex;align-items:center;border-bottom:1px solid #eae3db;gap:24px;margin-top:0}.mobile-nav>button{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);padding:11px 1px 13px;position:relative;white-space:nowrap}.mobile-nav>button.active{color:#9b4b20;font-weight:500}.mobile-nav>button.active:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:0;left:1px;right:1px;border-radius:3px}.mobile-nav>button>span{font-size:9px;margin-left:3px;background:#f8e5d0;padding:0 5px;border-radius:4px;color:#8c4b25}.welcome{padding:26px 0 23px;align-items:center;gap:12px}.welcome .eyebrow{font-size:6px;letter-spacing:1.1px}.welcome h1{font-size:26px;margin-top:11px;letter-spacing:-1px;white-space:nowrap}.welcome p{font-size:10px;margin-top:8px}.new-recipe{font-size:10px;min-height:36px;padding:8px 12px;margin-top:15px}.new-recipe svg{width:15px;height:15px}.bento{gap:12px;grid-template-columns:1.8fr 1fr;margin-bottom:30px}.feature-tile,.memory-tile{height:215px;border-radius:12px}.feature-copy{left:17px;bottom:18px}.feature-copy h2{font-size:22px;margin:6px 0}.feature-copy>span{font-size:6px;letter-spacing:1.4px}.feature-copy p{font-size:9px;line-height:1.6}.feature-top{left:14px;right:13px;top:13px}.feature-top>span:first-child{font-size:8px;padding:4px 7px;gap:4px}.feature-top>span:first-child svg{width:12px}.round-arrow{width:23px;height:23px}.round-arrow>svg{width:15px}.memory-tile{padding:22px 19px}.tile-label{font-size:10px;gap:5px}.tile-label>svg{width:16px}.memory-number{font-size:54px;margin-top:23px;letter-spacing:-2px}.memory-number>span{font-size:8px;margin-left:7px}.memory-tile>p{font-size:8px;margin-top:9px}.memory-footer{padding-top:13px;margin-top:17px}.memory-footer>span:first-child{font-size:8px}.collection-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:17px}.collection-heading h2{font-size:19px}.collection-heading>div>p{font-size:9px}.collection-tools{width:auto;flex:1;justify-content:flex-end}.search-box{width:215px;max-width:320px;flex:1}.search-box input{font-size:12px}.sort-select{height:37px}.sort-select select{font-size:10px}.category-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:17px 0 20px;gap:5px;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pills>button{font-size:10px;padding:6px 11px;flex-shrink:0}.recipe-grid{gap:20px 15px}.card-content{padding:15px 14px 13px}.card-title h3{font-size:15px}.card-meta{font-size:9px;gap:10px;margin-top:15px}.card-content>p{font-size:10px}.photo-category{font-size:9px}.favorite-button svg{width:15px}.favorite-button{width:29px;height:29px;top:10px;right:10px}.site-footer{margin-top:28px;padding-bottom:25px}.collection-footer{font-size:9px}.modal-backdrop{padding:13px;background:rgba(51,36,25,.4)}.modal{max-height:calc(100vh - 26px);max-height:calc(100dvh - 26px);border-radius:17px}.detail-photo{height:260px}.detail-body{padding:24px}.recipe-form{padding:22px 24px 0}.modal-heading{padding:24px}.login-page{width:90%}.login-layout{padding:45px 0;grid-template-columns:1fr 1fr;gap:5%}.login-story h1{font-size:39px}.login-story>p{font-size:11px}.login-photo{height:155px}.login-card{padding:30px 22px}.login-card h2{font-size:24px}.login-icon{height:43px;width:43px;margin-bottom:22px;background:#f9e5cf;color:#a95b29}.login-card>p{font-size:10px}.login-top{padding-top:25px}.login-top>span{font-size:9px;letter-spacing:1px}.login-top .brand strong{font-size:18px}.login-top .brand-mark{height:37px;width:37px}.login-top .brand-caption{font-size:6px}.search-box input{min-height:35px}}@media (max-width: 540px){input,textarea,select,.search-box input,.sort-select select,.field>input,.field>textarea,.field>select,.ingredient-editor input,.step-editor textarea,.password-input input{font-size:16px}.search-box{height:42px}.search-box input{font-size:13px!important;min-height:40px}.search-box input:focus{font-size:16px!important}.sort-select{height:42px;flex-shrink:0}.sort-select select{font-size:12px!important;max-width:86px;min-height:40px}.sort-select select:focus{font-size:16px!important}.main{padding:0 10px}.topbar{height:74px}.welcome{position:relative;padding-top:24px;padding-bottom:23px;display:block}.welcome h1{font-size:25px;letter-spacing:-1.2px;white-space:normal;line-height:1.55;margin-top:9px;max-width:calc(100% - 15px)}.welcome .eyebrow{font-size:6px;letter-spacing:1.05px}.welcome p{font-size:10px;max-width:75%;line-height:1.9}.new-recipe{position:absolute;right:0;bottom:21px;font-size:10px;padding:7px 10px;min-height:33px;margin:0}.new-recipe svg{width:13px}.bento{grid-template-columns:1.75fr 1fr;gap:10px;margin-bottom:29px}.feature-tile,.memory-tile{height:191px;border-radius:11px}.feature-copy{left:13px;right:13px;bottom:14px}.feature-copy>span{font-size:5px;letter-spacing:1px}.feature-copy h2{font-size:19px;letter-spacing:0;margin:5px 0 7px;line-height:1.5}.feature-copy p{font-size:8px;line-height:1.6}.feature-top{left:11px;top:11px;right:10px}.feature-top>span:first-child{font-size:7px}.round-arrow{width:21px;height:21px}.round-arrow>svg{width:13px}.memory-tile{padding:17px 13px}.tile-label{font-size:8px;gap:3px;white-space:nowrap}.tile-label svg{width:13px}.memory-number{font-size:46px;letter-spacing:-2px;margin-top:25px}.memory-number>span{font-size:7px;margin-left:5px}.memory-tile>p{font-size:7px;line-height:1.8;margin-top:9px}.memory-footer{margin-top:13px;padding-top:10px}.memory-footer>span:first-child{font-size:7px;gap:4px}.memory-footer svg{width:10px}.collection-heading{display:block}.collection-heading h2{font-size:19px}.collection-heading>div>p{font-size:9px;margin-top:5px}.collection-tools{width:100%;gap:9px;margin-top:17px}.search-box{width:auto;max-width:none;padding:0 10px;gap:6px}.search-box>svg{width:15px}.sort-select{padding-left:9px;padding-right:7px;gap:5px}.sort-select>svg{width:13px}.category-pills{padding:15px 0 18px;gap:2px}.category-pills>button{font-size:10px;padding-left:10px;padding-right:10px}.category-pills>button svg{width:12px}.recipe-grid{gap:16px 11px}.recipe-card{border-radius:10px}.card-content{padding:12px 10px 10px}.card-title h3{font-size:12px;letter-spacing:-.2px}.card-title>svg{width:12px;height:12px}.card-title{gap:3px}.card-content>p{font-size:9px;margin-top:5px;line-height:1.7}.card-meta{font-size:8px;gap:7px;margin-top:12px;padding-top:9px}.card-meta>span{gap:3px}.card-meta svg{width:11px;height:11px}.card-meta>span:nth-child(2){display:none}.demo-label{font-size:7px!important;padding:1px 4px;background:#f4ecdf;color:#79644f}.photo-category{top:8px;left:8px;font-size:7px;padding:3px 6px;border-radius:4px}.favorite-button{right:7px;top:7px;height:25px;width:25px}.favorite-button svg{width:13px;height:13px}.photo-count{font-size:6px;right:8px;bottom:7px;padding:2px 5px}.collection-footer{margin-top:19px;font-size:8px;align-items:flex-start}.collection-footer>.pagination{font-size:8px}.pagination select{font-size:11px;padding:0 1px;min-height:24px}.collection-footer>span{padding-top:4px}.footer-divider{margin:0 5px}.site-footer{font-size:8px;gap:5px;padding:19px 0 22px;margin-top:25px}.site-footer>span:nth-of-type(2){font-size:7px;margin-left:3px}.footer-right{font-size:5px;letter-spacing:.6px}.site-footer>svg{height:13px;width:13px}.modal-backdrop{padding:0;align-items:flex-end;background:rgba(51,36,25,.4)}.modal{border-radius:18px 18px 0 0;border-bottom:0;max-height:94vh;max-height:94dvh;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-heading{padding:23px 20px}.modal-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.modal-heading h2{font-size:23px}.modal-heading p{font-size:11px}.modal-heading>.icon-button{height:31px;width:31px}.recipe-form{padding:21px 19px 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.field>label{font-size:11px}.field>label>span{font-size:9px}.upload-preview,.upload-button{width:calc(33.333% - 7px);min-width:0;height:93px;background:#fff4e7;border:1px dashed #d6b999;color:#a95a2c}.upload-button>span{font-size:10px}.upload-button>small{font-size:6px}.field-help{font-size:9px}.ingredient-editor>div{gap:6px}.ingredient-editor input{padding:10px 9px}.ingredient-editor .icon-button,.step-editor .icon-button{width:20px}.ingredient-editor input:first-child{width:52%}.ingredient-editor input:nth-child(2){width:42%}.step-editor>div{gap:7px}.step-editor>div>span{width:23px;font-size:9px}.step-editor textarea{padding:10px}.form-footer{gap:7px;padding:15px 0 18px}.form-footer>span{font-size:8px;max-width:95px;line-height:1.7}.form-footer>.button{font-size:11px;padding:9px 12px}.detail-photo{height:230px}.detail-body{padding:21px 20px 26px}.detail-body>h2{font-size:25px;margin-top:13px}.detail-description{font-size:11px}.detail-metrics{gap:8px;padding:21px 0}.detail-metrics strong{font-size:11px}.detail-metrics span{font-size:8px}.detail-metrics svg{width:16px;height:16px}.detail-metrics>div{padding-right:5px}.cook-toolbar{gap:6px;flex-wrap:wrap}.cook-toolbar>p{font-size:9px}.cook-toolbar>p>svg{width:14px}.cook-toolbar .button{font-size:9px;padding:6px 8px}.recipe-section>h3{font-size:16px}.ingredients{padding:2px 14px;background:#f6f2e9}.ingredients>button{font-size:12px;padding:12px 0;gap:9px}.ingredients em{font-size:10px}.steps>li>p{font-size:13px}.steps>li{gap:12px}.steps>li>button{height:26px;width:26px;font-size:9px;margin-top:2px}.recipe-notes{padding:14px;background:#f8efe0;border:1px solid #eee0cb}.recipe-notes p{font-size:10px}.detail-actions{gap:8px}.detail-actions .button{font-size:11px;padding:9px 11px}.help-modal .modal-heading{padding:22px}.help-body{padding:25px 22px}.help-body>h2{font-size:22px}.toast{font-size:11px;bottom:24px;line-height:1.7;padding:10px 12px;gap:8px;background:rgba(101,61,40,.96);color:#fff8ef;box-shadow:0 8px 30px rgba(101,61,40,.125)}.toast>svg{width:16px;color:#d5e4be}.login-page{width:88%}.login-top{padding-top:25px}.login-top .brand strong{font-size:19px}.login-top>span{display:none}.login-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:39px 0 30px}.login-story h1{font-size:42px;margin-top:15px;line-height:1.3}.login-story .eyebrow{font-size:7px}.login-story>p{font-size:11px;margin-top:15px}.login-photo{display:none}.login-card{padding:27px 25px 26px;border-radius:17px}.login-icon{height:35px;width:35px;border-radius:11px;margin-bottom:17px;background:#f9e5cf;color:#a95b29}.login-icon svg{height:21px;width:21px}.login-card h2{font-size:24px}.login-card>p{font-size:10px}.login-card form{margin-top:23px}.login-card label{font-size:10px}.password-input input{font-size:16px;min-height:44px}.login-submit{font-size:12px;min-height:43px;margin-top:17px}.login-note{font-size:8px;margin-top:19px}.login-footer{font-size:8px;padding-bottom:22px}.empty-state{padding:60px 15px}.empty-state h3{font-size:17px}.empty-state p{font-size:10px}.leave-confirm{position:fixed}.pagination{flex-wrap:wrap;justify-content:flex-end;max-width:145px}.pagination>label{white-space:nowrap}}@media (max-width: 360px){.main{padding:0 8px}.welcome h1{font-size:22px}.welcome p{font-size:9px;max-width:68%}.new-recipe{font-size:9px;padding:6px 9px;bottom:22px}.bento{grid-template-columns:1.6fr 1fr;gap:8px}.feature-tile,.memory-tile{height:178px}.feature-copy h2{font-size:17px}.feature-copy p{font-size:7px}.memory-tile{padding:16px 10px}.memory-number{font-size:40px;margin-top:25px}.memory-number>span{font-size:6px}.tile-label{font-size:7px}.memory-tile>p{font-size:6px}.memory-footer>span:first-child{font-size:7px}.recipe-grid{gap:13px 9px}.card-title h3{font-size:11px}.card-title>svg{display:none}.card-content{padding:10px 9px}.card-meta{font-size:7px}.category-pills>button{padding-left:8px;padding-right:8px;font-size:9px}.sort-select select{max-width:82px;font-size:11px!important}.mobile-nav{gap:20px}.mobile-nav>button{font-size:10px}.search-box input{font-size:12px!important}.footer-right{display:none}.form-footer>.button{padding-left:9px;padding-right:9px}.form-footer>span{max-width:72px}.detail-metrics strong{font-size:10px}.detail-metrics{gap:5px}.detail-body{padding-left:17px;padding-right:17px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body{background:radial-gradient(ellipse at 83% 2%,rgba(249,220,188,.5),transparent 48%),radial-gradient(ellipse at 6% 80%,rgba(241,228,206,.32),transparent 50%),#fbf8f3}.app-shell>.sidebar,.app-shell>.main,.toast,.close-over-photo,.carousel-controls,.detail-actions,.cook-toolbar,.text-action{display:none!important}.modal-backdrop{position:static;display:block;background:rgba(51,36,25,.4);padding:0;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}.modal{max-height:none;width:100%;overflow:visible;border:0;box-shadow:none;border-radius:0}.detail-photo{height:200px}.detail-body{padding:20px}.steps>li{break-inside:avoid}.recipe-notes{break-inside:avoid;background:#f8efe0;border:1px solid #eee0cb}.ingredients>button{break-inside:avoid}.detail-body>h2{font-size:26px}.detail-metrics{padding:15px 0}}.mobile-random-icon{display:none}.leave-confirm{position:fixed;top:0;right:0;bottom:0;left:0}.no-flex-gap .app-shell>.main{margin-left:26px}.no-flex-gap .brand>div{margin-left:9px}.no-flex-gap .main-nav>button+button{margin-top:6px}.no-flex-gap .main-nav>button>svg,.no-flex-gap .category-nav>button>svg{margin-right:11px}.no-flex-gap .button>svg:first-child{margin-right:7px}.no-flex-gap .button>svg:last-child:not(:first-child){margin-left:7px}.no-flex-gap .topbar-right>button+button{margin-left:12px}.no-flex-gap .collection-tools>label+label{margin-left:11px}.no-flex-gap .search-box>svg{margin-right:9px}.no-flex-gap .category-pills>button+button{margin-left:7px}.no-flex-gap .category-pills>button>svg{margin-right:5px}.no-flex-gap .card-meta>span+span{margin-left:12px}.no-flex-gap .card-meta>span>svg{margin-right:4px}.no-flex-gap .card-meta .demo-label{margin-left:auto}.no-flex-gap .detail-actions>button+button{margin-left:10px}.no-flex-gap .detail-actions>.danger-text{margin-left:auto}.no-flex-gap .ingredients>button>.check-box{margin-right:11px}.no-flex-gap .steps>li>button{margin-right:16px}.no-flex-gap .step-editor>div>span{margin-right:10px}.no-flex-gap .ingredient-editor input+input{margin-left:9px}.no-flex-gap .ingredient-editor .icon-button,.no-flex-gap .step-editor .icon-button{margin-left:9px}.no-flex-gap .form-footer>button+button{margin-left:10px}.no-flex-gap .upload-grid{margin:-5px}.no-flex-gap .upload-grid>*{margin:5px}.no-flex-gap .help-feature>svg{margin-right:12px}.no-flex-gap .detail-metrics>div+div{margin-left:12px}.no-flex-gap .toast>svg{margin-right:9px}.favorite-button:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.recipe-section>h3{margin-bottom:2px}@media (max-width: 1190px){.mobile-random-icon{display:inline-flex!important}.topbar-right>.mobile-random-icon{border-radius:8px;background:#f8e5d0}.no-flex-gap .app-shell>.main{margin-left:20px}}@media (max-width: 960px){.no-flex-gap .app-shell>.main{margin-left:16px}}@media (max-width: 760px){.no-flex-gap .app-shell>.main{margin-left:0}.no-flex-gap .mobile-nav>button+button{margin-left:24px}.no-flex-gap .collection-tools>label+label{margin-left:9px}}@media (max-width: 540px){.card-title h3{font-size:14px}.card-content>p{font-size:11px}.card-meta{font-size:10px}.photo-category{font-size:9px}.demo-label{font-size:8px!important;background:#f4ecdf;color:#79644f}.card-content{padding:13px 10px 11px}.collection-heading>div>p,.welcome p{font-size:11px}.no-flex-gap .category-pills>button+button{margin-left:2px}.no-flex-gap .card-meta>span+span{margin-left:6px}.no-flex-gap .card-meta .demo-label{margin-left:auto}}@media (max-width: 360px){.card-title h3{font-size:13px}.card-content>p{font-size:10px}.card-meta{font-size:9px}.welcome p{font-size:10px}.no-flex-gap .mobile-nav>button+button{margin-left:20px}}.editor-modal{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}.editor-modal .modal-heading>div:first-child{flex:1;min-width:0}.editor-modal .recipe-form,.editor-modal .field,.editor-modal .form-grid,.editor-modal .ingredient-editor,.editor-modal .ingredient-editor>div,.editor-modal .step-editor,.editor-modal .step-editor>div,.editor-modal .form-footer{min-width:0;max-width:100%}.editor-modal .recipe-form input[type=file].visually-hidden{position:absolute!important;top:0;left:0;width:1px;max-width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}.editor-modal .field>input,.editor-modal .field>textarea,.editor-modal .field>select{min-width:0;max-width:100%}.editor-modal .ingredient-editor input,.editor-modal .step-editor textarea{flex:1 1 0%;width:0;min-width:0}.editor-modal .ingredient-editor input:first-child{flex-grow:1.2}.editor-modal .ingredient-editor .icon-button,.editor-modal .step-editor .icon-button{flex:0 0 28px;width:28px}.editor-modal .field-help,.editor-modal .form-error,.editor-modal .modal-heading p,.editor-modal .form-footer>span{overflow-wrap:break-word;word-wrap:break-word}.editor-modal .form-footer{flex-wrap:wrap}.editor-modal .form-footer>span{flex:1 1 72px;min-width:0}.editor-modal .form-footer>.button{flex-shrink:0;max-width:100%}