*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #ff3b00;--bg: #f5f5f5;--card-bg: #ffffff;--border: #f0f0f0;--text: #1a1a1a;--muted: #888;--hover-bg: #fafafa}html,body,#app{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.header{width:100%;max-width:480px;padding:2.5rem 1.25rem 1.5rem;text-align:center}.brand{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--text);text-decoration:none;margin-bottom:.375rem;transition:opacity .12s}.brand:hover{opacity:.7}.star{width:1rem;height:1rem}.tagline{font-size:.8125rem;color:var(--muted);margin-top:.375rem}.saved-hint{font-size:.75rem;color:var(--muted);margin-top:.375rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.saved-hint strong{color:var(--accent);font-weight:600}.clear-btn{background:none;border:none;cursor:pointer;font-size:.625rem;color:var(--muted);padding:0 .25rem;line-height:1;transition:color .12s}.clear-btn:hover{color:var(--accent)}.main{width:100%;max-width:480px;padding:0 1.25rem 3rem;display:flex;flex-direction:column;gap:.75rem}.card-list{background:var(--card-bg);border-radius:1rem;border:1px solid var(--border);overflow:hidden}.item{width:100%;display:flex;align-items:center;padding:.875rem 1.25rem;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;text-align:left;transition:background .12s;gap:.75rem}.item:last-child{border-bottom:none}.item:hover{background:var(--hover-bg)}.item--saved{background:#ff3b0008}.item--saved:hover{background:#ff3b000f}.item:hover .arrow{color:#555}.item-dot{width:.5rem;height:.5rem;border-radius:50%;background:#ddd;flex-shrink:0}.item-dot--active{background:var(--accent)}.item-text{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.item-label{font-size:.875rem;font-weight:600;color:var(--text)}.item-desc{font-size:.75rem;color:var(--muted)}.item-badge{font-size:.625rem;font-weight:700;color:var(--accent);background:#ff3b0014;padding:.125rem .5rem;border-radius:999px;flex-shrink:0;white-space:nowrap}.arrow{width:1rem;height:1rem;color:#ccc;flex-shrink:0;transition:color .12s}.footer{text-align:center;font-size:.6875rem;color:var(--muted);padding-top:.25rem}