:root{--ground: #faeee5;--surface: #fffaf5;--sunk: #f3e3d5;--ink: #2e211a;--ink-2: #6e5a4c;--ink-3: #a08d7e;--line: #ead9c8;--line-2: #dbc5b0;--accent: #2f6355;--accent-hover: #265146;--accent-soft: #e2ebe6;--warm: #c25638;--shadow: rgba(94, 62, 42, .11);--f-cjk: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--f-serif: "Instrument Serif", Georgia, serif;--f-body: -apple-system, BlinkMacSystemFont, "Segoe UI", var(--f-cjk);--col: 430px;--pad: 24px;--r: 14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100dvh}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.app{max-width:var(--col);margin:0 auto;min-height:100dvh;padding:0 var(--pad);display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;animation:rise .42s cubic-bezier(.22,.9,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:.001ms!important;animation-iteration-count:1!important}}.eyebrow{font-size:13px;letter-spacing:.16em;color:var(--ink-3)}.btn{display:block;width:100%;padding:17px 20px;border-radius:var(--r);background:var(--accent);color:#fff;font-size:17px;font-weight:600;text-align:center;transition:transform .14s ease,background .14s ease}.btn:active{transform:scale(.978);background:var(--accent-hover)}.btn-ghost{display:block;width:100%;padding:13px;color:var(--ink-3);font-size:14.5px;text-align:center}.btn-ghost:active{color:var(--ink-2)}.fine{font-size:12.5px;line-height:1.6;color:var(--ink-3)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--sunk);border:1px solid var(--line);font-size:13.5px;line-height:1.55;color:var(--ink-2);margin-bottom:16px}.notice b{color:var(--ink);font-weight:600}.qr{display:block;margin-top:10px}.notice-cta{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:9px;background:var(--accent);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none}.notice-cta:active{background:var(--accent-hover)}.notice .dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--warm);margin-top:7px}.landing{justify-content:center;gap:0;padding:64px 0 40px;text-align:center}.landing h1{font-size:clamp(38px,12vw,50px);line-height:1.14;letter-spacing:-.03em;font-weight:600;margin:0;white-space:pre-line}.landing .sub{color:var(--ink-2);font-size:17px;margin:18px auto 0;white-space:pre-line;max-width:14em}.landing .meta{color:var(--ink-3);font-size:14px;margin:40px 0 14px}.landing .actions{padding-top:0}.landing .disclaimer{margin-top:20px;text-align:center}.pack{display:flex;flex-direction:column;gap:8px;width:min(100vw,var(--col));margin:26px 0 4px 50%;translate:-50%}.pack-row{display:flex;align-items:flex-end;justify-content:center}.pack img{display:block;width:auto;height:min(calc(var(--h) * var(--k) * 1px),calc(var(--h) / var(--rw) * (100vw - 24px)));opacity:0;transform-origin:bottom center;animation:dogIn .42s cubic-bezier(.22,.9,.3,1) calc(.28s + var(--i) * 75ms) forwards,dogGlow 6s ease-in-out calc(2.5s + var(--p) * .62s) infinite}@keyframes dogIn{0%{opacity:0;transform:translateY(7px) scale(.94)}to{opacity:1;transform:none}}@keyframes dogGlow{0%,18%,to{filter:none;transform:none}7%{filter:drop-shadow(0 0 3px rgba(47,99,85,.55)) drop-shadow(0 0 9px rgba(47,99,85,.3)) contrast(1.5);transform:translateY(-2px) scale(1.035)}}.quiz{padding:20px 0 32px}.quiz-top{display:flex;align-items:center;gap:14px;min-height:44px}.back{font-size:15px;color:var(--ink-3);padding:6px 10px 6px 0}.progress{display:flex;gap:6px;margin-left:auto}.progress i{width:22px;height:3px;border-radius:2px;background:var(--line-2);transition:background .3s ease}.progress i.on{background:var(--accent)}.quiz h2{font-size:25px;line-height:1.42;font-weight:600;letter-spacing:-.015em;margin:36px 0 6px;white-space:pre-line}.quiz .tiebreak{font-size:13.5px;color:var(--warm);margin:0 0 4px}.options{display:flex;flex-direction:column;gap:10px;margin-top:28px}.option{width:100%;text-align:left;padding:17px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);font-size:16.5px;line-height:1.5;transition:transform .14s ease,border-color .14s ease,background .14s ease}.option:active{transform:scale(.985);border-color:var(--line-2)}.option.picked{background:var(--accent);border-color:var(--accent);color:#fff}.loading{justify-content:center;align-items:center;text-align:center;gap:0}.loading .line{font-size:20px;color:var(--ink-2);letter-spacing:.01em;animation:fade .5s ease both}.loading .line.found{color:var(--ink);font-weight:600}@keyframes fade{0%{opacity:0}}.ground{width:min(58vw,208px);height:26px;margin:0 auto;border-radius:50%;background:var(--shadow);filter:blur(1px)}.paws{display:flex;gap:14px;align-items:center;margin-bottom:34px;min-height:58px}.paws span{display:block;opacity:0;animation:pawIn .42s ease forwards}.paws img{display:block;width:30px;height:auto;transform:rotate(20deg)}.paws span:nth-child(2n) img{transform:rotate(28deg) scaleX(-1)}.paws span:nth-child(1){animation-delay:.1s}.paws span:nth-child(2){animation-delay:.42s}.paws span:nth-child(3){animation-delay:.74s}.paws span:nth-child(4){animation-delay:1.06s}.paws span:nth-child(2n){margin-bottom:22px}@keyframes pawIn{0%{opacity:0;transform:translateY(6px) scale(.86)}to{opacity:.85;transform:none}}.result{padding:28px 0 48px;gap:0;position:relative}.leaf-fall{position:absolute;top:0;left:50%;translate:-50%;width:min(100vw,var(--col));height:440px;pointer-events:none;z-index:2}.leaf-fall.behind{z-index:0}.result .card{position:relative;z-index:1}.leaf-fall span{position:absolute;top:0;left:0;width:0;height:0;opacity:0;animation-name:leafPath;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-fill-mode:both}.leaf-fall img{display:block;height:auto;animation-name:leafSpin;animation-timing-function:linear;animation-fill-mode:both}@keyframes leafPath{0%{transform:translate(var(--x0),-46px);opacity:0}14%{opacity:.95}50%{transform:translate(var(--x1),calc(var(--fall) * .5))}82%{opacity:.95}to{transform:translate(var(--x2),var(--fall));opacity:0}}@keyframes leafSpin{0%{transform:rotate(0)}to{transform:rotate(var(--spin))}}.result .card{text-align:center}.portrait{position:relative;width:min(100vw,var(--col));margin-left:50%;margin-top:18px;translate:-50%;display:flex;align-items:flex-end;justify-content:center}.dog-holder{position:relative;z-index:2;display:inline-block;line-height:0}.leaves{position:absolute;z-index:1;left:50%;bottom:-26px;transform:translate(-50%);width:min(112%,360px);height:auto;pointer-events:none}.portrait:not(.no-leaves) .dog-holder:after{display:none}.portrait.no-leaves .leaves{display:none}.dog-holder:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);width:calc(100% + 28px);height:22px;border-radius:50%;background:var(--shadow);filter:blur(2px)}.dog-img{position:relative;transform-origin:bottom center;display:block;max-height:244px;max-width:100%;width:auto;height:auto}.result .dog-cn{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:26px 0 6px}.result .dog-en{font-family:var(--f-serif);font-size:19px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);line-height:1.25;margin:0}.rarity{display:inline-block;margin-top:14px;padding:5px 13px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13.5px;font-weight:600}.result .desc{text-align:left;font-size:17px;line-height:1.78;color:var(--ink-2);max-width:22em;margin:24px auto 0}.result .desc p{margin:0}.result .desc p+p{margin-top:6px}.result .desc .say{color:var(--ink);font-weight:500}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.tag{padding:6px 13px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;color:var(--ink-2)}.rule{height:1px;background:var(--line);margin:40px 0}.loop h3{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.45;margin:0 0 10px;text-wrap:balance}.loop p{color:var(--ink-2);font-size:15.5px;margin:0}.thread{margin-top:26px}.thread-label{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.thread-label b{font-size:13.5px;font-weight:600}.thread-label span{font-size:12.5px;color:var(--ink-3)}.bubble{background:var(--accent);color:#fff;padding:16px 18px;border-radius:18px 18px 5px;margin-left:32px;font-size:15.5px;line-height:1.72;white-space:pre-wrap}.typing{display:inline-flex;align-items:center;gap:9px;margin-top:12px;margin-right:32px;padding:13px 17px;border-radius:18px 18px 18px 5px;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);font-size:13.5px}.typing .dots{display:inline-flex;gap:4px}.typing .dots i{width:5px;height:5px;border-radius:50%;background:var(--ink-3);animation:blink 1.3s ease-in-out infinite}.typing .dots i:nth-child(2){animation-delay:.18s}.typing .dots i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.28}30%{opacity:1}}.cta-block{margin-top:28px;display:flex;flex-direction:column;gap:10px}.fallback{margin-top:14px;padding:14px;border-radius:10px;border:1px dashed var(--line-2);background:var(--sunk)}.fallback p{margin:0 0 10px;font-size:13.5px;color:var(--ink-2)}.fallback textarea{width:100%;min-height:172px;padding:12px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:14.5px;line-height:1.7;resize:vertical;-webkit-user-select:text;user-select:text}.toast{margin-top:10px;text-align:center;font-size:14px;color:var(--accent);font-weight:600;animation:fade .3s ease both}