:root{--night-deep:#071713;--rainforest:#0b2b22;--panel:#102a23;--wet-leaf:#1e5442;--leaf-glow:#7bc5a4;--moon-mist:#bcdad2;--warm-light:#b98b55;--text:#e8f2ed;--content-max:1440px;--radius-card:20px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--night-deep);margin:0;font-family:system-ui,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--warm-light);outline-offset:4px}.skip-link{z-index:10;color:var(--night-deep);background:var(--text);border-radius:.5rem;padding:.625rem 1rem;font-weight:700;transition:transform .2s;position:fixed;inset-block-start:1rem;inset-inline-start:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,#main-content{width:min(100% - clamp(2rem, 6vw, 6rem), var(--content-max));margin-inline:auto}.site-header{border-block-end:1px solid var(--wet-leaf);padding-block:clamp(2rem,6vw,5rem) clamp(1.5rem,4vw,3rem)}.site-title{color:var(--text);letter-spacing:.04em;margin:0;font-size:clamp(1.75rem,4vw,3.5rem);line-height:1.15}.site-title a{text-decoration-color:var(--leaf-glow);text-underline-offset:.18em;text-decoration-thickness:.08em}#main-content{padding-block:clamp(2rem,5vw,4.5rem)}.search-area{width:min(100%,46rem);margin:0 auto clamp(2rem,5vw,4rem)}.search-shell{padding-block-start:3.35rem;position:relative}.snake-head{z-index:0;opacity:0;transform-origin:bottom;pointer-events:none;width:5.2rem;height:4.3rem;display:block;position:absolute;inset-block-start:0;inset-inline-start:50%;overflow:visible;transform:translate(-50%,62%)}.snake-head__tongue{opacity:0;transform-box:fill-box;transform-origin:top;transform:scaleY(0)}.search-shell.is-awake .snake-head{animation:.35s cubic-bezier(.2,.8,.2,1) both snake-head-rise}.search-shell.is-awake .snake-head__tongue{animation-name:snake-tongue-flick;animation-duration:.18s;animation-timing-function:ease-in-out;animation-iteration-count:2;animation-delay:.48s;animation-fill-mode:both}.search-form{z-index:1;position:relative}.search-label{color:var(--moon-mist);letter-spacing:.06em;margin-block-end:.5rem;font-size:.9rem;font-weight:700;display:inline-block}.search-field{min-height:3.75rem;color:color-mix(in srgb, var(--moon-mist) 72%, transparent);background:color-mix(in srgb, var(--panel) 96%, var(--night-deep));border:1px solid var(--wet-leaf);border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding-inline:1rem .55rem;transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 .8rem 2rem #0000002e}.search-shell.is-awake .search-field,.search-field:focus-within{color:var(--moon-mist);background:color-mix(in srgb, var(--panel) 78%, var(--moon-mist) 8%);border-color:var(--leaf-glow);box-shadow:inset 0 1px #ffffff0f, 0 0 0 3px color-mix(in srgb, var(--leaf-glow) 18%, transparent), 0 1rem 2.4rem #00000038}.search-field__icon{place-items:center;width:2rem;font-size:1.55rem;line-height:1;display:grid;transform:rotate(-18deg)}#snake-search{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:.85rem .5rem}#snake-search::placeholder{color:color-mix(in srgb, var(--moon-mist) 66%, transparent)}#snake-search::-webkit-search-cancel-button{display:none}#clear-search{min-width:2.75rem;min-height:2.75rem;color:var(--moon-mist);background:color-mix(in srgb, var(--wet-leaf) 55%, transparent);border:1px solid color-mix(in srgb, var(--leaf-glow) 34%, transparent);cursor:pointer;font:inherit;border-radius:50%;place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid}#clear-search[hidden],.search-empty[hidden],.snake-card[hidden]{display:none!important}#clear-search:hover,#clear-search:focus-visible,#view-all-snakes:hover,#view-all-snakes:focus-visible{color:var(--night-deep);background:var(--leaf-glow)}#clear-search:focus-visible,#view-all-snakes:focus-visible{outline:3px solid var(--warm-light);outline-offset:3px}.search-result-count{min-height:1.5em;color:color-mix(in srgb, var(--moon-mist) 76%, transparent);margin:.55rem 1.2rem 0;font-size:.82rem}.search-empty{text-align:center;color:var(--moon-mist);background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px dashed var(--wet-leaf);border-radius:var(--radius-card);justify-items:center;gap:1rem;margin-block-start:1.5rem;padding:clamp(1.5rem,5vw,2.5rem);display:grid}.search-empty p{margin:0}.search-empty__line{width:min(100%,11rem);fill:var(--warm-light);stroke:var(--leaf-glow);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}#view-all-snakes{min-height:2.75rem;color:var(--moon-mist);background:var(--panel);border:1px solid var(--wet-leaf);cursor:pointer;font:inherit;border-radius:999px;padding:.7rem 1.2rem;font-weight:700;transition:color .2s,background-color .2s,transform .2s}#view-all-snakes:active{transform:scale(.96)}@keyframes snake-head-rise{0%{opacity:0;transform:translate(-50%,62%)}to{opacity:1;transform:translate(-50%)}}@keyframes snake-tongue-flick{0%,to{opacity:0;transform:scaleY(0)}45%,68%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.snake-head{opacity:1;transform:translate(-50%)}.search-shell .snake-head,.search-shell .snake-head__tongue{transition:none!important;animation:none!important}.snake-head__tongue{opacity:0;transform:scaleY(0)}}