@font-face{font-family:Fredoka;src:url(/assets/Fredoka_500Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/Fredoka_600SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Instrument;src:url(/assets/InstrumentSans_400Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url(/assets/InstrumentSans_500Medium.ttf)format("truetype");font-weight:500 700;font-display:swap}@font-face{font-family:Handlee;src:url(/assets/Handlee_400Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#0c0e1c;--color-surface:#1d2130;--color-deep:#050711;--color-raised:#141727;--color-ink:#e3e7f7;--color-muted:#9497a7;--color-accent:#859ff6;--color-accent-soft:#2d3655;--color-accent-ink:#0c1228;--color-rule:#333747;--color-danger:#ff958d;--color-success:#7bcc98;--color-backdrop:#020207c2;--color-clear:transparent;--font-display:Fredoka,sans-serif;--font-body:Instrument,sans-serif;--font-hand:Handlee,cursive;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-round:999px;--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.16s;--rule:1px solid var(--color-rule)}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(4.26185% 1.5379 -8.7007);--color-surface:lab(12.7435% 2.03524 -10.9132);--color-deep:lab(1.89268% .82957 -4.53214);--color-raised:lab(8.06595% 2.48305 -11.5592);--color-ink:lab(91.7309% .878125 -8.24884);--color-muted:lab(62.72% .983864 -8.58924);--color-accent:lab(66.3886% 7.75388 -46.8918);--color-accent-soft:lab(22.9826% 2.94387 -19.906);--color-accent-ink:lab(5.82721% 2.96255 -15.6994);--color-rule:lab(23.2206% 1.58824 -10.2874);--color-danger:lab(73.228% 40.5134 22.6485);--color-success:lab(75.9299% -34.6561 17.8163);--color-backdrop:lab(.619022% .376515 -1.89362/.76)}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#f2f5fd;--color-surface:#e3e7f8;--color-deep:#d9ddef;--color-raised:#fbfcff;--color-ink:#1a1e30;--color-muted:#595d6d;--color-accent:#465ec4;--color-accent-soft:#c6d3f9;--color-accent-ink:#f6f8fe;--color-rule:#c2c6da;--color-danger:#a50d1c;--color-success:#006133;--color-backdrop:#0f111a8c}@supports (color:lab(0% 0 0)){[data-theme=light]{--color-paper:lab(96.441% .441074 -4.52073);--color-surface:lab(91.7237% .924945 -8.62005);--color-deep:lab(88.2287% 1.02684 -9.3582);--color-raised:lab(98.8143% .137806 -1.51248);--color-ink:lab(11.5109% 2.76742 -13.0103);--color-muted:lab(39.4814% 1.32741 -10.0019);--color-accent:lab(42.4731% 16.389 -56.879);--color-accent-soft:lab(84.5672% 1.24058 -20.4115);--color-accent-ink:lab(97.6365% .0496507 -3.03299);--color-rule:lab(80.0853% 1.19704 -10.4568);--color-danger:lab(35.5137% 57.1492 37.4216);--color-success:lab(35.4143% -38.8894 20.1488);--color-backdrop:lab(5.1422% .985391 -6.5502/.55)}}
.rail .nav-item,.mobile-dock .nav-item{text-align:left;width:100%}.login-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);max-width:none;min-height:100dvh;margin:0;padding:0;display:grid}.login-story{border-right:var(--rule);flex-direction:column;justify-content:space-between;gap:48px;padding:64px;display:flex}.login-story h1{margin-bottom:24px;font-size:clamp(40px,4vw,64px);line-height:1.08}.login-story>div>p:not(.handnote){max-width:36ch;color:var(--color-muted);font-size:18px;line-height:1.7}.login-story>.muted{font-size:12px}.login-story .food-art{max-width:460px;margin:0 0 32px}.login-panel{place-self:center;width:min(400px,100%);padding:32px}.login-panel h2{margin-bottom:12px;font-size:34px}.login-panel>p{line-height:1.6}.login-form{flex-direction:column;gap:20px;margin:32px 0 16px;display:flex}.login-form>.primary{margin-top:8px}.fineprint{margin-top:32px;font-size:12px;line-height:1.8}.file-button{cursor:pointer;font-size:14px;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline:3px solid var(--color-accent);outline-offset:3px}.collection-fieldset{border:0;padding:0}.collection-fieldset legend{padding:0}.pagination{color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;padding:32px 0;font-size:13px;display:flex}.pagination>div{gap:12px;display:flex}.pagination button{font-size:14px}.no-photo{place-items:center;display:grid}.no-photo svg{width:40px;height:40px;color:var(--color-accent)}.account-note{color:var(--color-muted);overflow-wrap:anywhere;margin-top:32px;font-size:13px;line-height:1.7}.success-message{color:var(--color-success);margin-top:16px;font-size:14px;line-height:1.7}.calendar-status{color:var(--color-muted);padding:16px;font-size:13px}@media (max-width:767px){.login-layout{flex-direction:column;display:flex}.login-story{border:0;gap:40px;padding:24px}.login-story h1{font-size:40px}.login-story .food-art{max-width:300px;height:100px;margin-top:16px}.login-story .food-art img{max-height:100px}.login-story>div>p:not(.handnote){font-size:16px}.login-story>.muted,.login-story .handnote{display:none}.login-panel{place-self:center;width:100%;max-width:460px;padding:24px}.login-panel h2{font-size:28px}.login-form{margin-top:24px}.pagination{flex-direction:column;align-items:start}.pagination>div{justify-content:space-between;width:100%}.rail .nav-item,.mobile-dock .nav-item{width:auto}}*{box-sizing:border-box}html,body{background:var(--color-paper);min-height:100%;color:var(--color-ink);margin:0;overflow-x:clip}body,input,textarea,select,button{font-family:var(--font-body);font-size:16px}button,a,input,select,textarea{-webkit-tap-highlight-color:var(--color-clear)}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:var(--color-clear);white-space:nowrap;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex:none;width:24px;height:24px;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:500}h1{letter-spacing:-.5px;font-size:38px}h2{font-size:28px}h3{font-size:23px}small{font-size:13px}.dot{color:var(--color-accent)}.muted{color:var(--color-muted)}.skip{z-index:50;padding:var(--space-lg);background:var(--color-accent);color:var(--color-accent-ink);position:fixed;top:-100px}.skip:focus{top:var(--space-sm)}.rail{border-right:var(--rule);width:268px;padding:var(--space-2xl) var(--space-xl);gap:var(--space-3xl);z-index:5;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{gap:var(--space-md);font-family:var(--font-display);white-space:nowrap;align-items:center;font-size:27px;display:flex}.brand small{font-family:var(--font-body);color:var(--color-muted);margin-top:var(--space-xs);font-size:11px;display:block}.rail nav{gap:var(--space-sm);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);color:var(--color-muted);white-space:nowrap;font-size:17px;display:flex}.nav-item.active{background:var(--color-accent-soft);color:var(--color-accent)}.nav-item:hover{background:var(--color-surface)}.nav-item.active svg{fill:var(--color-accent-soft)}.primary,.secondary,.danger,.chip{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-xl);min-height:46px;font-weight:500;display:inline-flex}.primary{background:var(--color-accent);color:var(--color-accent-ink)}.secondary{background:var(--color-surface);color:var(--color-ink)}.danger{background:var(--color-surface);color:var(--color-danger)}.rail-add{width:100%;margin-top:auto}.rail-foot{gap:var(--space-md);color:var(--color-muted);font-size:12px;line-height:1.6;display:flex}.rail-foot small{font-size:11px;display:block}.rail-foot svg{width:16px}.workspace{flex-direction:column;min-height:100vh;margin-left:268px;display:flex}.topbar{height:100px;padding:var(--space-xl) var(--space-3xl);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.desktop-tagline{color:var(--color-muted);font-size:14px}.top-actions{gap:var(--space-md);display:flex}.icon-button{border-radius:var(--radius-round);background:var(--color-surface);place-items:center;width:44px;height:44px;display:grid}.icon-button svg{width:22px;height:22px}.mobile-brand,.mobile-dock{display:none}main{padding:var(--space-lg) var(--space-3xl) var(--space-3xl);flex:1;width:100%;max-width:1430px;margin:auto}main:focus{outline:0}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.page-heading p{color:var(--color-muted);margin-top:var(--space-sm);max-width:65ch;font-size:16px;line-height:1.6}.page-heading .primary{flex:none}.count{font-family:var(--font-body);color:var(--color-muted);margin-left:var(--space-md);font-size:16px}.view-tabs{gap:var(--space-xs);padding:var(--space-xs);background:var(--color-deep);border-radius:var(--radius-md);max-width:680px;display:flex}.view-tab{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);color:var(--color-muted);flex:1;min-height:48px;font-size:14px;display:flex}.view-tab.active{background:var(--color-surface);color:var(--color-accent)}.view-tab svg{width:20px;height:20px}.filters{align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.chip{padding:var(--space-sm) var(--space-lg);background:var(--color-deep);color:var(--color-muted);border-radius:var(--radius-round);min-height:40px;font-size:14px}.chip.active{color:var(--color-accent-ink);background:var(--color-accent)}.chip svg{width:17px;height:17px}.search-box{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);background:var(--color-surface);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);display:flex}.search-box input{background:var(--color-clear);padding:var(--space-xs);min-width:0;color:var(--color-ink);border:0;flex:1}.search-box input:focus{outline:none}.search-box:focus-within{outline:2px solid var(--color-accent)}.text-button{align-items:center;gap:var(--space-sm);color:var(--color-accent);padding:var(--space-sm) 0;font-size:14px;display:inline-flex}.text-button svg{width:17px;height:17px}.empty{text-align:center;min-height:490px;padding:var(--space-3xl) var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.food-art{width:min(460px,100%);height:185px;padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);justify-content:center;align-items:end;display:flex;position:relative}.food-art img{object-fit:contain;width:24%;max-height:140px;filter:drop-shadow(0 4px 0 var(--color-ink));margin:0 -3%}.food-art img:first-child{transform:rotate(-15deg)translateY(-6px)}.food-art img:nth-child(2){transform:rotate(10deg)translateY(4px)}.food-art img:nth-child(3){z-index:2;transform:rotate(-8deg)translateY(-24px)}.food-art img:nth-child(4){transform:rotate(-10deg)}.food-art img:nth-child(5){transform:rotate(16deg)translateY(-4px)}.sparkle{color:var(--color-accent);opacity:.5;font-size:22px;position:absolute;top:4px;left:12%}.sparkle:last-child{font-size:32px;top:-16px;left:auto;right:8%}.empty h2{margin-bottom:var(--space-md);font-size:32px}.empty p{color:var(--color-muted);max-width:49ch;line-height:1.65}.empty-actions{gap:var(--space-lg);margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.handnote{font-family:var(--font-hand);color:var(--color-accent);margin-top:var(--space-xl);font-size:22px;transform:rotate(-3deg)}.empty-icon{border-radius:var(--radius-md);background:var(--color-surface);width:64px;height:64px;color:var(--color-accent);margin-bottom:var(--space-xl);place-items:center;display:grid}.empty-icon svg{width:30px;height:30px}.desktop-footer{border-top:var(--rule);margin:0 var(--space-3xl);padding:var(--space-lg) 0;color:var(--color-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.diary-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.save-card{text-align:left;border-radius:var(--radius-md);background:var(--color-surface);white-space:normal;min-width:0;padding:0;position:relative;overflow:hidden}.save-card .photo{object-fit:cover;background:var(--color-raised);width:100%;height:220px}.save-card .photo.cutout{object-fit:contain;padding:var(--space-xl)}.save-info{padding:var(--space-lg)}.save-info h3{margin:var(--space-sm) 0;font-size:21px}.save-info p{color:var(--color-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.save-meta{gap:var(--space-sm);color:var(--color-muted);align-items:center;font-size:11px;display:flex}.save-meta .example{color:var(--color-accent);margin-left:auto}.favorite{right:var(--space-md);top:var(--space-md);background:var(--color-surface);padding:var(--space-sm);border-radius:var(--radius-round);color:var(--color-accent);position:absolute}.favorite svg{width:16px;height:16px}.tag-row{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.tag-pill{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-round);background:var(--color-accent-soft);color:var(--color-accent);font-size:11px}.list{gap:var(--space-md);margin-top:var(--space-2xl);flex-direction:column;display:flex}.list .save-card{border-radius:var(--radius-sm);grid-template-columns:96px minmax(0,1fr);align-items:center;display:grid}.list .photo{height:110px}.list .photo.cutout{padding:var(--space-sm)}.list .favorite{top:var(--space-sm);right:var(--space-sm)}.list .save-info{padding:var(--space-md) var(--space-lg);padding-right:var(--space-3xl)}.list .save-info h3{margin:var(--space-xs) 0}.collection-actions{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;display:grid}.action-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-xl);align-items:center;gap:var(--space-lg);text-align:left;white-space:normal;display:flex}.action-card>svg:last-child{width:20px;color:var(--color-muted);margin-left:auto}.action-card .bubble{border-radius:var(--radius-round);background:var(--color-accent-soft);width:48px;height:48px;color:var(--color-accent);flex:none;place-items:center;display:grid}.action-card strong{font-size:18px;font-weight:500;display:block}.action-card small{color:var(--color-muted);margin-top:var(--space-xs);line-height:1.5;display:block}.collection-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collection-card{padding:var(--space-xl);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;white-space:normal;gap:var(--space-lg);flex-direction:column;min-height:180px;display:flex}.collection-card svg{color:var(--color-accent);width:32px;height:32px}.collection-card p{color:var(--color-muted);margin-top:auto;font-size:13px}.tag-cloud{gap:var(--space-lg);padding:var(--space-3xl) 0;flex-wrap:wrap;align-items:center;display:flex}.tag-cloud button{background:var(--color-surface);border-radius:var(--radius-round);padding:var(--space-md) var(--space-xl);font-family:var(--font-display)}.tag-cloud small{color:var(--color-accent);margin-left:var(--space-sm);font-family:var(--font-body)}.calendar{margin-top:var(--space-2xl);border:var(--rule);border-radius:var(--radius-md);overflow:hidden}.calendar-head{padding:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.calendar-head h2{font-size:24px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday{text-align:center;color:var(--color-muted);padding:var(--space-md) 0;border-bottom:var(--rule);font-size:12px}.day{aspect-ratio:1.15;border-right:var(--rule);border-bottom:var(--rule);min-width:0;padding:var(--space-sm);align-items:start;gap:var(--space-xs);flex-direction:column;font-size:13px;display:flex;position:relative}.day:nth-child(7n){border-right:0}.day.today>span{background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-round);place-items:center;width:24px;height:24px;display:grid}.day img{object-fit:cover;border-radius:6px;width:100%;height:calc(100% - 22px);min-height:0}.day em{right:var(--space-xs);bottom:var(--space-xs);background:var(--color-deep);color:var(--color-ink);border-radius:var(--radius-round);padding:2px 5px;font-size:10px;font-style:normal;position:absolute}.group{margin-top:var(--space-2xl)}.group h2{gap:var(--space-md);align-items:center;font-size:24px;display:flex}.group .diary-grid{margin-top:var(--space-lg)}.stats{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-md)}.stat strong{font-family:var(--font-display);color:var(--color-accent);font-size:36px;font-weight:500;display:block}.stat small{color:var(--color-muted);margin-top:var(--space-sm);display:block}.profile-note{padding:var(--space-2xl);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-2xl)}.profile-note p{margin-top:var(--space-sm);color:var(--color-muted);line-height:1.7}.profile-links{gap:var(--space-md);flex-direction:column;max-width:700px;display:flex}.settings-section{margin-bottom:var(--space-2xl)}.settings-section h3{margin-bottom:var(--space-lg)}.settings-section p{color:var(--color-muted);margin-bottom:var(--space-lg);font-size:14px;line-height:1.65}.option-row{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-bottom:var(--rule);display:flex}.option-row strong{font-weight:500}.option-row small{color:var(--color-muted);margin-top:var(--space-xs);display:block}.option-row button{flex:none}.segmented{gap:var(--space-xs);padding:var(--space-xs);background:var(--color-deep);border-radius:var(--radius-sm);display:flex}.segmented button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:14px}.segmented button.active{background:var(--color-accent);color:var(--color-accent-ink)}dialog{border:var(--rule);border-radius:var(--radius-lg);background:var(--color-raised);color:var(--color-ink);width:min(620px,100% - 32px);max-height:90dvh;padding:0;overflow:auto}dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-xl);border-bottom:var(--rule);z-index:3;background:var(--color-raised);display:flex;position:sticky;top:0}.dialog-header h2{font-size:27px}.dialog-body{padding:var(--space-xl)}.dialog-footer{justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl);border-top:var(--rule);background:var(--color-raised);z-index:2;display:flex;position:sticky;bottom:0}.dialog-footer .primary{margin-left:auto}.form-grid{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-sm);color:var(--color-muted);flex-direction:column;min-width:0;font-size:13px;display:flex}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{border:var(--rule);width:100%;min-width:0;padding:var(--space-md);background:var(--color-paper);border-radius:var(--radius-sm);color:var(--color-ink);font-size:15px;line-height:1.4}.field textarea{resize:vertical;min-height:100px}.field small{font-size:11px}.photo-picker{border:1px dashed var(--color-rule);border-radius:var(--radius-md);min-height:180px;margin-bottom:var(--space-xl);justify-content:center;align-items:center;gap:var(--space-md);background:var(--color-paper);flex-direction:column;display:flex;position:relative;overflow:hidden}.photo-picker img{object-fit:contain;width:100%;max-height:260px;padding:var(--space-lg)}.photo-picker p{color:var(--color-muted);font-size:13px}.photo-picker .upload-options{gap:var(--space-sm);padding:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.photo-picker>svg{color:var(--color-accent);margin-top:var(--space-lg);width:36px;height:36px}.form-error{color:var(--color-danger);margin-top:var(--space-lg);font-size:14px;line-height:1.5}.check{align-items:center;gap:var(--space-sm);color:var(--color-ink);font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--color-accent)}.save-detail-photo{object-fit:contain;border-radius:var(--radius-md);background:var(--color-paper);width:100%;max-height:360px}.detail-title{justify-content:space-between;align-items:start;gap:var(--space-lg);margin:var(--space-xl) 0 var(--space-md);display:flex}.detail-title h3{font-size:30px}.detail-title button{flex:none}.detail-meta{gap:var(--space-lg);color:var(--color-muted);margin-bottom:var(--space-xl);flex-wrap:wrap;font-size:14px;display:flex}.detail-meta span{align-items:center;gap:var(--space-sm);display:flex}.detail-meta svg{width:18px;height:18px}.detail-notes{white-space:pre-wrap;color:var(--color-ink);overflow-wrap:anywhere;line-height:1.7}.collection-checks{gap:var(--space-md);padding:var(--space-md) 0;flex-direction:column;display:flex}.rating{gap:var(--space-xs);color:var(--color-accent);display:flex}.rating svg{width:18px;height:18px}.about-list{padding-left:var(--space-xl);color:var(--color-muted);font-size:14px;line-height:1.8}#notice{bottom:var(--space-2xl);z-index:30;max-width:calc(100% - 32px);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-sm);background:var(--color-surface);border:var(--rule);color:var(--color-ink);gap:var(--space-lg);align-items:center;font-size:14px;display:flex;position:fixed;left:calc(50% + 134px);transform:translate(-50%)}#notice[hidden]{display:none}#notice button{color:var(--color-accent);font-weight:600}.noscript{padding:var(--space-3xl)}.storage-warning{padding:var(--space-lg);background:var(--color-surface);color:var(--color-danger);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);font-size:14px}@media (min-width:1500px){.diary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.empty{min-height:590px}.food-art{height:220px}.food-art img{max-height:165px}}@media (max-width:1100px){.rail{width:220px;padding:var(--space-2xl) var(--space-lg)}.brand{gap:var(--space-sm);font-size:23px}.brand img{width:40px}.brand small{font-size:9px}.workspace{margin-left:220px}main{padding:var(--space-lg) var(--space-2xl) var(--space-2xl)}.topbar{padding:var(--space-xl) var(--space-2xl)}.diary-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.view-tab{padding:var(--space-md)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-actions{grid-template-columns:minmax(0,1fr)}#notice{left:calc(50% + 110px)}}@media (max-width:767px){.rail{display:none}.workspace{margin-left:0}.desktop-tagline,.desktop-footer{display:none}.mobile-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:26px;display:flex}.topbar{height:92px;padding:var(--space-xl);gap:var(--space-sm)}.top-actions{gap:var(--space-sm)}.topbar .icon-button{width:40px;height:40px}.topbar .icon-button svg{width:20px;height:20px}main{padding:var(--space-md) var(--space-xl) 124px}.page-heading{margin-bottom:var(--space-xl)}h1{font-size:32px}.page-heading p{font-size:14px}.page-heading .desktop-add{display:none}.page-heading .primary,.page-heading .secondary{padding:var(--space-md);font-size:13px}.page-heading .count{font-size:13px}.view-tabs{max-width:none}.view-tab{gap:var(--space-xs);padding:var(--space-md) var(--space-sm);min-width:0;min-height:46px;font-size:13px}.view-tab:not(.active) span{display:none}.view-tab.active{flex:2.3}.view-tab svg{width:20px;height:20px}.filters{gap:var(--space-sm);margin-top:var(--space-lg)}.chip{padding:var(--space-sm) var(--space-md);gap:var(--space-xs);min-height:36px;font-size:12px}.chip svg{width:15px;height:15px}.empty{min-height:470px;padding:var(--space-3xl) 0 var(--space-xl)}.food-art{width:100%;height:160px;margin-top:var(--space-xl)}.food-art img{max-height:120px}.empty h2{font-size:29px}.empty p{max-width:38ch;font-size:15px}.handnote{font-size:22px}.empty-actions{gap:var(--space-md)}.empty-actions .primary{font-size:14px}.empty-actions .text-button{font-size:13px}.mobile-dock{left:var(--space-lg);right:var(--space-lg);bottom:max(var(--space-lg),env(safe-area-inset-bottom));gap:var(--space-md);z-index:10;align-items:center;display:flex;position:fixed}.mobile-dock nav{background:var(--color-surface);min-width:0;padding:var(--space-xs);border-radius:var(--radius-round);border:1px solid var(--color-paper);flex:1;display:flex}.mobile-dock .nav-item{gap:var(--space-xs);min-width:0;padding:var(--space-md) var(--space-xs);border-radius:var(--radius-round);flex-direction:column;flex:1;justify-content:center;font-size:11px;display:flex}.mobile-dock .nav-item svg{width:23px;height:23px}.camera-fab{border-radius:var(--radius-round);background:var(--color-accent);width:66px;height:66px;color:var(--color-accent-ink);flex:none;place-items:center;display:grid}.camera-fab svg{width:28px;height:28px}.diary-grid,.collection-grid{gap:var(--space-md);margin-top:var(--space-xl)}.save-card .photo{height:155px}.save-card .photo.cutout,.save-info{padding:var(--space-md)}.save-info h3{font-size:19px}.save-info p{font-size:12px}.save-meta{gap:var(--space-xs);font-size:10px}.save-meta .example{display:none}.tag-row{gap:var(--space-xs)}.tag-pill{font-size:10px}.favorite{right:var(--space-sm);top:var(--space-sm)}.action-card{padding:var(--space-lg)}.action-card strong{font-size:17px}.action-card small{font-size:12px}.collection-card{padding:var(--space-lg);min-height:170px}.collection-card h3{font-size:21px}.tag-cloud,.stats{gap:var(--space-md)}.stat{padding:var(--space-lg)}.stat strong{font-size:32px}.calendar-head h2{font-size:20px}.day{aspect-ratio:.85;padding:var(--space-xs);font-size:11px}.day.today>span{width:19px;height:19px}.day img{height:calc(100% - 19px)}.profile-note{padding:var(--space-xl)}dialog{border-radius:var(--radius-md);width:calc(100% - 16px);max-height:94dvh}.dialog-header,.dialog-body,.dialog-footer{padding:var(--space-lg)}.dialog-header h2{font-size:24px}.form-grid{gap:var(--space-md)}.dialog-footer{gap:var(--space-sm)}.dialog-footer button{padding:var(--space-md) var(--space-lg);font-size:14px}.detail-title h3{font-size:26px}.option-row{padding:var(--space-lg) 0;gap:var(--space-md)}.option-row button{font-size:13px}.option-row strong{font-size:14px}.option-row small{font-size:11px}#notice{width:max-content;bottom:110px;left:50%}.group h2{font-size:23px}}@media (max-width:374px){.topbar{padding:var(--space-lg);height:80px}.mobile-brand{font-size:24px}.mobile-brand img,.topbar .icon-button{width:34px;height:34px}.top-actions{gap:var(--space-xs)}main{padding-left:var(--space-lg);padding-right:var(--space-lg)}.mobile-dock{left:var(--space-sm);right:var(--space-sm);gap:var(--space-sm)}.camera-fab{width:56px;height:56px}.mobile-dock .nav-item{font-size:10px}.mobile-dock .nav-item svg{width:20px;height:20px}.view-tab{font-size:12px}.chip{padding:var(--space-sm) 10px;font-size:11px}.chip svg{width:13px;height:13px}.save-card .photo{height:135px}.save-info h3{font-size:17px}.form-grid{grid-template-columns:minmax(0,1fr)}.field.full{grid-column:auto}.empty h2{font-size:26px}.empty p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active:not(:disabled){transform:none}}