*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f5f7;color:#1f2937}button,input{font:inherit}button{cursor:pointer}.app{width:min(760px,100%);margin:auto;padding:18px 12px 28px}.card,.panel{background:#fff;border-radius:18px;box-shadow:0 2px 14px rgba(0,0,0,.06)}.login-card{margin-top:9vh;padding:28px 20px}.logo{text-align:center;font-size:44px}h1{margin:4px 0}h2{margin:0}.muted{color:#6b7280}.small{font-size:12px}label{display:block;margin:14px 0 5px;font-size:13px;color:#6b7280}input{width:100%;padding:13px 14px;border:1px solid #d1d5db;border-radius:12px;min-height:48px}.primary,.primary-wide{border:0;background:#111827;color:#fff;font-weight:700;border-radius:12px;padding:12px 16px}.primary-wide{width:100%}.login-card .primary{width:100%;margin-top:16px}.topbar{display:flex;justify-content:space-between;align-items:center;margin:5px 2px 14px}.ghost,.ghost-wide{border:1px solid #d1d5db;background:#fff;border-radius:11px;padding:9px 11px}.ghost-wide{width:100%;font-weight:700}.tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#e5e7eb;border-radius:14px;padding:4px;margin-bottom:12px}.tab{border:0;background:transparent;padding:10px 5px;border-radius:11px;font-size:12px}.tab.active{background:#fff;font-weight:700}.panel{padding:12px}.add-row{display:flex;gap:8px;margin-bottom:12px}.add-row input{flex:1}.toolbar{display:flex;gap:8px;margin-bottom:12px}.drive-wide{flex:1;border:0;background:#111827;color:#fff;border-radius:12px;padding:11px;font-weight:700}.danger-ghost{border:1px solid #fecaca;background:#fff;color:#b91c1c;border-radius:10px;padding:9px}.list{border:1px solid #eceff1;border-radius:14px;overflow:hidden}.item{display:flex;align-items:flex-start;gap:8px;padding:12px;border-bottom:1px solid #eceff1}.item:last-child{border-bottom:0}.grow{flex:1}.requested{font-size:12px;color:#6b7280;margin-bottom:2px}.name{font-size:17px;font-weight:700}.pack{font-size:12px;color:#6b7280;margin-top:2px}.meta{font-size:11px;color:#9ca3af;margin-top:6px}.delete{border:0;background:transparent;font-size:20px;color:#9ca3af}.empty{padding:28px 12px;text-align:center;color:#9ca3af}.prepare-box{margin-bottom:12px;padding:14px;border:1px solid #d1fae5;background:#ecfdf5;border-radius:14px}.copy-msg{margin-top:10px;font-size:12px;color:#047857;white-space:pre-wrap}.habit-list{display:grid;gap:10px}.habit-card{border:1px solid #e5e7eb;border-radius:14px;padding:13px}.shortcut{font-weight:800;font-size:17px}.arrow{color:#9ca3af;font-size:13px;margin:2px 0}.habit-product{font-size:14px;font-weight:600}.habit-meta{font-size:11px;color:#6b7280;margin-top:5px}.cart-total{text-align:right;font-weight:800;padding-top:12px}.error{color:#b91c1c}
@media(max-width:520px){.tabs{grid-template-columns:repeat(2,1fr)}.add-row,.toolbar{flex-direction:column}}