:root{--bg: #121214;--surface: #1b1b1f;--surface-2: #232328;--border: #2c2c32;--text: #f2f2f4;--muted: #8b8b93;--hot: #ff5f5f;--cool: #6ea8fe;--new: #ffd60a;--live: #35d07f;--board-x: 1.4rem;--rank-w: 1.9rem;--board-gap: .55rem;--col: 44rem;--row-h: 3.05rem;--brand-w: 7.1rem;--page-x: 2.5rem;--header-gap: 2rem;--serp-x: calc(var(--brand-w) + var(--header-gap));--field-h: 2.7rem;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column}.body{width:100%;max-width:var(--col);margin:0 auto;padding:1.25rem 1.25rem 3rem;flex:1}.app.is-home .body{display:flex;flex-direction:column;justify-content:center;padding-bottom:1.25rem}.header{display:flex;align-items:center;gap:var(--header-gap);padding:1.05rem var(--page-x);min-height:4.9rem}.header.compact{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.header:not(.compact){justify-content:flex-end}.brand{display:flex;align-items:center;gap:.4rem;background:none;border:0;padding:0;cursor:pointer;color:var(--text);font:inherit;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;flex:none;width:var(--brand-w)}.brand{align-items:center;line-height:1}.brand .logo{width:1.6rem;height:2.15rem;transform:translateY(-.34rem)}.brand:hover{opacity:.85}.header-search{flex:1;min-width:0;max-width:40.75rem}@media(max-width:64rem)and (min-width:40.0625rem){:root{--page-x: 1.5rem;--header-gap: 1rem}}.header-right{margin-left:auto;flex:none}.login{display:inline-flex;align-items:center;gap:.4rem;height:var(--field-h);font:inherit;font-size:.85rem;font-weight:600;padding:0 1.05rem 0 .65rem;border:0;border-radius:999px;background:#fee500;color:#191600;text-decoration:none;cursor:pointer;white-space:nowrap}.login img{width:1.4rem;height:1.4rem;flex:none}.login:hover{filter:brightness(.95)}.profile{position:relative}.profile-btn{display:flex;align-items:center;gap:.5rem;font:inherit;font-size:.85rem;height:var(--field-h);padding:0 .85rem 0 .35rem;border:1px solid #3a3a42;border-radius:999px;background:var(--surface-2);color:var(--text);cursor:pointer}.profile-btn:hover{background:#2b2b31}.auth-loading{display:block;width:7.5rem;height:var(--field-h);border-radius:999px;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.auth-loading{animation:none}}.spinner{display:inline-block;width:.85rem;height:.85rem;margin-right:.4rem;vertical-align:-.1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.5s}}.avatar{width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;background:var(--surface-2)}.avatar.letter{font-size:.85rem;font-weight:700;color:var(--muted)}.who{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{color:var(--muted);font-size:.7rem}.menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:12rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.35rem;display:flex;flex-direction:column;box-shadow:0 12px 32px #00000073;z-index:30}.menu>button{font:inherit;font-size:.88rem;text-align:left;padding:.55rem .7rem;border:0;border-radius:8px;background:none;color:var(--text);cursor:pointer}.menu>button:hover{background:var(--surface-2)}.menu>button.danger{color:var(--hot)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 2rem}.hero h1{font-size:clamp(2.2rem,7vw,3.2rem);font-weight:800;letter-spacing:-.03em;margin:.2rem 0 .35rem}.tagline{color:var(--muted);font-size:.95rem;margin:0 0 1.75rem}.hero .logo{width:3rem;height:4.1rem}.logo{flex:none}.logo svg{display:block;width:100%;height:100%}.search{display:flex;align-items:center;gap:.75rem;width:100%;background:#fff;border-radius:999px;padding:.9rem 1.4rem;position:relative}.search.small{height:var(--field-h);padding:0 1.15rem;gap:.55rem}.search-icon{width:1.25rem;height:1.25rem;color:#8a8a8e;flex:none}.search.small .search-icon{width:1rem;height:1rem}.search input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:1rem;color:#16161a}.search.small input{font-size:.9rem}.search input::placeholder{color:#9a9aa0}.clear{font:inherit;font-size:.9rem;border:0;background:none;color:#6a6a72;cursor:pointer;flex:none}.search.small .clear{font-size:.8rem}.clear:hover{color:#16161a}.go{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.board{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.board-head{display:flex;align-items:center;gap:.6rem;padding:1.1rem var(--board-x);border-bottom:1px solid var(--border)}.board-head strong{font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp{color:var(--muted);font-size:.82rem;margin-left:auto;flex:none}.live{position:relative;width:7px;height:7px;border-radius:50%;background:var(--live);flex:none}.live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--live);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}@media(prefers-reduced-motion:reduce){.live:after{animation:none;display:none}}.rows{list-style:none;margin:0;padding:0}.row+.row{border-top:1px solid var(--border)}.row-head{width:100%;height:var(--row-h);display:grid;grid-template-columns:var(--rank-w) 1fr auto;align-items:center;gap:var(--board-gap);padding:0 var(--board-x);background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}button.row-head:hover{background:var(--surface-2)}.row-head:focus-visible{outline:2px solid var(--cool);outline-offset:-2px}.row.open .row-head{background:var(--surface-2)}.rank{font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);text-align:left}.rank.top{color:var(--hot)}.name{font-size:.98rem;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.badge-new:not(:empty){margin-right:.4rem}.badge-new{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--new);white-space:nowrap}.growth{min-width:3.4rem;font-size:.82rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.growth.up{color:var(--hot)}.growth.down{color:var(--cool)}.growth.flat{color:#55555c}.row-head.skeleton{cursor:default}.sk{display:block;height:.85rem;border-radius:999px;background:linear-gradient(90deg,var(--surface-2) 25%,#2f2f36 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}.sk-rank{width:.9rem}.sk-delta{width:3.4rem}.sk-line{height:.72rem;margin-bottom:.5rem}.sk-title{height:1.05rem;margin-bottom:.55rem}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.sk{animation:none}}.app.is-serp .body{max-width:none;margin:0;padding:.85rem var(--page-x) 4rem}.serp{max-width:40.75rem;margin-left:var(--serp-x)}.serp-bar{display:flex;align-items:center;gap:.75rem;min-height:1.6rem;margin-bottom:1.15rem}.serp-stat{color:var(--muted);font-size:.8rem}.save{flex:none;font:inherit;font-size:.78rem;line-height:1;padding:.45rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap}.save:hover{background:var(--surface-2)}.save:focus-visible{outline:2px solid var(--cool);outline-offset:1px}.save.on{color:var(--hot);border-color:var(--hot)}.serp-bar .save{margin-left:auto}.hits{list-style:none;margin:0;padding:0}.hit+.hit{margin-top:1.75rem}.hit-src{display:flex;align-items:center;gap:.6rem;font-size:.8rem;line-height:1.25;margin-bottom:.35rem;min-width:0}.app-icon{width:1.75rem;height:1.75rem;border-radius:7px;object-fit:cover;flex:none;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.app-icon.letter{font-size:.85rem;font-weight:700;color:var(--muted)}.hit-who{display:flex;flex-direction:column;min-width:0}.hit-app{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hit-path{color:var(--muted);font-size:.75rem}.hit h3{margin:0;font-weight:400}.hit-title{font:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer;font-size:1.22rem;line-height:1.35;color:var(--cool);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.hit-title:hover{text-decoration:underline}.hit-title:visited{color:#b39ddb}.hit-quote{margin:.2rem 0 0;font-size:.885rem;line-height:1.58;color:#bdc1c6;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hit-date{color:var(--muted)}.hit-date:after{content:" — "}.hit-quote .stars{font-size:.8rem;margin-right:.35rem}.serp-empty{font-size:.92rem;line-height:1.7}.serp-empty p{margin:0 0 .9rem}.serp-empty strong{color:var(--text)}.serp-empty ul{margin:0;padding-left:1.1rem;color:var(--muted)}.form{padding:.5rem 0 1.5rem}.field+.field{margin-top:1.6rem}.field .label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.6rem}.avatar-edit{display:flex;align-items:center;gap:1rem}.avatar.big{width:4.5rem;height:4.5rem;font-size:1.6rem}.avatar-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.avatar-actions .hint{flex-basis:100%;margin:0;font-size:.75rem;color:var(--muted)}.row-input{display:flex;gap:.5rem;max-width:24rem}.row-input input{flex:1;min-width:0;font:inherit;font-size:.92rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text)}.row-input input:focus-visible,.form button:focus-visible{outline:2px solid var(--cool);outline-offset:1px}.saved-list{list-style:none;margin:0;padding:.25rem 0 0}.saved-list li{display:flex;align-items:center;gap:.75rem;padding:.85rem 0}.saved-list li+li{border-top:1px solid var(--border)}.saved-name{flex:1;min-width:0;font:inherit;font-size:.98rem;text-align:left;padding:0;border:0;background:none;color:var(--text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-name:hover{color:var(--cool)}.form button{font:inherit;font-size:.85rem;padding:.5rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap}.form button:hover:not(:disabled){background:#2b2b31}.form button:disabled{opacity:.45;cursor:default}.form button.ghost{background:none;color:var(--muted)}.msg.ok{color:var(--cool)}.form .msg{padding:1rem 0 0}.msg{color:var(--muted);padding:1.4rem;margin:0;font-size:.9rem}.msg.error{color:var(--hot)}.retry{font:inherit;font-size:.82rem;padding:.15rem .6rem;margin-left:.3rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);cursor:pointer}@media(max-width:40rem){.brand span{display:none}:root{--page-x: 1rem;--header-gap: .6rem;--brand-w: 1.5rem;--serp-x: 0rem}.app.is-serp .body{padding-bottom:3rem}.hit-title{font-size:1.1rem}:root{--board-x: 1rem}:root{--rank-w: 1.6rem;--board-gap: .45rem}.growth{min-width:3.2rem}.hit{padding:.95rem 1rem}.form{padding:.5rem 0 1.5rem}.search{padding:.8rem 1.1rem}.who,.caret{display:none}.profile-btn{width:var(--field-h);padding:0;border:0;background:none;justify-content:center}.profile-btn:hover{background:none;opacity:.85}.avatar{width:100%;height:100%}.login{width:var(--field-h);padding:0;background:none;justify-content:center}.login img{width:100%;height:100%}.login span{display:none}.auth-loading{width:var(--field-h)}}@media(max-height:46rem){.hero{padding-bottom:1.2rem}.hero h1{font-size:2rem}.hero .logo{width:2.2rem;height:3rem}.tagline{margin-bottom:1rem}.search{padding:.7rem 1.2rem}:root{--row-h: 2.7rem}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.overlay-panel{display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--bg)}.overlay-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:.5rem;min-height:4.9rem;padding:1.05rem var(--page-x);background:var(--bg)}.overlay-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-left:-.55rem;flex:none;border:0;border-radius:50%;background:none;color:var(--text);cursor:pointer}.chevron:hover{background:var(--surface-2)}.chevron:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.chevron svg{width:1.5rem;height:1.5rem}.overlay-body{flex:1;overflow-y:auto;padding:0 var(--page-x) 4rem}.overlay-inner{max-width:46rem;margin-left:var(--serp-x)}.overlay-skeleton{display:flex;flex-direction:column}.overlay-h{margin:.7rem 0 .4rem;font-size:1.6rem;line-height:1.35;word-break:break-word}.overlay-meta{display:flex;gap:.6rem;align-items:baseline;margin:0 0 1.4rem;font-size:.82rem;color:var(--muted)}.overlay-quote{margin:0;font-size:1.05rem;line-height:1.75;word-break:break-word}.overlay-source{margin-top:2.25rem}.overlay-source h3,.overlay-related h3{margin:0 0 .6rem;font-size:.8rem;font-weight:600;color:var(--muted)}.overlay-source p{margin:0;font-size:.9rem}.overlay-note{margin-top:.4rem!important;font-size:.8rem!important;color:var(--muted)}.overlay-note a{color:var(--cool)}.overlay-related{margin-top:2.5rem}.overlay-related ul{list-style:none;margin:0;padding:0}.overlay-related li+li{border-top:1px solid var(--border)}.overlay-related button{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;width:100%;font:inherit;font-size:.78rem;color:var(--muted);text-align:left;padding:.9rem .6rem;margin:0 -.6rem;border:0;border-radius:8px;background:none;cursor:pointer}.overlay-related button:hover{background:var(--surface)}.overlay-related button:focus-visible{outline:2px solid var(--cool);outline-offset:-2px}.related-quote{flex-basis:100%;margin-top:.15rem;font-size:.88rem;line-height:1.55;color:#c9c9d1;word-break:break-word}@media(max-width:40rem){.overlay-head{min-height:3.6rem;padding:.7rem var(--page-x)}.overlay-h{font-size:1.3rem}.overlay-quote{font-size:1rem}}