:root{--ink:#20282d;--muted:#69757c;--line:#d9e0df;--page:#f3f5f2;--panel:#fff;--accent:#0f7b6c;--accent-dark:#095d52;--danger:#9d2f2f}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.gateShell{place-items:center;width:min(420px,100% - 28px);min-height:100svh;margin:0 auto;display:grid}.gate{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:14px;width:100%;padding:22px;display:grid}.gate p{color:var(--accent-dark);margin:0;font-size:14px;font-weight:700}.gate h1{letter-spacing:0;margin:0;font-size:36px}.pinError{color:var(--danger);font-weight:700}.shell{width:min(560px,100% - 28px);margin:0 auto;padding:22px 0 42px}.top{padding:10px 0 16px}.top p{color:var(--accent-dark);margin:0 0 6px;font-size:14px;font-weight:700}.top h1{letter-spacing:0;margin:0;font-size:34px}.notice{background:#e7f5ee;border:1px solid #a8dec3;border-radius:8px;margin:0 0 14px;padding:14px;font-weight:700}.notice.error{color:var(--danger);background:#fdeaea;border-color:#efb4b4}.form{gap:14px;display:grid}.field,.photo{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:7px;padding:14px;display:grid}.field span,.photo span{font-size:15px;font-weight:700}input,select,textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:7px;padding:11px 12px;font-size:17px}textarea{resize:vertical;min-height:130px}.photoInput{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.save{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:58px;font-size:19px;font-weight:800}.save:disabled{background:var(--muted)}.remember{border:1px solid var(--line);background:#f8faf8;border-radius:7px;align-items:center;gap:10px;padding:12px;font-size:16px;font-weight:700;display:flex}.remember input{width:22px;min-height:22px;accent-color:var(--accent)}.checking{border:1px solid var(--line);color:var(--muted);background:#f8faf8;border-radius:7px;padding:14px;font-weight:700}.top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.forget{border:1px solid var(--line);min-height:38px;color:var(--muted);white-space:nowrap;background:#fff;border-radius:7px;padding:0 12px;font-weight:700}@media (width<=420px){.top{display:block}.forget{margin-top:10px}}.photoPick{background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;place-items:center;min-height:54px;font-size:18px;font-weight:800;display:grid}.photoName{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.photoPreview,.photoEmpty{border:1px solid var(--line);background:#f8faf8;border-radius:8px;place-items:center;min-height:220px;display:grid;overflow:hidden}.photoPreview img{object-fit:contain;width:100%;max-height:min(52svh,420px);display:block}.photoEmpty{color:var(--muted);text-align:center;min-height:120px;padding:16px;font-weight:700}@media (width<=420px){.shell{width:min(100% - 24px,560px);padding-top:18px}.top h1{font-size:38px;line-height:1.05}.field,.photo{gap:12px;padding:14px}.field span,.photo span{font-size:18px}.photoPreview{min-height:240px}.photoPreview img{max-height:46svh}}.tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.tabs button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:8px;font-size:17px;font-weight:800}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.trackingPanel{gap:12px;display:grid}.trackingHead{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.trackingHead h2{margin:0 0 4px;font-size:24px}.trackingHead p{color:var(--muted);margin:0;font-weight:700}.trackingHead button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px;font-weight:800}.trackingList{gap:10px;display:grid}.trackingItem{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:10px;padding:14px;display:grid}.trackingTitle{justify-content:space-between;align-items:center;gap:10px;display:flex}.trackingTitle strong{font-size:22px}.trackingTitle span{color:var(--accent-dark);background:#e7f5ee;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.trackingItem p{white-space:pre-wrap;margin:0;font-size:16px;line-height:1.35}.trackingMeta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trackingMeta span{color:var(--muted);font-size:12px;font-weight:700}.trackingMeta strong{overflow-wrap:anywhere;margin-top:3px;display:block}.trackingEmpty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:18px;font-weight:800}.errorText{color:var(--danger)}.trackingItem{grid-template-columns:92px minmax(0,1fr);align-items:start}.trackingImage{border:1px solid var(--line);object-fit:contain;background:#f8faf8;border-radius:8px;width:92px;height:92px;display:block}.emptyImage{color:var(--muted);text-align:center;place-items:center;font-size:12px;font-weight:800;display:grid}.trackingBody{gap:10px;min-width:0;display:grid}@media (width<=420px){.trackingItem{grid-template-columns:82px minmax(0,1fr);padding:10px}.trackingImageButton,.trackingImage{width:82px;height:82px}.trackingMeta{grid-template-columns:1fr;gap:8px}}.trackingImageButton{cursor:zoom-in;background:0 0;border:0;border-radius:8px;width:92px;height:92px;padding:0}.trackingImageButton:focus-visible{outline-offset:3px;outline:3px solid #0f7b6c59}.imageModal{z-index:20;background:#0a1216b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.imageModalInner{gap:10px;width:min(940px,100%);max-height:calc(100svh - 36px);display:grid}.imageModalInner img{object-fit:contain;background:#fff;border-radius:8px;width:100%;max-height:calc(100svh - 96px);display:block}.imageModalClose{min-height:44px;color:var(--ink);background:#fff;border:0;border-radius:8px;justify-self:end;padding:0 16px;font-weight:800}.historyToggle{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;font-weight:800}.publicHistory{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:10px;padding:10px;display:grid}.publicHistoryList{gap:8px;display:grid}.publicHistoryItem{border-bottom:1px solid #e3ebe8;gap:6px;padding-bottom:8px;display:grid}.publicHistoryItem:last-child{border-bottom:0;padding-bottom:0}.publicHistoryMeta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.publicHistoryMeta span{color:var(--muted);font-size:12px;font-weight:700}.publicHistoryItem p{white-space:pre-wrap;margin:0;font-size:15px;line-height:1.35}.publicHistoryEmpty{color:var(--muted);font-weight:800}.publicHistoryPhoto{border:1px solid var(--line);cursor:zoom-in;background:#eef2f1;border-radius:8px;width:82px;height:82px;min-height:0;padding:0;overflow:hidden}.publicHistoryPhoto img{object-fit:contain;width:100%;height:100%;display:block}.updateForm{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.updateForm textarea{min-height:96px}.updateForm button{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:48px;font-weight:800}.updateForm button:disabled{background:var(--muted)}.updateMessage{color:var(--accent-dark);font-weight:800}.publicStatusControls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.publicStatusControls button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;font-weight:800}.publicStatusControls button.active{background:var(--accent);border-color:var(--accent);color:#fff}.publicStatusControls button:disabled{opacity:.65}.statusMessage{color:var(--accent-dark);font-weight:800}.trackingControls{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr));align-items:end;gap:8px;padding:10px;display:grid}.trackingControls label{color:var(--muted);gap:5px;font-size:12px;font-weight:800;display:grid}.trackingControls input,.trackingControls select{min-height:40px;color:var(--ink);padding:8px 9px;font-size:15px}.trackingClear{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;grid-column:1/-1;font-weight:800}@media (width>=641px){.trackingItem{grid-template-columns:132px minmax(0,1fr)}.trackingImageButton,.trackingImage,.emptyImage{width:132px;height:132px}}@media (width<=640px){.trackingHead{align-items:stretch}.trackingControls{grid-template-columns:1fr 1fr;gap:9px}.trackingControls .trackingSearch{grid-column:1/-1}.trackingControls input,.trackingControls select{min-height:44px;font-size:16px}.trackingClear{grid-column:1/-1}.trackingItem{grid-template-columns:1fr;gap:12px;padding:12px}.trackingImageButton,.trackingImage,.emptyImage{aspect-ratio:4/3;width:100%;height:auto;min-height:230px}.trackingImageButton{background:#f8faf8;overflow:hidden}.trackingImage{object-fit:contain}.trackingTitle strong{font-size:24px}.trackingItem p{font-size:15px}.trackingMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.trackingMeta span{font-size:11px}.trackingMeta strong{font-size:14px}}@media (width<=380px){.trackingControls{grid-template-columns:1fr}.trackingMeta{grid-template-columns:1fr 1fr}.trackingImageButton,.trackingImage,.emptyImage{min-height:210px}}