:root{--ink:#21302b;--muted:#708078;--green:#397a62;--green-soft:#eaf4ef;--cream:#f7f5ef;--line:#dfe6e1;--white:#fff;--orange:#d9803c;--red:#bb5348;--shadow:0 16px 40px rgba(38,67,55,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Yu Gothic UI","Hiragino Sans",sans-serif;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#183c32;color:white;padding:28px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #79a394;border-radius:12px;font-weight:700}.brand strong,.brand small{display:block}.brand small{opacity:.65;margin-top:4px;font-size:11px}.nav{width:100%;border:0;background:transparent;color:#dceae5;padding:14px;border-radius:10px;text-align:left;font:inherit;margin:3px 0;cursor:pointer}.nav:hover,.nav.active{background:#2d594b;color:white}.badge{float:right;background:#54786c;border-radius:12px;padding:1px 8px;font-size:12px}.badge.warning{background:#9b623c}.capacity{margin-top:auto;background:#21493d;padding:16px;border-radius:14px}.capacity-title{display:flex;justify-content:space-between;font-size:11px}.meter{height:6px;background:#496b60;border-radius:5px;margin:12px 0}.meter span{display:block;width:0;height:100%;background:#8fceb6;border-radius:5px}.capacity small{opacity:.6}main{margin-left:260px;padding:42px 6vw;max-width:1300px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}h1{font-size:34px;margin:4px 0}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--green);font-weight:700}.today{color:var(--muted)}.view{display:none}.view.active{display:block}.steps{display:flex;align-items:center;max-width:650px;margin:0 auto 24px}.step{color:#9aa6a0;font-size:13px;white-space:nowrap}.step.current{color:var(--green);font-weight:700}.steps i{height:1px;background:var(--line);flex:1;margin:0 12px}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.form-card{max-width:760px;margin:auto;padding:38px}.form-step{display:none}.form-step.active{display:block}label,.label{display:block;font-weight:700;margin-bottom:10px}.input-row{display:flex;gap:10px}input,select,button{font:inherit}input,select{width:100%;border:1px solid #cfd9d3;border-radius:10px;padding:13px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid #9bc7b6;border-color:var(--green)}button{cursor:pointer}.primary,.secondary{border-radius:10px;padding:12px 20px;border:1px solid var(--green);font-weight:700}.primary{display:block;margin:28px 0 0 auto;background:var(--green);color:white}.secondary{background:white;color:var(--green)}.hint{color:var(--muted);font-size:13px;line-height:1.7}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.choice-grid,.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice input,.location-option input{position:absolute;opacity:0}.choice span,.location-option span{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);padding:22px;border-radius:14px;cursor:pointer}.choice input:checked+span,.location-option input:checked+span{border:2px solid var(--green);background:var(--green-soft)}.choice small,.location-option small{color:var(--muted)}.actions{display:flex;justify-content:space-between;margin-top:28px}.actions .primary{margin:0}.tip{max-width:760px;margin:18px auto;padding:18px 22px;background:#eef2e9;border-radius:14px;color:#52635b}.tip p{margin:6px 0 0;font-size:13px}.toolbar{display:flex;gap:12px;margin-bottom:22px}.toolbar input{max-width:360px}.toolbar select{max-width:220px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.item-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.item-head{display:flex;justify-content:space-between;gap:8px}.tag{font-size:11px;padding:4px 8px;border-radius:10px;background:var(--green-soft);color:var(--green)}.item-meta{color:var(--muted);font-size:13px;line-height:1.8}.expiry{font-weight:700}.expiry.soon{color:var(--orange)}.expiry.overdue{color:var(--red)}.delete{border:0;background:transparent;color:#9a4d47;padding:4px}.empty{grid-column:1/-1;text-align:center;padding:70px;color:var(--muted);background:white;border-radius:16px;border:1px dashed #cdd8d1}#toast{position:fixed;right:25px;bottom:25px;background:#183c32;color:white;padding:14px 20px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:760px){.sidebar{position:static;width:auto;padding:16px}.brand{padding-bottom:10px}.sidebar nav{display:flex;overflow:auto}.nav{white-space:nowrap}.capacity{display:none}main{margin:0;padding:24px 16px}header{align-items:start}h1{font-size:27px}.today{font-size:12px}.form-card{padding:24px 18px}.fields,.choice-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr 1fr}.input-row{flex-direction:column}}
:root{--fridge-metal:#d7ddda}
body{background:linear-gradient(145deg,#f5faff,#e6f1fa)!important}.sidebar{background:#173f61!important}.eyebrow,.text-button{color:#276c9f}.primary{background:#276c9f!important}.nav.active{background:#2f6f9e!important}.meter span{background:#58a3d3!important}
.settings-view{max-width:1050px}.settings-hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.settings-hero h2{margin:4px 0 8px;font-size:28px}.settings-hero p{color:var(--muted);margin:0;max-width:650px}.settings-hero input{max-width:280px}.settings-list{display:grid;gap:10px}.settings-card{background:#fff;border:1px solid #cddfeb;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(42,86,120,.08)}.food-setting-row{display:grid;grid-template-columns:minmax(140px,1fr) 130px 130px auto auto;align-items:center;gap:12px}.food-setting-row>div small{display:block;color:var(--muted);margin-top:4px}.food-setting-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.food-setting-row input{width:70px;padding:8px}.add-setting{margin-top:18px}.setting-fields{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.setting-fields label{display:grid;gap:6px}.setting-fields label input,.setting-fields label select{min-width:150px}.setting-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.settings-note{font-size:12px;color:var(--muted)}.preview-card{margin-top:18px}.mini-fridge-preview{max-width:320px;margin:auto;text-align:center}.preview-doors{display:grid;grid-template-columns:1fr 1fr;gap:4px}.preview-doors.single{grid-template-columns:1fr}.preview-doors span,.preview-drawer{display:grid;place-items:center;min-height:100px;background:linear-gradient(145deg,#f8fbfd,#d8e3ea);border:1px solid #aebdc7}.preview-drawer{min-height:65px;margin:4px 0 10px}@media(max-width:760px){.settings-hero{display:block}.settings-hero input{max-width:none;margin-top:14px}.food-setting-row{grid-template-columns:1fr 1fr}.food-setting-row>div{grid-column:1/-1}.food-setting-row .save-food-setting{grid-column:1/-1}.setting-fields>*{width:100%}}
.location-grid{display:block}.location-map-title{display:flex;justify-content:space-between;align-items:end;max-width:430px;margin:0 auto 10px}.location-map-title small{color:var(--muted);font-weight:400}.location-fridge{max-width:430px;margin:auto;padding:9px;background:linear-gradient(145deg,#edf0ee,#b9c2be);border:1px solid #aeb8b3;border-radius:18px 18px 12px 12px;box-shadow:inset 1px 1px 2px white,0 12px 25px rgba(33,48,43,.12)}.open-fridge{display:grid;grid-template-columns:1.45fr .8fr;gap:5px}.shelf-column{display:grid;grid-template-rows:repeat(3,1fr);gap:4px}.closed-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.map-location-option{display:block;margin:0}.map-location-option input{position:absolute;opacity:0}.map-location-option span,.disabled-room{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:72px;padding:10px;border:1px solid #b7c0bc;background:linear-gradient(135deg,#fafbfa,#dce1df);text-align:center;cursor:pointer}.map-location-option span:hover{background:#f0f8f4}.map-location-option input:checked+span{outline:4px solid var(--green);outline-offset:-4px;background:#dff2e9;color:#245c49}.map-location-option small{font-size:10px;color:var(--muted);margin-top:3px}.open-door span{height:224px;border-radius:3px 10px 3px 3px}.shelf span{min-height:72px}.disabled-room{margin-top:4px;color:#9aa29e;background:#d9dddb;cursor:not-allowed}.closed-pair .map-location-option span,.closed-pair .disabled-room{margin-top:4px}.wide-room span,.freezer-choice span,.disabled-room.wide{min-height:78px;margin-top:4px}.location-fridge>:last-child span,.location-fridge>.disabled-room:last-child{border-radius:3px 3px 9px 9px}.tall{min-height:215px;border-radius:10px 10px 3px 3px}.compact-room span{min-height:72px}.selected-location{text-align:center;color:var(--green);font-weight:700;margin:12px 0 0}.frozen-mode .freezer-choice span{min-height:92px}
.inventory-layout{display:grid;grid-template-columns:minmax(310px,390px) 1fr;gap:28px;align-items:start}.fridge-panel{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow);position:sticky;top:24px}.fridge-heading{display:flex;justify-content:space-between;align-items:center}.fridge-heading h2{margin:3px 0;font-size:22px}.text-button{border:0;background:transparent;color:var(--green);font-weight:700}.map-help,.model-note{font-size:12px;color:var(--muted);line-height:1.6}.fridge-map{max-width:320px;margin:20px auto 12px;padding:9px;background:linear-gradient(145deg,#edf0ee,#b9c2be);border:1px solid #aeb8b3;border-radius:18px 18px 12px 12px;box-shadow:inset 1px 1px 2px white,0 12px 25px rgba(33,48,43,.15)}.fridge-top,.fridge-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px}.compartment{position:relative;width:100%;border:1px solid #b7c0bc;background:linear-gradient(135deg,#fafbfa,#dce1df);color:var(--ink);padding:12px 8px;text-align:center;overflow:hidden}.compartment:hover,.compartment.selected{outline:3px solid #5f9981;outline-offset:-3px;background:var(--green-soft)}.fridge-door{height:210px;padding-top:30px}.fridge-door.left{border-radius:11px 2px 3px 3px}.fridge-door.right{border-radius:2px 11px 3px 3px}.door-handle{position:absolute;top:30px;bottom:30px;width:3px;background:#8f9995;border-radius:3px}.fridge-door.left .door-handle{right:6px}.fridge-door.right .door-handle{left:6px}.drawer{min-height:84px;margin-top:4px}.freezer-room,.vegetable-room{min-height:102px;border-radius:4px}.vegetable-room{border-radius:4px 4px 9px 9px}.compartment b,.compartment small{display:block}.compartment small{font-size:10px;color:var(--muted);margin-top:4px}.map-items{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:10px}.map-item{max-width:100%;font-size:10px;padding:3px 6px;background:white;border:1px solid #ccd6d1;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-empty{font-size:10px;color:#9aa6a0}.inventory-summary{color:var(--muted);font-size:13px;margin:0 0 18px}@media(max-width:1050px){.inventory-layout{grid-template-columns:1fr}.fridge-panel{position:static}.fridge-map{max-width:360px}}@media(max-width:760px){.fridge-panel{padding:18px}.fridge-map{max-width:300px}.fridge-door{height:185px}.toolbar{flex-direction:column}.toolbar input,.toolbar select{max-width:none}}
:root{--photo-panel:#eaf4ef}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.image-assistant{display:grid;grid-template-columns:140px 1fr;gap:18px;margin-top:16px;padding:16px;background:var(--green-soft);border-radius:14px}.image-assistant[hidden]{display:none}.image-assistant img{width:140px;height:120px;object-fit:cover;border-radius:10px;background:#d9e3de}.image-assistant p{font-size:12px;color:var(--muted)}.candidate-list{display:flex;flex-wrap:wrap;gap:7px}.candidate{border:1px solid #91b5a6;background:white;color:var(--green);border-radius:16px;padding:6px 10px}.room-capacity{display:block;width:100%;font-size:9px;color:#4d6b5f}.mini-meter{display:block;width:90%;height:4px;background:#cbd5d0;border-radius:4px;margin:4px auto 7px}.mini-meter i{display:block;height:100%;background:var(--green);border-radius:4px}@media(max-width:600px){.image-assistant{grid-template-columns:1fr}.image-assistant img{width:100%;height:180px}}
:root{--camera-bg:#10211c}
.map-add-action{margin:16px 0 4px;padding:14px;background:var(--green-soft);border:1px solid #b9d5ca;border-radius:13px;text-align:center}.map-add-action[hidden]{display:none}.map-add-action p{margin:0 0 10px}.map-add-action .primary{width:100%;margin:0}
.camera-dialog{width:min(680px,calc(100% - 24px));border:0;border-radius:20px;padding:22px;background:#f7f5ef;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}.camera-dialog::backdrop{background:rgba(9,25,20,.78)}.camera-header{display:flex;justify-content:space-between;align-items:start}.camera-header h2{margin:3px 0 12px}.camera-close{border:0;background:white;border-radius:50%;width:40px;height:40px;font-size:25px;color:var(--ink)}.camera-status{color:var(--muted);font-size:13px}.camera-stage{background:var(--camera-bg);border-radius:15px;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.camera-stage video{width:100%;height:100%;object-fit:cover}.camera-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.camera-actions .primary{margin:0}.camera-shutter{min-width:150px}.camera-note{text-align:center;font-size:11px;color:var(--muted)}@media(max-width:760px){body{padding-bottom:72px}.sidebar{position:fixed;inset:auto 0 0 0;width:auto;padding:8px;background:#183c32}.sidebar .brand,.sidebar .capacity{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.nav{margin:0;padding:10px 6px;text-align:center;font-size:12px}.badge{float:none;margin-left:3px}main{padding-bottom:30px}.camera-dialog{padding:16px}.camera-actions{position:sticky;bottom:0;background:#f7f5ef;padding-top:10px}.camera-shutter{flex:1}}
.receipt-select-row{grid-template-columns:minmax(150px,1fr) 90px}.setup-dialog{width:min(560px,calc(100% - 24px));border:0;border-radius:20px;padding:24px;background:var(--cream);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}.setup-dialog::backdrop{background:rgba(9,25,20,.78)}.setup-dialog .primary{margin:0}.barcode-stage{position:relative}.scan-line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:#7af0bd;box-shadow:0 0 10px #7af0bd;animation:scan 2s ease-in-out infinite}.barcode-manual{margin-top:16px}.barcode-manual label{font-size:13px}@keyframes scan{0%,100%{transform:translateY(-80px)}50%{transform:translateY(80px)}}@media(max-width:760px){.add-methods{display:flex;flex-direction:row;align-items:stretch}.add-methods input{min-width:0}.add-methods .secondary{width:auto;white-space:nowrap;padding:10px 14px}.setup-dialog{padding:18px}.receipt-select-row{grid-template-columns:1fr 72px}}
:root{--barcode-panel:#eaf4ef}
.full-button{width:100%;margin-top:12px}.full-button[hidden]{display:none}
.barcode-expiry-step[hidden]{display:none}.barcode-expiry-step{margin-top:14px}.step-label{margin:18px 0 8px;font-weight:700;color:var(--green)}.expiry-preview{display:block;width:100%;max-height:190px;object-fit:contain;margin:10px 0;border-radius:10px;background:#e4e9e6}.expiry-date-candidates{display:flex;flex-wrap:wrap;gap:8px}.expiry-date-option.selected{background:var(--green);color:white}
.expiry-live-stage{position:relative}.expiry-guide{position:absolute;inset:34% 8%;border:2px solid #7af0bd;border-radius:8px;box-shadow:0 0 0 999px rgba(0,0,0,.22);display:grid;place-items:start center;pointer-events:none}.expiry-guide span{transform:translateY(-30px);padding:4px 9px;border-radius:12px;background:rgba(16,33,28,.8);color:white;font-size:11px}
.expiry-shortcut{display:block;margin:10px 0 0 auto;border:0;background:transparent;color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.quick-picker{max-width:900px;margin:0 auto 26px;padding:24px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.quick-heading,.category-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.quick-heading h2{margin:2px 0;font-size:23px}.quick-section{margin-top:20px}.quick-section h3,.category-panel-heading h3{margin:0 0 10px;font-size:14px}.food-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px}.category-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.food-icon-button,.category-icon-button{min-height:82px;padding:9px 6px;border:1px solid #d5dfda;border-radius:13px;background:#fbfcfb;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.food-icon-button:hover,.category-icon-button:hover,.food-icon-button:focus-visible,.category-icon-button:focus-visible,.category-icon-button.selected{border-color:var(--green);background:var(--green-soft);outline:2px solid #5f9981}.food-pictogram,.category-pictogram{display:grid;place-items:center;min-width:58px;width:auto;height:38px;padding:0 8px;border:2px solid #c7e0d6;border-radius:11px;background:var(--green-soft);color:#245c49;font-size:15px;line-height:1;font-weight:800;white-space:nowrap;flex-shrink:0}.food-icon-button b,.category-icon-button b{font-size:12px}.category-pictogram{background:#183c32;border-color:#183c32;color:white}.category-foods-panel{margin-top:18px;padding:16px;background:#f1f6f3;border-radius:14px;scroll-margin:12px}.category-foods-panel[hidden]{display:none}@media(max-width:900px){.category-icon-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.quick-picker{padding:17px;margin-bottom:20px}.food-icon-grid{grid-template-columns:repeat(2,1fr)}.category-icon-grid{grid-template-columns:repeat(2,1fr)}.food-icon-button,.category-icon-button{min-height:86px}.food-icon-button b,.category-icon-button b{font-size:12px}.food-pictogram,.category-pictogram{min-width:64px;height:40px;font-size:16px}}
.custom-food-form{margin-top:16px;padding-top:14px;border-top:1px solid #cadbd3}.custom-food-form label{font-size:13px}.custom-food-form>div{display:flex;gap:8px}.custom-food-form .secondary{white-space:nowrap}@media(max-width:480px){.custom-food-form>div{align-items:stretch}.custom-food-form .secondary{padding:10px 14px}}
.category-panel-actions{display:flex;align-items:center;gap:8px}.delete-command{color:#9a4d47}.delete-choice{border-color:#d8aaa5;background:#fff8f7}.delete-choice:hover,.delete-choice:focus-visible{border-color:#bb5348;background:#f7e8e6;outline-color:#c97b73}.custom-food-form[hidden]{display:none}
.item-card-actions{display:flex;gap:6px;align-items:start}.item-card-actions .edit,.item-card-actions .delete{border:0;background:transparent;padding:4px}.item-card-actions .edit{color:var(--green)}.edit-item-dialog .fields{margin-top:18px}.edit-item-dialog .edit-expiry{grid-column:1/-1}.edit-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.edit-actions .primary{margin:0}@media(max-width:600px){.edit-item-dialog .fields{grid-template-columns:1fr}.edit-item-dialog{max-height:calc(100vh - 24px);overflow:auto}}
.edit-item-dialog{width:min(500px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:14px 16px;overflow:auto}.edit-item-dialog .camera-header h2{margin:0 0 6px;font-size:20px}.edit-item-dialog .camera-header .eyebrow{margin:0 0 2px}.edit-item-dialog .camera-close{width:34px;height:34px}.edit-item-dialog label{margin-bottom:4px;font-size:12px}.edit-item-dialog input,.edit-item-dialog select{padding:8px 10px}.edit-item-dialog .fields{grid-template-columns:1fr 1fr;gap:9px 10px;margin-top:10px}.edit-item-dialog .edit-expiry{grid-column:1/-1}.edit-actions{margin-top:12px}.edit-actions .primary,.edit-actions .secondary{padding:9px 14px}@media(max-width:600px){.edit-item-dialog .fields{grid-template-columns:1fr 1fr}.edit-item-dialog{padding:12px 14px}.edit-item-dialog .camera-header h2{font-size:18px}}
.compact-item-card{padding:11px 13px}.item-compact-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.item-compact-main{height:30px}.item-identity{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.item-identity strong{overflow:hidden;text-overflow:ellipsis}.item-identity>span:last-child{color:var(--muted);font-size:12px}.item-compact-sub{min-height:25px;padding-top:5px;border-top:1px solid #edf1ee;color:var(--muted);font-size:12px}.item-compact-sub .expiry{font-size:12px;white-space:nowrap}.compact-item-card .item-card-actions{flex-shrink:0}.compact-item-card .item-card-actions button{font-size:12px}@media(max-width:480px){.compact-item-card{padding:9px 10px}.item-identity{gap:5px}.item-identity .tag{display:none}.item-compact-sub{gap:5px}.item-compact-sub>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:760px){.category-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-icon-button{min-height:72px;padding:6px 3px;gap:4px}.category-icon-button .category-pictogram{min-width:54px;height:36px;padding:0 5px;font-size:14px}.category-icon-button b{font-size:10px}}
.category-meat,#categoryGrid .category-icon-button:nth-child(1) .category-pictogram{background:#b84a4a;border-color:#b84a4a}.category-fish,#categoryGrid .category-icon-button:nth-child(2) .category-pictogram{background:#3976a8;border-color:#3976a8}.category-vegetable,#categoryGrid .category-icon-button:nth-child(3) .category-pictogram{background:#3f8354;border-color:#3f8354}.category-fruit,#categoryGrid .category-icon-button:nth-child(4) .category-pictogram{background:#d36f32;border-color:#d36f32}.category-dairy,#categoryGrid .category-icon-button:nth-child(5) .category-pictogram{background:#a87424;border-color:#a87424}.category-daily,#categoryGrid .category-icon-button:nth-child(6) .category-pictogram{background:#bb8730;border-color:#bb8730}.category-seasoning,#categoryGrid .category-icon-button:nth-child(7) .category-pictogram{background:#8a5c3d;border-color:#8a5c3d}.category-frozen,#categoryGrid .category-icon-button:nth-child(8) .category-pictogram{background:#367f91;border-color:#367f91}
.auth-gate{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#edf4f0,#d3e2db);display:grid;place-items:center;padding:20px}.auth-gate[hidden]{display:none}.auth-card{width:min(420px,100%);padding:28px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(20,55,43,.2)}.auth-card .brand-mark{margin-bottom:18px}.auth-card h1{font-size:28px}.auth-card .primary{width:100%;margin-top:18px}.header-account{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cloud-mode-badge{padding:4px 9px;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:700}@media(max-width:760px){.header-account{max-width:155px;gap:4px}.cloud-mode-badge,#signOutButton{font-size:10px}.auth-card{padding:22px}.auth-card h1{font-size:24px}}