:root{--bg: #e4ebe8;--bg-soft: #f5f8f6;--surface: #fffcf8;--text: #3d4a45;--muted: #7a8f86;--border: #d4e0da;--shadow: rgba(61, 74, 69, .08);--place: #6b9b8a;--place-soft: #dceee6;--yan: #6a8faf;--yan-soft: #dce8f4;--liza: #9a7fad;--liza-soft: #ebe2f2;--accent: #6b9b8a;--radius: 16px;--nav-h: 58px;--safe-b: env(safe-area-inset-bottom, 0px);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--text);background:linear-gradient(165deg,var(--bg) 0%,var(--bg-soft) 40%,var(--surface) 100%);line-height:1.45}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit}.app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 12px)}.header{padding:14px 16px 8px}.header h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.header p{margin:4px 0 0;font-size:.85rem;color:var(--muted)}.search{margin:0 16px 12px;width:calc(100% - 32px);padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.search::placeholder{color:var(--muted)}.content{padding:0 16px 16px}.section-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);margin-bottom:14px;font-weight:600;font-size:.95rem}.section-banner--place{background:var(--place-soft);color:#2f5a4c}.section-banner--yan{background:var(--yan-soft);color:#2f4a62}.section-banner--liza{background:var(--liza-soft);color:#4f3d5c}.section-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:1.1rem;background:#ffffffa6}.empty{text-align:center;padding:32px 16px;color:var(--muted);font-size:.95rem}.wish-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wish-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px var(--shadow)}.wish-card--place{border-left:4px solid var(--place)}.wish-card--yan{border-left:4px solid var(--yan)}.wish-card--liza{border-left:4px solid var(--liza)}.wish-title{flex:1;margin:0;font-size:1rem;font-weight:500;word-break:break-word}.wish-meta{font-size:.75rem;color:var(--muted);margin-top:2px}.wish-del{flex-shrink:0;border:none;background:transparent;color:var(--muted);font-size:1.25rem;padding:4px 8px;cursor:pointer;border-radius:8px}.wish-del:active{background:var(--border)}.random-bar{margin-bottom:14px}.btn-random{width:100%;padding:12px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--place) 0%,#5a8a7a 100%);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #6b9b8a59}.random-result{margin-top:10px;padding:12px 14px;background:var(--place-soft);border-radius:12px;text-align:center;font-weight:600;color:#2f5a4c;animation:pop .35s ease}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px var(--shadow);z-index:20}.nav-btn{flex:1;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.68rem;color:var(--muted);cursor:pointer;padding:6px 4px}.nav-btn .nav-dot{width:8px;height:8px;border-radius:50%;margin-bottom:2px}.nav-btn--place .nav-dot{background:var(--place)}.nav-btn--yan .nav-dot{background:var(--yan)}.nav-btn--liza .nav-dot{background:var(--liza)}.nav-btn--add .nav-dot{background:var(--text);width:10px;height:10px;border-radius:4px}.nav-btn.active{color:var(--text);font-weight:600}.nav-btn.active .nav-dot{box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px currentColor}.nav-btn--place.active{color:var(--place)}.nav-btn--yan.active{color:var(--yan)}.nav-btn--liza.active{color:var(--liza)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#3d4a4540;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 12px)}.sheet{width:100%;max-width:420px;background:var(--surface);border-radius:20px 20px 16px 16px;padding:18px 16px 16px;box-shadow:0 -8px 32px var(--shadow);animation:slide-up .28s ease}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet h2{margin:0 0 14px;font-size:1.1rem}.type-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.type-btn{padding:16px 12px;border:2px solid var(--border);border-radius:14px;background:var(--bg-soft);cursor:pointer;text-align:center;font-weight:600}.type-btn.selected{border-color:var(--accent);background:var(--place-soft)}.type-btn--yan.selected{border-color:var(--yan);background:var(--yan-soft)}.type-btn--liza.selected{border-color:var(--liza);background:var(--liza-soft)}.owner-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.sheet input[type=text]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:#fff}.sheet-actions{display:flex;gap:10px}.btn{flex:1;padding:12px;border:none;border-radius:12px;font-weight:600;cursor:pointer}.btn-ghost{background:var(--bg-soft);color:var(--text)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.5}.error-toast{margin:8px 16px;padding:10px 12px;background:#fce8e8;color:#8a4545;border-radius:10px;font-size:.85rem}.loading{text-align:center;padding:24px;color:var(--muted)}