*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f14;--surface: #161a24;--surface2: #1e2333;--border: #2d3348;--text: #c8cedd;--text-muted: #6b7694;--accent: #8fa4d8;--rank-b: #4caf73;--rank-a: #5b9bd5;--rank-s: #d4a843;--rank-ss: #9d6fd4;--exp-arr: #8c6020;--exp-hw: #3a6b8c;--exp-sb: #8c3a3a;--exp-shb: #3a8c5c;--exp-ew: #5c3a8c;--exp-dt: #8c5c3a}html,body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(180deg,#1a1f2e,#0d0f14);border-bottom:1px solid var(--border);padding:1.25rem 1rem}.app-header-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:1rem}.app-logo{flex-shrink:0}.app-title{font-size:1.5rem;font-weight:700;color:#e8dfc0;letter-spacing:.05em;text-transform:uppercase}.app-subtitle{margin-top:.15rem;color:var(--text-muted);font-size:.8rem}.app-main{flex:1;max-width:860px;width:100%;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:1.75rem}.search-wrapper{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:visible}.search-input-row{display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border)}.search-icon{color:var(--text-muted);font-size:1.1rem;margin-right:.6rem;-webkit-user-select:none;user-select:none}.search-input{flex:1;padding:.85rem 0;background:transparent;border:none;color:var(--text);font-size:1rem;outline:none}.search-input::placeholder{color:var(--text-muted)}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.65rem 1rem;align-items:center}.filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.filter-label{font-size:.78rem;color:var(--text-muted);margin-right:.15rem;white-space:nowrap}.chip{padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;background:var(--surface2);color:var(--text-muted);border-color:var(--border)}.chip:hover{color:var(--text);border-color:#5a627a}.chip-elite.chip--active{background:#8fa4d833;color:var(--accent);border-color:var(--accent)}.chip-regular.chip--active{background:#4fd4a026;color:#4fd4a0;border-color:#4fd4a0}.rank-chip-S.chip--active{background:#d4a84333;color:var(--rank-s);border-color:var(--rank-s)}.rank-chip-A.chip--active{background:#5b9bd533;color:var(--rank-a);border-color:var(--rank-a)}.rank-chip-B.chip--active{background:#4caf7333;color:var(--rank-b);border-color:var(--rank-b)}.rank-chip-Lv1.chip--active{background:#4fd4a026;color:#4fd4a0;border-color:#4fd4a0}.rank-chip-Lv2.chip--active{background:#8cc88226;color:#8ec882;border-color:#8ec882}.rank-chip-Lv3.chip--active{background:#9d6fd433;color:var(--rank-ss);border-color:var(--rank-ss)}.exp-chip-ARR.chip--active{background:#8c602040;color:#c8952a;border-color:#c8952a}.exp-chip-HW.chip--active{background:#3a6b8c40;color:#5eaad4;border-color:#5eaad4}.exp-chip-SB.chip--active{background:#8c3a3a40;color:#d45e5e;border-color:#d45e5e}.exp-chip-ShB.chip--active{background:#3a8c5c40;color:#4fd4a0;border-color:#4fd4a0}.exp-chip-EW.chip--active{background:#5c3a8c40;color:#a47fd4;border-color:#a47fd4}.exp-chip-DT.chip--active{background:#8c5c3a40;color:#d4a07f;border-color:#d4a07f}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;list-style:none;max-height:420px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000080}.search-no-results{padding:1rem;color:var(--text-muted);text-align:center;font-size:.875rem}.search-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.search-item:last-child{border-bottom:none}.search-item--active{background:var(--surface2)}.search-item--tracked{opacity:.55}.search-item-name{flex:1;font-weight:500}.search-item-zone{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.tracked-check{color:var(--rank-b);font-size:.85rem}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:20px;padding:0 5px;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.03em;flex-shrink:0;white-space:nowrap}.rank-B{background:#4caf732e;color:var(--rank-b);border:1px solid rgba(76,175,115,.3)}.rank-A{background:#5b9bd52e;color:var(--rank-a);border:1px solid rgba(91,155,213,.3)}.rank-S{background:#d4a8432e;color:var(--rank-s);border:1px solid rgba(212,168,67,.3)}.rank-SS{background:#9d6fd42e;color:var(--rank-ss);border:1px solid rgba(157,111,212,.3)}.rank-Lv1{background:#4fd4a026;color:#4fd4a0;border:1px solid rgba(79,212,160,.3)}.rank-Lv2{background:#8cc88226;color:#8ec882;border:1px solid rgba(140,200,130,.3)}.rank-Lv3{background:#9d6fd426;color:#b08de0;border:1px solid rgba(157,111,212,.3)}.exp-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:3px;font-size:.68rem;font-weight:700;flex-shrink:0}.exp-ARR{background:#8c602040;color:#c8952a}.exp-HW{background:#3a6b8c40;color:#5eaad4}.exp-SB{background:#8c3a3a40;color:#d45e5e}.exp-ShB{background:#3a8c5c40;color:#4fd4a0}.exp-EW{background:#5c3a8c40;color:#a47fd4}.exp-DT{background:#8c5c3a40;color:#d4a07f}.list-section{display:flex;flex-direction:column}.section-title{font-size:1rem;font-weight:700;color:var(--rank-s);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.list-count{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:1px 8px;border-radius:20px}.hunt-list-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:10px}.hunt-list-empty p+p{margin-top:.4rem;font-size:.875rem}.stats-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.55rem .9rem;display:flex;flex-direction:column;align-items:center;min-width:70px;gap:2px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1}.stat-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.stat-done .stat-value{color:#4fd4a0}.stat-s .stat-value{color:var(--rank-s)}.stat-a .stat-value{color:var(--rank-a)}.stat-b .stat-value{color:var(--rank-b)}.stat-regular .stat-value{color:#8ec882}.hunt-list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.group-toggle{display:flex;gap:.4rem;flex-wrap:wrap}.group-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:4px 12px;border-radius:6px;font-size:.8rem;transition:all .15s}.group-btn:hover{border-color:var(--accent);color:var(--accent)}.group-btn--active{background:#8fa4d826;border-color:var(--accent);color:var(--accent)}.toolbar-actions{display:flex;gap:.4rem}.clear-done-btn{background:transparent;border:1px solid rgba(79,212,160,.35);color:#4fd4a0;padding:4px 12px;border-radius:6px;font-size:.8rem;transition:all .15s}.clear-done-btn:hover{background:#4fd4a01a}.clear-btn{background:transparent;border:1px solid rgba(212,80,80,.35);color:#d47070;padding:4px 12px;border-radius:6px;font-size:.8rem;transition:all .15s}.clear-btn:hover{background:#d450501a;border-color:#d47070}.hunt-group{margin-bottom:1rem}.hunt-group-header{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.25rem .6rem;border-left:3px solid var(--border);margin-bottom:.25rem}.hunt-group-list{list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.hunt-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-bottom:1px solid var(--border);transition:background .1s}.hunt-item:last-child{border-bottom:none}.hunt-item:hover{background:var(--surface2)}.hunt-item--done{opacity:.45}.hunt-item-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hunt-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hunt-item-meta{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.bill-count{color:#4fd4a0;font-size:.75rem}.hunt-item-actions{display:flex;gap:.3rem;flex-shrink:0}.complete-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:6px;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .12s}.complete-btn:hover{border-color:#4fd4a0;color:#4fd4a0;background:#4fd4a01a}.complete-btn--done{background:#4fd4a026;border-color:#4fd4a0;color:#4fd4a0}.remove-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);width:28px;height:28px;border-radius:6px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .12s}.remove-btn:hover{background:#d450501f;color:#d47070;border-color:#d450504d}.list-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.list-section-header .section-title{margin-bottom:0}.share-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:4px 12px;border-radius:6px;font-size:.8rem;transition:all .15s}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.shared-banner{display:flex;align-items:center;justify-content:space-between;background:#8fa4d81f;border:1px solid rgba(143,164,216,.3);border-radius:8px;padding:.65rem 1rem;font-size:.875rem;color:var(--accent)}.shared-banner-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;line-height:1;padding:0 4px;cursor:pointer}.shared-banner-dismiss:hover{color:var(--text)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;box-shadow:0 4px 16px #0006;pointer-events:none;animation:toast-in .2s ease;z-index:200}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 560px){.app-title{font-size:1.2rem}.stats-bar{gap:.35rem}.stat-card{min-width:58px;padding:.45rem .6rem}.hunt-item-meta{flex-direction:column;align-items:flex-start;gap:.15rem}}