@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Nunito+Sans:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.min-w-0{min-width:calc(var(--spacing)*0)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.gap-3{gap:calc(var(--spacing)*3)}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}@media (min-width:40rem){.sm\:min-w-\[170px\]{min-width:170px}}}:root,[data-theme=light]{--c-bg:#fdf6f0;--c-bg-header:#fdf0f5;--c-bg-card:#fff;--c-bg-food-bank:#f8f2ff;--c-border:#f0dce8;--c-border-food:#ebe0f8;--c-text:#3d2d3a;--c-text-muted:#9b8090;--c-text-faint:#c0a8b8;--c-pink:#ff7ba5;--c-pink-light:#ffd6e7;--c-pink-bg:#fff0f8;--c-purple:#a96de0;--c-purple-light:#e8d5ff;--c-week-btn-bg:#fff;--c-count-bg:#fff;--c-metal-shell:linear-gradient(175deg,#e2eaee 0%,#d0dce4 8%,#bccad4 30%,#b0c0cc 60%,#a8bac6 80%,#b8c8d2 100%);--c-metal-rim:linear-gradient(180deg,#eef4f8 0%,#d8e4ec 35%,#c4d4de 70%,#b8c8d4 100%);--c-metal-tray:linear-gradient(180deg,#b8c8d2 0%,#a8bac6 100%);--c-metal-bottom:linear-gradient(180deg,#9aaebb 0%,#8a9eac 100%);--c-slot-bg:#eef3f6;--c-slot-label:#7a92a2;--c-slot-hint:#9ab0be}[data-theme=dark]{--c-bg:#18161c;--c-bg-header:#201d28;--c-bg-card:#252230;--c-bg-food-bank:#1e1b28;--c-border:#35303f;--c-border-food:#30284a;--c-text:#eee6f4;--c-text-muted:#8a7a9a;--c-text-faint:#5a4e6a;--c-pink:#ff9eba;--c-pink-light:#5a2e42;--c-pink-bg:#281828;--c-purple:#b87ee8;--c-purple-light:#3a2a58;--c-week-btn-bg:#2e2a3a;--c-count-bg:#2e2a3a;--c-metal-shell:linear-gradient(175deg,#3a4550 0%,#303c48 8%,#28363f 30%,#24323c 60%,#20303a 80%,#283640 100%);--c-metal-rim:linear-gradient(180deg,#445260 0%,#384654 35%,#2e3e4e 70%,#283848 100%);--c-metal-tray:linear-gradient(180deg,#28363f 0%,#20303a 100%);--c-metal-bottom:linear-gradient(180deg,#1e2c35 0%,#182430 100%);--c-slot-bg:#2a3540;--c-slot-label:#5a7080;--c-slot-hint:#4a6070}*,:before,:after{box-sizing:border-box}html{height:100%;overflow:hidden}body{background-color:var(--c-bg);color:var(--c-text);height:100%;margin:0;font-family:Nunito,sans-serif;transition:background-color .2s,color .2s;overflow:hidden}#__next,main{height:100%}.app-shell{flex-direction:column;height:calc(100dvh - 60px);display:flex;overflow:hidden}.app-header{background-color:var(--c-bg-header);border-bottom:1px solid var(--c-border);flex-shrink:0;padding:12px 16px 10px;transition:background-color .2s}.app-header-inner{flex-direction:column;align-items:center;gap:6px;display:flex}.app-header-row1{justify-content:space-between;align-items:center;width:100%;display:flex}@media (min-width:600px){.app-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.app-header-row1{display:contents}}.app-header-right{justify-content:flex-end;display:flex}.app-title-group{align-items:center;gap:10px;display:flex}.app-title{color:var(--c-pink);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:900;line-height:1}.theme-toggle-btn{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.week-nav-btn{background:var(--c-week-btn-bg);border:1.5px solid var(--c-border);width:30px;height:30px;color:var(--c-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .1s,color .15s;display:flex}.week-nav-btn:hover{color:var(--c-pink);transform:scale(1.08)}.week-nav-btn:active{transform:scale(.95)}.week-label{color:var(--c-text);font-size:.8rem;font-weight:700;line-height:1.2}.week-current-tag{color:var(--c-pink);margin-top:1px;font-size:.65rem;font-weight:600}.container-control{justify-content:center;align-items:center;gap:10px;display:flex}.container-control-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.container-count-group{background:var(--c-count-bg);border:1.5px solid var(--c-border);border-radius:20px;align-items:center;gap:4px;padding:2px 6px;display:flex}.count-btn{width:24px;height:24px;color:var(--c-pink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;line-height:1;transition:opacity .15s,transform .1s;display:flex}.count-btn:hover:not(:disabled){opacity:.75}.count-btn:active:not(:disabled){transform:scale(.9)}.count-btn:disabled{opacity:.25;cursor:not-allowed}.count-value{color:var(--c-text);text-align:center;min-width:18px;font-size:.9rem;font-weight:900}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}@media (min-width:900px){.app-main{flex-direction:row}}.dosirak-area{flex:1;min-height:0;padding:16px;overflow-y:auto}.dosirak-boxes{flex-direction:column;gap:24px;width:100%;max-width:640px;margin:0 auto;display:flex}.dosirak-box-outer{flex-direction:column;gap:10px;width:100%;display:flex}.dosirak-box-controls{flex-direction:row;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.dosirak-box-side-left{flex-direction:row;justify-content:flex-start;align-items:center;gap:0;display:flex}.dosirak-box-side-right{flex-direction:row;justify-content:flex-end;align-items:center;gap:4px;display:flex}@media (min-width:600px){.dosirak-box-outer{flex-direction:row;align-items:stretch;gap:8px}.dosirak-box-controls{display:contents}.dosirak-box-side-left{flex-direction:column;flex-shrink:0;order:1;justify-content:flex-start;align-items:center;width:28px;padding-top:10px}.dosirak-box-wrapper{order:2}.dosirak-box-side-right{flex-direction:column;flex-shrink:0;order:3;justify-content:flex-start;align-items:center;gap:5px;padding-top:10px}}.dosirak-side-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:900;display:inline-flex;box-shadow:0 1px 4px #00000040}.dosirak-side-btn{border:1.5px solid var(--c-border);background:var(--c-bg-card);width:28px;height:28px;color:var(--c-text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.dosirak-side-btn:hover{color:var(--c-pink);border-color:var(--c-pink-light)}.dosirak-side-btn-saved{color:#f0a500;border-color:#f0a500}.dosirak-side-btn-saved:hover{color:#c88000;border-color:#c88000}.dosirak-side-btn-locked-in{color:#22c55e;border-color:#22c55e}.dosirak-side-btn-locked-in:hover{color:#16a34a;border-color:#16a34a}.dosirak-side-btn-warning{color:#f59e0b;cursor:default;border-color:#f59e0b66;animation:2s ease-in-out infinite pulse-warn}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.5}}.dosirak-box-temp-warning{box-shadow:0 0 0 2px #f59e0b,0 4px 18px #f59e0b40,0 1px 4px #0000000f}.dosirak-warn-wrap{position:relative}.dosirak-warn-tooltip{color:#fef3c7;white-space:nowrap;pointer-events:none;z-index:30;background:#1e140ae0;border:1px solid #f59e0b59;border-radius:7px;padding:5px 9px;font-size:.65rem;font-weight:600;display:none;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.dosirak-warn-wrap:hover .dosirak-warn-tooltip{display:block}@media (max-width:599px){.dosirak-warn-tooltip{top:calc(100% + 6px);left:50%;right:auto;transform:translate(-50%)}}.dosirak-box-locked{box-shadow:0 0 0 2px #22c55e,0 4px 20px #22c55e26,inset 4px 0 6px #0000001a,inset -4px 0 6px #0000001a,inset 0 -4px 6px #0000001f}.dosirak-box-wrapper{border-radius:14px;flex:1;overflow:hidden;box-shadow:0 4px 18px #0000001f,0 1px 4px #0000000f}.dosirak-metal-shell{background:var(--c-metal-shell);padding:0 10px 10px;position:relative;box-shadow:inset 4px 0 6px #0000001a,inset -4px 0 6px #0000001a,inset 0 -4px 6px #0000001f}.dosirak-top-wall{background:var(--c-metal-rim);border-bottom:1.5px solid #0000002e;height:8px;margin:0 -10px;box-shadow:inset 0 3px 5px #ffffff73,0 2px 5px #0000001f}.dosirak-float-controls{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:18px;right:18px}.dosirak-float-controls>*{pointer-events:auto}.dosirak-rim-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:900;display:inline-flex;box-shadow:0 1px 4px #00000059}.dosirak-rim-actions{flex-shrink:0;gap:3px;display:flex}.dosirak-rim-btn{color:#ffffffbf;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000038;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s;display:flex}.dosirak-rim-btn:hover{color:#fff;background:#0006}[data-theme=dark] .dosirak-rim-btn{color:#fff9;background:#00000059}[data-theme=dark] .dosirak-rim-btn:hover{color:#fff;background:#0000008c}.dosirak-tray{background:var(--c-metal-tray);border-radius:3px;margin-top:8px;padding:7px;box-shadow:inset 0 3px 8px #00000038,inset 0 1px 3px #0000001f,inset 3px 0 5px #00000014,inset -3px 0 5px #00000014}.dosirak-grid{gap:6px;width:100%;min-height:220px;display:grid}.dosirak-bottom-wall{background:var(--c-metal-bottom);border-top:1px solid #00000026;border-radius:0 0 4px 4px;height:6px;margin:6px -10px -10px;box-shadow:0 3px 6px #0003}.compartment{background:var(--c-slot-bg);cursor:default;border-radius:4px;min-height:80px;transition:transform .15s,box-shadow .15s,background .2s;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000002e,inset 0 1px 2px #0000001a,inset 1px 0 3px #0000000f,inset -1px 0 3px #0000000f,inset 0 -1px 2px #fff6}.compartment-selectable{cursor:pointer;box-shadow:inset 0 2px 5px #0000001f,inset 0 0 0 2px #a96de08c}.compartment-selectable .compartment-label{color:var(--c-purple)}.compartment-over{transform:scale(1.012);box-shadow:inset 0 2px 4px #0000001a,0 0 0 2.5px #ff9eba,0 0 12px #ff9eba66}.compartment-filled{cursor:pointer;box-shadow:inset 0 1px 4px #00000014,inset 0 -1px 2px #ffffff59}.compartment-filled:hover .compartment-clear-btn{opacity:1}.compartment-shine{pointer-events:none;z-index:1;background:linear-gradient(160deg,#ffffff47 0%,#ffffff14 55%,#00000008 100%);position:absolute;inset:0}.compartment-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:100%;min-height:80px;padding:10px;display:flex}.compartment-label{color:var(--c-slot-label);text-transform:uppercase;letter-spacing:.07em;font-size:.65rem;font-weight:700}.compartment-hint{color:var(--c-slot-hint);font-size:.58rem;font-weight:500}.compartment-food-fill{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 8px;display:flex;position:absolute;inset:0}.compartment-food-kr{color:#0000008c;text-align:center;text-shadow:0 1px 2px #fff6;letter-spacing:-.01em;font-size:1rem;font-weight:900;line-height:1.1}.compartment-food-en{color:#0006;text-align:center;text-shadow:0 1px 1px #ffffff4d;font-size:.65rem;font-weight:700;line-height:1.2}.compartment-clear-btn{color:#fff;cursor:pointer;opacity:0;z-index:3;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.6rem;line-height:1;transition:opacity .15s,background .15s;display:flex;position:absolute;top:5px;right:5px}.compartment-clear-btn:hover{background:#00000080}.compartment-lock-btn{color:#ffffffd9;cursor:pointer;opacity:0;z-index:3;background:#00000047;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .15s,background .15s;display:flex;position:absolute;bottom:5px;left:5px}.compartment-filled:hover .compartment-lock-btn{opacity:1}.compartment-lock-btn-locked{color:#fff;background:#dc9600cc;opacity:1!important}.compartment-lock-btn:hover{background:#00000080}.compartment-lock-btn-locked:hover{background:#c88200e6}@media (hover:none){.compartment-clear-btn,.compartment-lock-btn{opacity:1;width:22px;height:22px;font-size:.65rem}}.layout-picker-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#4a304059;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:480px){.layout-picker-overlay{align-items:center}}.layout-picker-panel{background:var(--c-bg-card);border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:80dvh;padding:20px;overflow-y:auto;box-shadow:0 -8px 40px #00000026}@media (min-width:480px){.layout-picker-panel{border-radius:24px;max-height:70dvh}}.layout-picker-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.layout-picker-title{color:var(--c-text);font-size:1rem;font-weight:800}.layout-picker-close{background:var(--c-bg);border:1.5px solid var(--c-border);width:30px;height:30px;color:var(--c-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.layout-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.layout-option{border:1.5px solid var(--c-border);background:var(--c-bg);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.layout-option:hover{border-color:var(--c-pink-light);transform:scale(1.03)}.layout-option-active{border-color:var(--c-pink);box-shadow:0 0 0 3px #ff7ba526}.layout-option-name{color:var(--c-text);text-align:center;font-size:.72rem;font-weight:800}.layout-option-desc{color:var(--c-text-muted);text-align:center;font-size:.6rem;line-height:1.3}.food-bank{background-color:var(--c-bg-food-bank);border-top:1px solid var(--c-border-food);flex-direction:column;flex-shrink:0;transition:background-color .2s;display:flex;overflow:hidden}@media (min-width:900px){.food-bank{border-top:none;border-left:1px solid var(--c-border-food);flex-shrink:0;width:280px;overflow-y:auto}}.food-bank-header{background-color:var(--c-bg-food-bank);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--c-border-food);flex-shrink:0;padding:10px 14px 8px;position:sticky;top:0}.food-bank-title{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.65rem;font-weight:700;display:block}.food-bank-tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.food-bank-tabs::-webkit-scrollbar{display:none}.food-tab{border:1.5px solid var(--c-border-food);color:var(--c-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:.7rem;font-weight:700;transition:background .15s,color .15s}.food-tab:hover:not(.food-tab-active){color:var(--c-purple)}.food-tab-active{background:var(--c-purple);border-color:var(--c-purple);color:#fff}.food-bank-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));align-content:start;gap:8px;padding:10px 14px;display:grid;overflow:hidden auto}@media (max-width:899px){.food-bank{border-top:none;border-bottom:1px solid var(--c-border-food);order:-1}.food-card{width:96px;height:112px}.food-bank-grid{scrollbar-width:none;flex-wrap:nowrap;flex:none;gap:8px;padding:8px 14px;display:flex;overflow:auto hidden}.food-bank-grid::-webkit-scrollbar{display:none}}.food-bank-scroll-strip{display:none}@media (max-width:899px){.food-bank-scroll-strip{scrollbar-width:auto;scrollbar-color:var(--c-pink)var(--c-pink-light);flex-shrink:0;padding:6px 14px 8px;display:block;overflow:auto hidden}.food-bank-scroll-strip::-webkit-scrollbar{height:14px;display:block}.food-bank-scroll-strip::-webkit-scrollbar-track{background:var(--c-pink-light);border-radius:7px}.food-bank-scroll-strip::-webkit-scrollbar-thumb{background:var(--c-pink);border:3px solid var(--c-pink-light);border-radius:7px}.food-bank-scroll-strip::-webkit-scrollbar-thumb:active{background:var(--c-purple);border-color:var(--c-purple-light)}[data-theme=dark] .food-bank-scroll-strip::-webkit-scrollbar-track{background:var(--c-pink-light)}[data-theme=dark] .food-bank-scroll-strip::-webkit-scrollbar-thumb{background:var(--c-pink);border-color:var(--c-pink-light)}}.food-card{background:var(--c-bg-card);border:1.5px solid var(--c-border-food);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:80px;height:90px;padding:7px 4px 5px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.food-card:hover{border-color:var(--c-purple);transform:translateY(-2px)scale(1.04);box-shadow:0 6px 20px #a96de026}.food-card:active{cursor:grabbing}.food-card-overlay{border-color:var(--c-purple);transform:scale(1.08)rotate(2deg);box-shadow:0 12px 40px #00000040}.food-card-selected{border-color:var(--c-purple);transform:scale(1.06);box-shadow:0 0 0 3px #a96de059,0 4px 14px #a96de040}.food-card-name-kr{color:var(--c-text);text-align:center;font-size:.7rem;font-weight:800;line-height:1.1}.food-card-name-en{color:var(--c-text-muted);text-align:center;font-size:.58rem;font-weight:500;line-height:1.1}.food-card-compact{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:2px;display:flex}.food-card-compact-label{color:#9b8090;text-align:center;font-size:.55rem}.loading-screen{background:var(--c-bg);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;display:flex}.loading-text{color:var(--c-text-muted);font-size:.9rem;font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dosirak-area::-webkit-scrollbar{width:4px}.dosirak-area::-webkit-scrollbar-track{background:0 0}.dosirak-area::-webkit-scrollbar-thumb{background:#ffd6e7;border-radius:2px}@media (min-width:768px){.food-bank::-webkit-scrollbar{width:4px}.food-bank::-webkit-scrollbar-track{background:0 0}.food-bank::-webkit-scrollbar-thumb{background:#e8d5ff;border-radius:2px}}.app-nav{background:var(--c-bg-header);border-top:1px solid var(--c-border);z-index:50;align-items:stretch;height:60px;transition:background-color .2s;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--c-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:color .15s;display:flex}.nav-item:hover,.nav-item-active{color:var(--c-pink)}.nav-label{letter-spacing:.02em;font-size:.6rem;font-weight:700}.sub-page{box-sizing:border-box;width:100%;max-width:600px;height:calc(100dvh - 60px);margin:0 auto;padding:20px 16px 24px;overflow-y:auto}.sub-page-title{color:var(--c-text);margin:0 0 16px;font-size:1.3rem;font-weight:900}.sub-page-subtitle{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 10px;font-size:.7rem;font-weight:700}.prep-week-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.prep-empty{text-align:center;color:var(--c-text-muted);padding:48px 0;font-size:.9rem;font-weight:600}.prep-list{flex-direction:column;gap:8px;display:flex}.prep-item{background:var(--c-bg-card);border:1.5px solid var(--c-border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;transition:opacity .2s,border-color .2s;display:flex}.prep-item:hover{border-color:var(--c-pink-light)}.prep-item-checked{opacity:.45}.prep-check{border:2px solid var(--c-border);background:var(--c-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:flex}.prep-check-done{background:var(--c-pink);border-color:var(--c-pink);color:#fff}.prep-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.prep-item-name{color:var(--c-text);font-size:.85rem;font-weight:700;line-height:1.2}.prep-item-kr{color:var(--c-text-muted);font-size:.72rem;font-weight:500}.prep-item-badges{flex-shrink:0;gap:4px;display:flex}.prep-variant-badge{color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:2px;min-width:18px;height:18px;padding:0 4px;font-size:.6rem;font-weight:900;display:inline-flex}.prep-lock-check{color:#fff;vertical-align:middle;flex-shrink:0}.add-form{flex-direction:column;gap:6px;display:flex}.add-form-row{gap:8px;display:flex}.add-input{border:1.5px solid var(--c-border);background:var(--c-bg-card);color:var(--c-text);border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px;font-family:inherit;font-size:.85rem;font-weight:600;transition:border-color .15s}.add-input:focus{border-color:var(--c-purple)}.add-input::placeholder{color:var(--c-text-faint)}.add-section-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:10px;font-size:.65rem;font-weight:700}.add-chip-row{gap:6px;display:flex}.add-chip{border:1.5px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:5px 14px;font-family:inherit;font-size:.75rem;font-weight:700;transition:background .15s,color .15s,border-color .15s}.add-chip:hover{color:var(--c-purple)}.add-chip-active{background:var(--c-purple);border-color:var(--c-purple);color:#fff}.add-color-grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.add-color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:6px;outline:none;transition:transform .1s,box-shadow .1s}.add-color-swatch:hover{transform:scale(1.15)}.add-color-swatch-active{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-text)}.add-style-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.add-style-btn{border:1.5px solid var(--c-border);background:var(--c-bg);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;transition:border-color .15s,transform .1s;display:flex}.add-style-btn:hover{transform:scale(1.05)}.add-style-btn-active{border-color:var(--c-purple);box-shadow:0 0 0 3px #a96de026}.add-style-name{color:var(--c-text-muted);text-align:center;text-transform:capitalize;font-size:.55rem;font-weight:700}.add-preview-row{align-items:center;gap:16px;margin-top:14px;display:flex}.add-preview-card{background:var(--c-bg-card);border:1.5px solid var(--c-border);border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:90px;padding:12px;display:flex}.add-preview-name-kr{color:var(--c-text);text-align:center;font-size:.75rem;font-weight:800}.add-preview-name-en{color:var(--c-text-muted);text-align:center;font-size:.6rem;font-weight:600}.add-save-btn{background:var(--c-pink);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-family:inherit;font-size:.95rem;font-weight:800;transition:background .2s,transform .1s,opacity .15s}.add-save-btn:hover:not(:disabled){background:var(--c-purple);transform:scale(1.02)}.add-save-btn:active:not(:disabled){transform:scale(.98)}.add-save-btn:disabled{opacity:.4;cursor:not-allowed}.add-save-btn-saved{background:#5b9e3e}.add-items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.add-item-card{background:var(--c-bg-card);border:1.5px solid var(--c-border-food);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative}.add-item-name{color:var(--c-text);text-align:center;font-size:.6rem;font-weight:700;line-height:1.1}.add-item-action{color:#00000080;cursor:pointer;opacity:0;background:#00000026;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .15s,background .15s;display:flex;position:absolute}.add-item-edit{top:4px;left:4px}.add-item-remove{top:4px;right:4px}.add-item-card:hover .add-item-action{opacity:1}@media (hover:none){.add-item-action{opacity:1}}.add-item-edit:hover{color:#fff;background:#a96de0b3}.add-item-remove:hover{color:#fff;background:#dc3232b3}.add-item-card-editing{border-color:var(--c-purple);box-shadow:0 0 0 2px #a96de040}.add-item-temp{font-size:.6rem;line-height:1;position:absolute;bottom:3px;right:3px}.add-edit-banner{background:var(--c-purple-light);border:1.5px solid var(--c-purple);color:var(--c-text);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;font-size:.78rem;font-weight:600;display:flex}.add-edit-cancel{border:1px solid var(--c-purple);color:var(--c-purple);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-family:inherit;font-size:.72rem;font-weight:700;display:inline-flex}.add-chip-temp-hot.add-chip-active{background:#f59e0b;border-color:#f59e0b}.add-chip-temp-cold.add-chip-active{background:#60a5fa;border-color:#60a5fa}.add-chip-temp-neutral.add-chip-active{background:var(--c-purple);border-color:var(--c-purple)}.collage-page{flex-wrap:wrap;align-items:flex-start;gap:0;height:calc(100dvh - 60px);display:flex;overflow-y:auto}.collage-week{gap:0;display:flex}.collage-cell{flex-direction:column;display:flex}.collage-label{background:var(--c-bg-header);border-top:1px solid var(--c-border);justify-content:center;align-items:center;gap:4px;padding:4px 6px;display:flex}.collage-week-text{color:var(--c-text-muted);text-align:center;font-size:.52rem;font-weight:700;line-height:1.2}.collage-variant-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-theme=dark] .dosirak-mini-food-name{color:#fff9;text-shadow:none}[data-theme=dark] .compartment-food-kr{color:#ffffffb3;text-shadow:none}[data-theme=dark] .compartment-food-en{color:#ffffff80;text-shadow:none}[data-theme=dark] .add-item-action{color:#ffffff80}.dosirak-mini{background:var(--c-metal-shell);aspect-ratio:1.4;flex-direction:column;flex-shrink:0;width:180px;padding:0 5px 5px;display:flex;overflow:hidden}.dosirak-mini-lg{width:100%}.dosirak-mini-lg .dosirak-mini-food-name{font-size:.55rem}.dosirak-mini-rim{background:var(--c-metal-rim);border-bottom:1px solid #00000024;flex-shrink:0;height:5px;margin:0 -5px;box-shadow:inset 0 2px 3px #fff6,inset 0 -1px 2px #00000014}.dosirak-mini-tray{background:var(--c-metal-tray);border-radius:2px;flex-direction:column;flex:1;min-height:0;margin-top:4px;padding:2px;display:flex;box-shadow:inset 0 2px 5px #0003}.dosirak-mini-grid{flex:1;gap:2px;min-height:0;display:grid}.dosirak-mini-slot{background:var(--c-slot-bg);border-radius:2px;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #00000026}.dosirak-mini-food-name{color:#00000080;text-align:center;text-shadow:0 1px 1px #fff6;padding:1px 2px;font-size:.42rem;font-weight:700;line-height:1.1}.dosirak-mini-bottom{background:var(--c-metal-bottom);border-top:1px solid #00000026;border-radius:0 0 3px 3px;flex-shrink:0;height:4px;margin:3px -5px -5px}.history-page{height:calc(100dvh - 60px);overflow-y:auto}.history-favs{padding:12px 12px 10px}.history-section-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.62rem;font-weight:700;display:block}.history-fav-row{flex-wrap:wrap;gap:8px;display:flex}.history-fav-cell{flex-direction:column;display:flex}.history-fav-footer{background:var(--c-bg-header);border:1px solid var(--c-border);border-top:none;border-radius:0 0 4px 4px;justify-content:space-between;align-items:center;gap:4px;padding:4px 6px;display:flex}.history-fav-name{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.6rem;font-weight:700;overflow:hidden}.history-fav-remove{color:var(--c-text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:opacity .15s,color .15s;display:flex}.history-fav-remove:hover{opacity:1;color:var(--c-pink)}.history-collage{flex-wrap:wrap;align-items:flex-start;gap:0;display:flex}.history-collage-bordered{border-top:1px solid var(--c-border);margin-top:4px;padding-top:0}.fav-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#4a304066;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fav-modal{background:var(--c-bg-card);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:320px;padding:22px 20px 18px;display:flex;box-shadow:0 8px 40px #0003}.fav-modal-title{color:var(--c-text);text-align:center;margin:0;font-size:1rem;font-weight:900}.fav-modal-actions{gap:10px;display:flex}.fav-modal-cancel{border:1.5px solid var(--c-border);color:var(--c-text-muted);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:.9rem;font-weight:700;transition:border-color .15s}.fav-modal-cancel:hover{border-color:var(--c-pink-light)}.fav-modal-save{background:var(--c-pink);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-family:inherit;font-size:.9rem;font-weight:800;transition:background .15s}.fav-modal-save:hover:not(:disabled){background:var(--c-purple)}.fav-modal-save:disabled{opacity:.4;cursor:not-allowed}.fav-picker-empty{text-align:center;color:var(--c-text-muted);padding:20px 0 8px;font-size:.85rem;font-weight:600;line-height:1.5}.fav-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.fav-picker-item{border:1.5px solid var(--c-border);background:var(--c-bg);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px;font-family:inherit;transition:border-color .15s,transform .1s;display:flex}.fav-picker-item:hover{border-color:var(--c-pink);transform:scale(1.02)}.fav-picker-name{color:var(--c-text);padding:0 2px;font-size:.75rem;font-weight:800}.fav-manage-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.fav-manage-card{flex-direction:column;display:flex}.fav-manage-footer{background:var(--c-bg-card);border:1px solid var(--c-border);border-top:none;border-radius:0 0 8px 8px;align-items:center;gap:4px;padding:6px 8px;display:flex}.fav-manage-name{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;min-width:0;font-size:.72rem;font-weight:700;overflow:hidden}.fav-manage-name:hover{color:var(--c-pink)}.fav-manage-input{color:var(--c-text);border:none;border-bottom:1.5px solid var(--c-purple);background:0 0;outline:none;flex:1;min-width:0;padding:1px 0;font-family:inherit;font-size:.72rem;font-weight:700}.fav-manage-action{border:1px solid var(--c-border);width:22px;height:22px;color:var(--c-text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex}.fav-manage-action:hover{color:var(--c-purple);border-color:var(--c-purple-light)}.fav-manage-remove{border:1px solid var(--c-border);width:22px;height:22px;color:var(--c-text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s;display:flex}.fav-manage-remove:hover{color:var(--c-pink);border-color:var(--c-pink-light)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}