:root{--green: #7cc242;--green-dark: #5aa62f;--teal: #12a89d;--teal-dark: #0e8a81;--navy: #2b3a4a;--orange: #f5a623;--bg: #f4f6f7;--card: #ffffff;--border: #e6eaec;--text: #2b3a4a;--text-soft: #6b7a86;--text-faint: #a9b4bc;--danger: #e05656;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 10px rgba(43, 58, 74, .06);--shadow-lg: 0 8px 30px rgba(43, 58, 74, .14);--header-h: 60px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;font-size:16px}a{color:var(--teal);text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{max-width:640px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.app-header{position:sticky;top:0;z-index:20;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;gap:12px;padding-left:14px;padding-right:14px;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.app-header .title{font-size:18px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.app-header .subtitle{font-size:12px;font-weight:500;color:var(--text-soft)}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--navy);flex-shrink:0}.icon-btn:active{background:var(--border)}.content{flex:1;padding:16px 14px calc(120px + var(--safe-bottom))}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.tile{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:12px;transition:transform .08s ease}.tile:active{transform:scale(.99)}.tile .tile-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#fff}.tile .tile-body{flex:1;min-width:0}.tile .tile-title{font-weight:650;font-size:16px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .tile-sub{font-size:13px;color:var(--text-soft);margin-top:2px}.tile .chevron{color:var(--text-faint);flex-shrink:0}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin:22px 4px 10px}.section-title:first-child{margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:var(--radius-sm);font-weight:650;font-size:15px;transition:filter .12s ease,opacity .12s ease}.btn:active{filter:brightness(.95)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--teal);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-ghost{background:var(--border);color:var(--navy)}.btn-block{width:100%}.btn-danger{background:#fbe9e9;color:var(--danger)}.fab{position:fixed;right:max(16px,calc((100vw - 640px)/2 + 16px));bottom:calc(22px + var(--safe-bottom));height:56px;padding:0 22px;border-radius:28px;background:var(--teal);color:#fff;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);z-index:30}.fab:active{filter:brightness(.95)}.field{width:100%;padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--text);outline:none;transition:border-color .12s ease}.field:focus{border-color:var(--teal)}.label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin:0 2px 6px}.empty{text-align:center;color:var(--text-soft);padding:48px 20px}.empty .emoji{font-size:40px;margin-bottom:10px}.center-screen{min-height:100%;display:grid;place-items:center;padding:24px}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b3a4a66;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:640px;background:#fff;border-radius:22px 22px 0 0;padding:8px 18px calc(22px + var(--safe-bottom));animation:slideup .22s cubic-bezier(.2,.8,.2,1)}@keyframes slideup{0%{transform:translateY(100%)}}.sheet-grip{width:40px;height:4px;border-radius:2px;background:var(--border);margin:8px auto 14px}.sheet h2{font-size:18px;color:var(--navy);margin-bottom:16px}.sheet .row{display:flex;gap:10px;margin-top:14px}.sheet .row .btn{flex:1}.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-bottom));transform:translate(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:22px;font-size:14px;font-weight:600;z-index:60;box-shadow:var(--shadow-lg);animation:fade .15s ease;white-space:nowrap}.category-block{margin-bottom:18px}.category-head{display:flex;align-items:center;gap:8px;padding:4px 6px 8px}.category-head .cat-name{font-size:14px;font-weight:750;color:var(--navy);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-head .cat-count{font-size:12px;font-weight:600;color:var(--text-faint)}.category-head .cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cat-menu-btn{color:var(--text-faint);padding:4px;border-radius:8px}.items{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden}.item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--card);border-bottom:1px solid var(--border);touch-action:manipulation;-webkit-user-select:none;user-select:none}.item:last-child{border-bottom:none}.item.dragging{box-shadow:var(--shadow-lg);border-radius:var(--radius);border:1px solid var(--border);opacity:.95}.item .drag-handle{color:var(--text-faint);display:grid;place-items:center;flex-shrink:0;touch-action:none;cursor:grab;padding:2px}.item .drag-handle:active{cursor:grabbing}.checkbox{width:24px;height:24px;border-radius:8px;border:2px solid var(--text-faint);display:grid;place-items:center;flex-shrink:0;transition:all .15s ease;background:#fff}.checkbox.checked{background:var(--green);border-color:var(--green)}.checkbox svg{opacity:0;transform:scale(.5);transition:all .15s ease}.checkbox.checked svg{opacity:1;transform:scale(1)}.item .item-name{flex:1;font-size:16px;color:var(--text);min-width:0;word-break:break-word;transition:color .15s ease}.item.done .item-name{color:var(--text-faint);text-decoration:line-through;text-decoration-color:var(--text-faint)}.item .item-qty{font-size:13px;color:var(--text-soft);margin-left:6px}.item .item-del{color:var(--text-faint);padding:6px;border-radius:8px;flex-shrink:0}.item .item-del:active{background:#fbe9e9;color:var(--danger)}.add-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;padding:10px 14px calc(10px + var(--safe-bottom));background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid var(--border)}.add-bar-inner{width:100%;max-width:640px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.add-bar-row{display:flex;gap:10px;align-items:center}.add-bar-row .field{flex:1;min-width:0}.add-bar .add-send{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--teal);color:#fff;display:grid;place-items:center}.add-bar .add-send:disabled{opacity:.4}.add-bar .cat-select{width:100%}.done-divider{display:flex;align-items:center;gap:10px;margin:22px 4px 12px;color:var(--text-faint);font-size:13px;font-weight:650}.done-divider:before,.done-divider:after{content:"";flex:1;height:1px;background:var(--border)}.color-picker{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent}.color-swatch.active{border-color:var(--navy)}.member-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--bg);border-radius:20px;font-size:14px;font-weight:600;color:var(--navy);margin:0 8px 8px 0}.member-chip img,.member-chip .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.avatar{display:grid;place-items:center;background:var(--teal);color:#fff;font-size:12px;font-weight:700}.invite-code{font-size:32px;font-weight:800;letter-spacing:.28em;color:var(--navy);text-align:center;padding:18px 0 8px;font-variant-numeric:tabular-nums}