:root{--bg: #f3ece2;--bg-deep: #e8dccd;--ink: #453a3a;--ink-soft: #7d6e69;--card: rgba(255, 251, 244, .86);--line: rgba(122, 100, 82, .18);--accent: #b8744f;--deep: #a6423c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,system-ui,sans-serif;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,#fdf7ee 0%,var(--bg) 45%,var(--bg-deep) 100%);-webkit-font-smoothing:antialiased}.app{height:100%;max-width:1180px;margin:0 auto;padding:22px 26px 18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.app-boot{display:block}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.pet-name{margin:0;font-size:26px;font-weight:600;letter-spacing:.04em;display:flex;align-items:baseline;gap:9px}.level-badge{font-size:12px;font-weight:600;letter-spacing:.06em;padding:2px 9px;border-radius:999px;color:#8a5a3c;background:#b8744f29}.xp{width:118px;height:6px;border-radius:999px;background:#7a645229;overflow:hidden}.xp-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e8b25c,#b8744f);transition:width .35s ease}.side{display:flex;flex-direction:column;gap:10px;min-height:0}.side-label{font-size:11px;letter-spacing:.1em;color:var(--ink-soft)}.muted{color:#a2918a;font-size:12px}.errand,.skills{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.errand.is-done{border-color:#8ca86080;background:#f6faeee6}.errand-text{margin:6px 0 0;font-size:13px;color:#53443f;line-height:1.6}.errand-dots{display:flex;gap:5px;margin-top:8px}.errand-dots i{width:7px;height:7px;border-radius:50%;background:#7a645233}.errand-dots i.on{background:var(--accent)}.skill-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.skill{font-size:11.5px;padding:3px 10px;border-radius:999px;background:#8ca86029;color:#5c6b3f}.whistle-chip{background:#6e96c829;color:#3f5a78}.whistle{margin-top:7px;padding:10px 12px;border:1px dashed rgba(122,100,82,.35);border-radius:14px;background:#fffdf8b3;display:grid;gap:8px}.whistle-pad{display:flex;gap:6px}.whistle-pad button{flex:1;padding:8px 0;font-size:13px}.whistle-actions{display:flex;align-items:center;gap:8px}.whistle-seq{flex:1;font-size:12px;color:var(--ink-soft);letter-spacing:.08em}button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.pet-status{margin:4px 0 0;font-size:13px;color:var(--ink-soft);letter-spacing:.04em}.bond{color:var(--accent)}.needs{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.need{font-size:11px;padding:3px 9px;border-radius:999px;background:#b8744f21;color:#8a5a3c;white-space:nowrap}.visits{font-size:12px;color:var(--ink-soft);padding-bottom:4px;white-space:nowrap}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-bottom:2px}.mute{font-size:11.5px;padding:5px 12px;color:var(--ink-soft);background:transparent}.species{color:var(--ink-soft)}.dot{margin:0 6px;color:#b3a49c}.onboard-bird{width:230px;height:230px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;min-height:0}.stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;background:radial-gradient(80% 70% at 50% 35%,#fffcf6eb,#f6eee399);border:1px solid var(--line);border-radius:20px;padding:14px;overflow:hidden}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 -40px 60px -40px #785e4a47}.bird-stage{width:100%;height:100%;min-height:260px;display:block;cursor:pointer;touch-action:manipulation}.bird-stage .bird-svg{width:100%;height:100%}.bird-stage.is-away{cursor:default}.bubble{position:relative;align-self:start;justify-self:center;max-width:460px;background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 6px 18px -12px #5a42308c}.bubble p{margin:0;font-size:15px;line-height:1.7;letter-spacing:.02em;min-height:1.7em}.bubble-empty{background:transparent;border-color:transparent;box-shadow:none;min-height:46px}.bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;margin-left:-6px;background:#fffdf8;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.bubble-empty:after{display:none}.caret{display:inline-block;width:6px;height:1em;margin-left:2px;vertical-align:-.12em;background:var(--accent);opacity:.5;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.note{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(420px,calc(100% - 32px));background:#fffdf6;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 12px 30px -18px #503a28b3}.note p{margin:0 0 10px;font-size:13.5px;line-height:1.75;color:#5b4a44}.note button{font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer}.notebook{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.notebook-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.notebook-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.06em}.notebook-count{font-size:11px;color:var(--ink-soft)}.notebook-hint{margin:6px 0 12px;font-size:11.5px;color:var(--ink-soft)}.memory-list{list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto;min-height:0;display:grid;gap:10px}.memory{border-left:2px solid rgba(140,118,96,.28);padding:2px 0 2px 10px}.memory-meta{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--ink-soft);letter-spacing:.04em}.memory-tag{padding:1px 6px;border-radius:999px;background:#8c76601f}.memory-text{margin:4px 0 0;font-size:12.5px;line-height:1.65;color:#53443f;word-break:break-word}.memory-scold{border-left-color:#a6423c8c}.memory-scold .memory-tag{background:#a6423c24;color:var(--deep)}.memory-scold .memory-text{color:#6d3a34}.memory-leave .memory-text,.memory-neglect .memory-text{color:#6b5c57;font-style:italic}.memory.is-deep .memory-text{font-weight:600}.bird-wrap{position:relative;min-height:0;height:100%}.bird-wrap .bird-stage{height:100%}.drops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.drops i{position:absolute;display:block;width:6px;height:10px;border-radius:50%/62% 62% 38% 38%;background:#96c8e2cc;animation:drop-fall 1.3s ease-in infinite}.drops i:nth-child(1){left:34%;top:48%;animation-delay:0s}.drops i:nth-child(2){left:52%;top:42%;animation-delay:.25s}.drops i:nth-child(3){left:62%;top:55%;animation-delay:.5s}.drops i:nth-child(4){left:44%;top:60%;animation-delay:.8s}@keyframes drop-fall{0%{opacity:0;transform:translateY(-8px) scale(.8)}25%{opacity:.9}to{opacity:0;transform:translateY(52px) scale(.55)}}.actions{display:grid;gap:7px}.action-group{display:flex;align-items:center;gap:9px}.group-label{flex:none;width:30px;font-size:11px;color:var(--ink-soft);letter-spacing:.1em}.action-row{display:flex;flex-wrap:wrap;gap:6px}.action-row button{padding:7px 13px;font-size:12.5px}button.warn{color:#a6423c;border-color:#a6423c57}button.warn:hover{background:#fff4f2}.flock{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bird-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;border-radius:999px}.bird-chip.on{background:#fff3e4;border-color:#b8744f8c;color:#8a5a3c;font-weight:600}.bird-chip.add{border-style:dashed;color:var(--ink-soft)}.chip-dot{width:9px;height:9px;border-radius:50%;display:inline-block;border:1px solid rgba(90,70,50,.25)}.chip-lv{font-size:10.5px;color:var(--ink-soft);font-weight:400}.adopt{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;gap:9px}.adopt-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-soft)}.adopt-list{display:flex;flex-wrap:wrap;gap:6px}.adopt-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px}.adopt-item.on{background:#fff3e4;border-color:#b8744f8c;color:#8a5a3c;font-weight:600}.adopt-form{display:flex;gap:8px}.adopt-form input{flex:1;font-family:inherit;font-size:13px;color:var(--ink);background:#fffdf8e6;border:1px solid rgba(122,100,82,.24);border-radius:999px;padding:8px 16px;outline:none}.adopt-form input:focus{border-color:#b8744f8c;box-shadow:0 0 0 3px #b8744f1f}.tabs{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tab{padding:6px 12px;font-size:12.5px}.tab.on{background:#fff3e4;border-color:#b8744f8c;color:#8a5a3c;font-weight:600}.picker{display:flex;flex-wrap:wrap;gap:5px;padding:9px 11px;border:1px dashed rgba(122,100,82,.3);border-radius:14px;background:#fffdf899}.picker button{padding:6px 11px;font-size:12px}button{font-family:inherit;font-size:13.5px;color:#4d3f3b;background:#fffdf8;border:1px solid rgba(122,100,82,.26);border-radius:999px;padding:9px 18px;cursor:pointer;transition:transform .12s ease,background .16s ease,box-shadow .16s ease}button:hover{background:#fff8ec;box-shadow:0 6px 14px -10px #5a4230cc;transform:translateY(-1px)}button:active{transform:translateY(0)}button.ghost{background:transparent;color:var(--ink-soft);border-style:dashed}.say{display:flex;gap:8px}.say input,.onboard-form input{flex:1;font-family:inherit;font-size:14px;color:var(--ink);background:#fffdf8e6;border:1px solid rgba(122,100,82,.24);border-radius:999px;padding:10px 18px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.say input:focus,.onboard-form input:focus{border-color:#b8744f8c;box-shadow:0 0 0 3px #b8744f1f}.say input::placeholder,.onboard-form input::placeholder{color:#a99a92}.app-onboard{display:grid;place-items:center}.onboard-card{width:min(440px,92vw);display:grid;gap:16px;justify-items:center;text-align:center}.onboard-question{margin:0;font-size:14px;color:var(--ink-soft);letter-spacing:.03em}.onboard-form{display:flex;gap:8px;width:100%}.onboard-foot{margin:0;font-size:11.5px;color:#a2918a}.debug{position:fixed;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:8px 10px;background:#2b2424e6;border-radius:14px;box-shadow:0 10px 26px -14px #000c;z-index:20}.debug-label{font-size:10.5px;color:#fff9;letter-spacing:.08em;margin-right:2px}.debug button{font-size:11.5px;padding:5px 10px;background:#ffffff1a;color:#ffffffdb;border-color:#ffffff29}.debug button:hover{background:#fff3}.debug button.danger{color:#ffb4ab}@media (max-width: 900px){.app{padding:16px 14px 14px;height:auto;min-height:100%}.layout{grid-template-columns:minmax(0,1fr)}.stage{min-height:46vh}.notebook{max-height:40vh}.pet-name{font-size:21px}}