:root{--ink:#123d5a;--deep:#082c46;--cream:#eef8fd;--paper:#fcfeff;--line:#d5e8f3;--muted:#66849a;--accent:#168dcb;--accent-dark:#0873ae;--ice:#d8f1fb;--shadow:0 10px 35px rgba(20,91,128,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}.app-shell{max-width:680px;margin:auto;min-height:100dvh;padding-bottom:91px}.topbar{position:sticky;z-index:4;top:0;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;background:rgba(238,248,253,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,61,90,.09)}.topline{display:flex;justify-content:space-between;align-items:center}.freezer-picker,.icon-button,.filter-button,.text-button{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.freezer-picker{display:flex;gap:8px;align-items:center;font-size:18px;font-weight:780;letter-spacing:-.02em;padding:8px 0}.snow{font-size:21px;filter:hue-rotate(160deg) saturate(1.35)}.chevron{font-size:17px;color:var(--muted);transform:translateY(-2px)}.icon-button{font-size:24px;padding:7px}.filter-row{display:flex;gap:9px;margin-top:10px}.search{height:44px;border-radius:14px;background:#e0f2fa;display:flex;align-items:center;gap:8px;padding:0 13px;flex:1;color:#42728d}.search span{font-family:Arial;font-weight:bold;font-size:23px;line-height:1;transform:rotate(-15deg)}.search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ink);font:inherit}.search input::placeholder{color:#7794a6}.filter-button{position:relative;border:1px solid #cce5f1;border-radius:14px;background:var(--paper);width:45px;font-size:21px}.filter-button i{display:none;position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;top:8px;right:7px}.filter-button i.on{display:block}.filter-panel{display:flex;gap:7px;padding-top:10px;overflow:auto}.filter-panel select{appearance:none;border:1px solid var(--line);padding:8px 28px 8px 10px;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23123d5a' stroke-width='1.5'/%3E%3C/svg%3E") right 10px center/12px no-repeat;color:var(--ink);font:600 12px inherit;white-space:nowrap}.hidden{display:none!important}main{padding:15px 18px}.list-meta{height:27px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em}.text-button{color:var(--accent-dark);font-size:12px;font-weight:800}.item-list{display:flex;flex-direction:column;gap:10px}.item-wrap{position:relative;overflow:hidden;border-radius:16px}.move-underlay{inset:0;position:absolute;display:flex;align-items:stretch;justify-content:flex-end;background:var(--accent);color:#fff}.move-underlay span{display:grid;place-items:center;width:95px;text-align:center;font-size:12px;font-weight:800}.item-card{position:relative;z-index:1;min-height:92px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 2px 0 rgba(13,91,128,.035);touch-action:pan-y;transition:transform .16s ease}.item-card:active{cursor:grabbing}.item-top,.item-bottom{display:flex;align-items:baseline;gap:7px;min-width:0}.item-top{margin-bottom:9px}.item-title{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-chip{font-size:10px;background:var(--ice);color:#237197;border-radius:20px;padding:3px 6px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.item-weight{color:var(--muted);font-size:13px;white-space:nowrap}.item-number{margin-left:auto;font-size:17px;font-weight:800;letter-spacing:.04em}.date{font-size:13px;font-weight:800;white-space:nowrap}.description{font-size:13px;color:#718a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.drawer{margin-left:auto;background:#e3f3fa;color:#346984;border-radius:7px;padding:3px 7px;font-size:11px;font-weight:800;white-space:nowrap}.empty-state{text-align:center;margin:80px 0;color:var(--muted)}.empty-icon{font-size:38px}.empty-state h2{margin:12px 0 5px;color:var(--ink);font-size:21px}.empty-state p{margin:0 0 18px}.primary{border:0;border-radius:12px;background:var(--accent);color:white;padding:12px 18px;font:800 14px inherit;cursor:pointer}.fab{position:fixed;z-index:5;right:max(23px,calc((100vw - 650px)/2));bottom:80px;width:58px;height:58px;border:0;border-radius:50%;background:var(--accent);color:#fff;font:300 35px/1 Arial;box-shadow:0 8px 21px rgba(9,113,174,.32);cursor:pointer}.bottom-bar{position:fixed;z-index:4;bottom:0;left:0;right:0;margin:auto;max-width:680px;height:66px;padding:0 18px calc(env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;background:rgba(252,254,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.summary-button{border:0;color:var(--ink);background:transparent;font:800 15px inherit;cursor:pointer}.summary-button span{margin-right:5px;font-size:19px}.weight-total{text-align:right;line-height:1.05}.weight-total small{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.weight-total strong{font-size:19px}.modal-root{position:fixed;z-index:20;inset:0;background:rgba(5,40,66,.45);display:flex;align-items:flex-end;justify-content:center;padding:14px;animation:fade .15s}.modal{width:min(100%,600px);max-height:92dvh;overflow:auto;background:var(--paper);border-radius:23px;padding:19px;box-shadow:var(--shadow);animation:rise .2s}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal h2{font-size:21px;letter-spacing:-.02em;margin:0}.close{border:0;background:#e5f2f8;color:var(--ink);width:31px;height:31px;border-radius:50%;font-size:18px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#497088}.field input,.field select,.field textarea{border:1px solid #cfe5f0;border-radius:11px;padding:11px;background:#fff;color:var(--ink);font:15px inherit;width:100%;outline-color:var(--accent)}.field textarea{min-height:72px;resize:vertical}.field input[type=number]{appearance:textfield}.date-mode{display:flex;gap:8px;background:#e8f4fa;border-radius:10px;padding:4px}.date-mode button{flex:1;border:0;border-radius:7px;padding:7px;background:transparent;font:700 12px inherit;color:#56798e;cursor:pointer}.date-mode button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #c9dfe9}.modal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:19px}.secondary{border:0;border-radius:12px;padding:12px 15px;background:#e6f3f9;color:var(--ink);font:800 14px inherit;cursor:pointer}.modal-list{display:flex;flex-direction:column;gap:7px}.choice{border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px;text-align:left;color:var(--ink);font:700 15px inherit;cursor:pointer}.choice small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:2px}.choice.accent{border-color:#8dd1ef;background:#f0faff}.summary-group{padding:13px 0;border-bottom:1px solid var(--line)}.summary-group:last-child,.setting-row:last-child{border-bottom:0}.summary-title{display:flex;justify-content:space-between;font-weight:800}.summary-detail{margin-top:6px;color:#58788c;font-size:13px;line-height:1.45}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.danger{color:#b44e55}.hint{font-size:12px;color:var(--muted);line-height:1.4;margin:0 0 14px}@keyframes fade{from{opacity:0}}@keyframes rise{from{transform:translateY(15px);opacity:.4}}@media(min-width:720px){.topbar{border-radius:0 0 20px 20px}.bottom-bar{border-radius:20px 20px 0 0}.modal-root{align-items:center}.modal{max-height:88vh}.fab{right:calc((100vw - 680px)/2 + 22px)}}