*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#14161a;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#f4f5f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}#root{min-height:100svh}button{font-family:inherit}.app{width:480px;max-width:100%;padding:0 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.app-header{padding-top:calc(20px + env(safe-area-inset-top));flex-direction:column;gap:16px;display:flex}.app-header h1{text-align:center;color:#14161a;margin:0;font-size:22px;font-weight:600}.camera-button-wrap{width:100%}.camera-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:96px;font-size:20px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;box-shadow:0 8px 20px #4f46e547}.camera-button:active:not(:disabled){transform:scale(.98);box-shadow:0 4px 12px #4f46e53d}.camera-button:disabled{opacity:.6;cursor:default}.camera-input{display:none}.error-text{color:#b91c1c;background:#fee2e2;border-radius:12px;margin:0;padding:10px 14px;font-size:14px}.photo-section{flex-direction:column;gap:12px;display:flex}.photo-section-head h2{color:#6b7280;margin:0;font-size:14px;font-weight:500}.empty-hint{text-align:center;color:#9ca3af;background:#fff;border-radius:16px;margin:0;padding:40px 16px;font-size:15px}.photo-list{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.photo-card{aspect-ratio:1;background:#eceef1;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.photo-image{object-fit:cover;width:100%;height:100%;display:block}.photo-time{box-sizing:border-box;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0009);width:100%;padding:10px 6px 4px;font-size:10px;line-height:1.2;position:absolute;bottom:0;left:0}.delete-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.delete-button:active{background:#dc2626e6}.app-footer{text-align:center;color:#9ca3af;font-size:12px}