:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#344b40;font-synthesis:none;--paper:#f6f4e8;--ink:#344b40;--muted:#879184;--line:#d9ddcd;--accent:#577363;--rust:#ac634b}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#748d79}button,input,select{font:inherit}button{cursor:pointer}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #577363}button{color:inherit}svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{border:0}#pond{position:fixed;inset:0;isolation:isolate}.pond-bed,.water-tint,.vignette,#world,#labels{position:absolute;inset:0;width:100%;height:100%}#labels{pointer-events:none}.gl .pond-bed,.gl .water-tint,.gl .vignette{display:none}.pond-bed{background:#8fa791 url('assets/pond.jpg') center/cover no-repeat;filter:saturate(.69) brightness(.96);transition:filter 3s}.water-tint{background:rgba(181,209,184,.14);pointer-events:none;transition:background 3s}.vignette{box-shadow:inset 0 0 150px #17362f40;pointer-events:none}#world{touch-action:none;cursor:crosshair}.ui{transition:opacity .5s,transform .5s}.weather-card{position:absolute;right:calc(34px + var(--safe-right,0px));top:calc(30px + var(--safe-top,0px));width:222px;padding:17px 21px 13px;border:1px solid #f7f4dd66;border-radius:13px;background:#eef1df8c;box-shadow:0 5px 24px #2e4c3510;backdrop-filter:blur(10px)}.weather-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px}.icon-button{display:grid;place-items:center;width:29px;height:29px;background:transparent;border-radius:50%;color:#69806a}.icon-button:hover{background:#536b4612}.icon-button svg{width:17px;height:17px}#clock{display:block;font-size:43px;letter-spacing:2px;font-weight:300;font-variant-numeric:tabular-nums;margin-top:2px}#calendar{font-size:10px;letter-spacing:1.3px;color:#6c7e6a;margin:1px 0 18px}.weather-line{display:flex;gap:9px;align-items:center}.weather-line strong{font-size:12px;font-weight:500}.weather-line>span:last-child{margin-left:auto;font-size:11px;color:#63775f}.weather-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #72836526;margin-top:15px;padding-top:12px;font-size:9px;color:#6e806a;letter-spacing:.6px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#749265;box-shadow:0 0 0 3px #74926512;flex-shrink:0}.pond-meta{position:absolute;bottom:calc(35px + var(--dock-inset,0px) + var(--safe-bottom,0px));left:calc(35px + var(--safe-left,0px));display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.5px;color:#edf2e6;text-shadow:0 1px 5px #344735}.meta-divider{width:1px;height:9px;background:#e4ecdc50;margin:0 3px}.bottom-ui{position:absolute;left:50%;bottom:calc(28px + var(--dock-inset,0px) + var(--safe-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;flex-direction:column}.pond-hint{font-size:11px;letter-spacing:3px;margin:0 0 18px;color:#f7f7e9;text-shadow:0 1px 6px #273c2f}.dock{display:flex;align-items:center;padding:7px;gap:3px;border:1px solid #fbf8e5bd;background:#f4f3e6e8;box-shadow:0 8px 32px #23463524,0 1px 3px #23463512;backdrop-filter:blur(10px);border-radius:14px}.dock-button{background:transparent;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;padding:12px 14px;border-radius:9px;transition:background .2s,transform .2s;color:#67745f}.dock-button:hover{background:#6c825415;transform:translateY(-1px)}.dock-button.active{background:#58715c;color:#fffef1;box-shadow:0 3px 8px #44584020}.dock-button.compact{padding:12px 11px}.dock-button svg{width:19px;height:19px}.dock-divider{width:1px;height:22px;background:#6d795c22;margin:0 3px}#toast{position:absolute;top:calc(30px + var(--safe-top,0px));left:50%;transform:translate(-50%,-15px);background:#f5f3e6ed;padding:12px 22px;border-radius:10px;box-shadow:0 5px 25px #26433418;font-size:12px;opacity:0;pointer-events:none;transition:.25s;max-width:80vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.zen .ui{opacity:0;pointer-events:none}.zen-exit{position:absolute;right:calc(25px + var(--safe-right,0px));bottom:calc(25px + var(--dock-inset,0px) + var(--safe-bottom,0px));border:1px solid #ffffff55;border-radius:8px;background:#e7eedb80;padding:9px 13px;opacity:.45;font-size:11px;backdrop-filter:blur(10px)}.zen-exit:hover{opacity:1}kbd{font:9px sans-serif;padding:2px 4px;border:1px solid #65745655;border-radius:3px;margin-left:6px}dialog{width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 50px);padding:27px;border:1px solid #ffffffbb;border-radius:20px;background:#f6f4eaf5;box-shadow:0 30px 100px #162b3240;color:var(--ink);overflow:auto}dialog::backdrop{background:#193b3447;backdrop-filter:blur(7px)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:2.3px;color:#99a08d}h2{font:500 25px "Songti SC",SimSun,serif;letter-spacing:4px;margin:7px 0 0}h3{font-size:12px;font-weight:500;letter-spacing:1px;margin:23px 0 12px}.description{font-size:11px;line-height:1.9;color:#85917e;margin:0 0 18px}.tabs,.weather-options{display:flex;gap:7px}.tab,.weather-option{flex:1;border:1px solid #dce0d1;background:#fffef638;border-radius:8px;padding:11px 5px;font-size:11px}.tab.selected,.weather-option.selected{border-color:#6f8669;background:#e3e9d9;color:#466241}.fish-preview{position:relative;margin:17px 0;background:radial-gradient(ellipse,#b1c4b1,#94ab9b);border-radius:11px;overflow:hidden}.fish-preview canvas{display:block;width:100%;height:145px}.preview-label{position:absolute;bottom:12px;left:14px;font-size:9px;letter-spacing:2px;color:#eef2e8}.form-row{display:flex;gap:12px;align-items:center;margin:13px 0;font-size:11px}.form-row label{flex-shrink:0;min-width:55px}.form-row input[type=text]{flex:1;min-width:0}input[type=text],select{border:1px solid #d9dfce;background:#fcfbf4;border-radius:7px;padding:10px 12px;color:#3f5547;font-size:12px;width:100%}input[type=range]{accent-color:#657f65;min-width:60px;flex:1}input[type=checkbox]{accent-color:#657f65;width:17px;height:17px;cursor:pointer}.primary,.secondary{padding:11px 18px;border-radius:8px;font-size:11px;background:#526e5e;color:#fffcf0;border:1px solid #526e5e}.secondary{background:transparent;color:#5a725e;border-color:#ced6c4}.primary:hover{background:#3d5a4c}.primary:disabled{opacity:.55;cursor:wait}.palette{display:flex;gap:10px}.swatch{width:23px;height:23px;border-radius:50%;border:3px solid #f6f4ea;box-shadow:0 0 0 1px #d5dacb}.swatch.selected{box-shadow:0 0 0 1.5px #6b7c63}.form-actions{display:flex;justify-content:space-between;align-items:center;margin:18px 0 6px;gap:10px}.small-note{font-size:10px;color:#909780;line-height:1.8}.fish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:245px;overflow:auto;padding:3px}.fish-tile{border:1px solid #d9dfd1;border-radius:9px;overflow:hidden;background:#fbfbf1}.fish-thumb{height:63px;background:linear-gradient(120deg,#a9bdb0,#819e90);display:flex;align-items:center;justify-content:center}.fish-thumb canvas{max-width:100%;height:60px}.fish-tile-foot{display:flex;align-items:center;justify-content:space-between;padding:9px;gap:4px}.fish-tile-foot span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-fish{background:none;color:#8c9880;font-size:9px;padding:2px}.rank-row{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid #dce0d2}.rank-number{width:18px;color:#98a087;font:italic 20px Georgia}.rank-row:nth-child(-n+3) .rank-number{color:#ac8050}.rank-thumbnail{width:72px;height:43px;background:#adc0ae;border-radius:7px}.rank-info{flex:1;font-size:12px}.rank-info small{display:block;color:#96a08c;font-size:9px;margin-top:4px}.rank-score{font:22px Georgia;color:#697a5d}.rank-score small{font:9px sans-serif;padding-left:4px;color:#939c88}.ranking-list{max-height:440px;overflow:auto}.weather-option{display:flex;align-items:center;flex-direction:column;gap:8px;padding:16px 5px}.weather-option svg{width:23px;height:23px}.city-results{display:flex;gap:6px;flex-direction:column;margin-top:8px}.city-result{text-align:left;background:#e7ebde;border-radius:7px;padding:11px;font-size:11px}.weather-info{padding:14px;background:#e7ebde;border-radius:9px;font-size:11px;line-height:1.9;margin-top:16px;color:#6f7e63}.weather-info a{color:inherit}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #dce0d2;font-size:12px}.setting-row small{display:block;font-size:10px;margin-top:5px;color:#949c87}.setting-row input[type=range]{max-width:140px}.setting-row select{max-width:120px}.dialog-footer{margin-top:21px;font-size:10px;color:#99a28f;line-height:1.9}.snow .pond-bed{filter:saturate(.35) brightness(1.04)}.snow .water-tint{background:#d6e6e43b}.rain .pond-bed{filter:saturate(.53) brightness(.78)}.rain .water-tint{background:#405f711f}.cloudy .pond-bed{filter:saturate(.58) brightness(.88)}.night .pond-bed{filter:saturate(.6) brightness(.43)}.night .water-tint{background:#123a684f}.night .weather-card{background:#d9e2da9c}body.reduced-motion .ui{transition:none}dialog{padding:0;scrollbar-width:thin;scrollbar-color:#aab6a3 transparent}.panel-header{position:sticky;top:0;z-index:2;background:#f6f4ea;padding:24px 26px 18px;margin:0;border-bottom:1px solid #d9ddcd66}#panel-content{padding:20px 26px 26px}.fish-preview canvas{height:135px}.fish-grid{max-height:215px;scrollbar-width:thin;scrollbar-color:#adb8a5 transparent}.rank-thumbnail{flex-shrink:0}@media(max-width:1000px){.pond-meta{bottom:calc(112px + var(--dock-inset,0px) + var(--safe-bottom,0px));left:calc(26px + var(--safe-left,0px))}.weather-card{right:calc(24px + var(--safe-right,0px));top:calc(24px + var(--safe-top,0px))}.bottom-ui{bottom:calc(22px + var(--dock-inset,0px) + var(--safe-bottom,0px))}}@media(max-width:600px){.weather-card{top:calc(112px + var(--safe-top,0px));right:calc(18px + var(--safe-right,0px));width:152px;padding:11px 13px;border-radius:10px}.weather-top{font-size:9px;letter-spacing:1px}#clock{font-size:33px}#calendar{font-size:8px;letter-spacing:0;margin-bottom:12px}.weather-foot{font-size:8px;letter-spacing:0;padding-top:10px;margin-top:11px}.weather-line{gap:5px}.weather-line strong{font-size:10px}.weather-line>span:last-child{font-size:9px}.weather-line svg{width:17px}.bottom-ui{bottom:max(calc(20px + var(--safe-bottom,0px)),env(safe-area-inset-bottom));width:100%}.dock{gap:0;padding:6px;border-radius:13px}.dock-button{padding:11px 10px;flex-direction:column;gap:7px;font-size:9px}.dock-button.compact{padding:14px 12px}.dock-divider{margin:0 2px;height:25px}.dock-button svg{width:18px;height:18px}.dock-button[data-panel=ranking]{padding-inline:9px}.pond-hint{font-size:10px;letter-spacing:2px}.pond-meta{left:calc(22px + var(--safe-left,0px));bottom:calc(132px + var(--safe-bottom,0px));font-size:9px;gap:7px}.pond-meta .meta-divider,.pond-meta #fed-count{display:none}dialog{max-height:calc(100dvh - 32px)}.panel-header{padding:20px}.panel-header h2{font-size:23px}#panel-content{padding:17px 20px 22px}.fish-grid{grid-template-columns:repeat(3,1fr)}#toast{top:calc(93px + var(--safe-top,0px));font-size:11px;width:max-content}.weather-options{gap:5px}.form-row{gap:8px}.form-row label{min-width:48px}.palette{gap:7px}.swatch{width:21px;height:21px}.form-row #palette-name{display:none}}@media(max-width:370px){.dock-button{padding-inline:7px}.dock-button.compact{padding-inline:8px}.form-actions{align-items:flex-end}.form-actions .small-note{max-width:140px}.fish-grid{grid-template-columns:repeat(2,1fr)}}.windows-desktop .bottom-ui{bottom:calc(34px + var(--windows-taskbar-bottom,48px) + var(--safe-bottom,0px))}.paint-tools{gap:10px}.paint-tools input[type=color]{width:24px;height:24px;padding:1px;border:1px solid #cbd4c0;border-radius:50%;background:none;cursor:pointer;margin-left:auto}.paint-tools .small-note{font-size:9px}#preview{touch-action:none}.fish-actions{display:flex;gap:6px;flex-shrink:0}.release-fish{color:#a7876f}.release-fish.armed{color:#fffaf0;background:#a9684f;border-radius:4px;padding:2px 5px}.turtle-card-icon{font-size:38px;line-height:1}.sound-ctl{display:flex;align-items:center;gap:12px;flex-shrink:0}.sound-ctl input[type=range]{width:110px;min-width:0;flex:none}.sound-ctl select{width:88px}#wallpaper-count{font-size:8px;font-weight:500;color:inherit;opacity:.72;margin-left:2px}#wallpaper-add-button:disabled{opacity:.45;cursor:wait}.diet-legend{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 10px}.diet-legend span{padding:5px 9px;border-radius:12px;background:#e4eadf;color:#647763;font-size:9px}.week-history{overflow:auto;border:1px solid #d9dfd1;border-radius:10px;background:#fbfbf3;scrollbar-width:thin;scrollbar-color:#adb8a5 transparent}.week-grid{min-width:780px}.week-row{display:grid;grid-template-columns:170px repeat(7,minmax(62px,1fr)) 72px;align-items:stretch;border-bottom:1px solid #e1e5d9}.week-row:last-child{border-bottom:0}.week-row>span{display:flex;align-items:center;justify-content:center;min-height:45px;padding:7px 5px;border-left:1px solid #e7eadf;font-size:9px;color:#6f7d6b;font-variant-numeric:tabular-nums}.week-row>span:first-child{border-left:0;justify-content:flex-start}.week-head{position:sticky;top:0;background:#e8ede2;z-index:1}.week-head>span{min-height:33px;font-weight:600;color:#657561}.week-name{flex-direction:column;align-items:flex-start!important;padding-left:11px!important}.week-name strong{font-size:11px;font-weight:500;color:#405747}.week-name small{display:block;margin-top:4px;color:#909b89;font-size:8px}.week-total{font-weight:600;color:#536c59!important;background:#f1f3e9}.daily-cap{color:#9a654d!important;font-weight:600;background:#faf0e8}.week-panel{width:900px}.pond-meta{display:grid;grid-template-columns:7px auto;align-items:start;gap:6px 8px;padding:10px 13px;border-radius:10px;background:#183a3170;backdrop-filter:blur(6px);text-align:left}.pond-meta>.status-dot{grid-column:1;grid-row:1;margin-top:5px}.pond-meta #fish-count{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.pond-meta #fish-count>span{display:block;white-space:nowrap}.pond-meta .meta-divider{display:none}.pond-meta #fed-count{display:block;grid-column:2;padding-top:5px;margin-top:2px;border-top:1px solid #edf2e638;white-space:nowrap}.pond-meta{background:rgba(20,52,46,.24);border:1px solid rgba(239,247,237,.25);box-shadow:0 10px 28px rgba(13,35,31,.16),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}.rain-scenes{margin:14px 0 4px}.rain-scenes-label{display:block;margin:0 0 7px;color:#7d8d79}.rain-scenes .weather-options{gap:6px}.rain-scenes .weather-option{padding:11px 4px;font-size:10px}.rain-scenes .weather-option svg{width:19px;height:19px}.dock{background:#eef1df70;border-color:#f7f4dd88;backdrop-filter:blur(14px) saturate(115%)}.cloudy .dock{background:#dbe2d879;border-color:#edf2e0a0}.rain .dock{background:#aebfbd70;border-color:#e4f0ea8c}.snow .dock{background:#e9f1eb70;border-color:#f5fbf5a0}.night .weather-card,.night .dock{background:#d9e2da7a;border-color:#f0f5ed99}.night .dock-button{color:#526652}.night .dock-button:hover{background:#526b5b1c}.night .dock-divider{background:#52665235}.wallpaper .ui,.wallpaper .zen-exit,.wallpaper #toast{display:none!important}.windows-desktop .bottom-ui{bottom:calc(34px + var(--windows-taskbar-bottom,48px) + var(--safe-bottom,0px))}:root{--private-ink:#edf5e8;--private-muted:#b8cdbb;--private-line:#d9eddf45;--private-glass:#0d2d2d9c;--private-glass-soft:#173b3a78;--private-accent:#9fc59d;--private-gold:#ddc892}body{background:#0b282b;color:var(--private-ink)}body.sunny{--private-glass:#193e3c88;--private-glass-soft:#25504870;--private-accent:#b7d39b}body.cloudy{--private-glass:#263b3d9e;--private-glass-soft:#33494a82;--private-accent:#b8c9af}body.rain{--private-glass:#18373fa8;--private-glass-soft:#244b536e;--private-accent:#a5cbd0}body.snow{--private-glass:#3a4b5194;--private-glass-soft:#52656874;--private-accent:#d6e7e3}body.night{--private-glass:#081b25bf;--private-glass-soft:#102c38a6;--private-accent:#a9c8c1}.weather-card,.dock,.pond-meta{background:var(--private-glass);border-color:var(--private-line);color:var(--private-ink);box-shadow:0 18px 55px #06191d55,inset 0 1px 0 #f2fff31c;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.weather-card{width:246px;padding:20px 22px 16px;border-radius:18px;overflow:hidden}.weather-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--private-gold),var(--private-accent));opacity:.85}.weather-top{font-size:10px;letter-spacing:3px;color:var(--private-muted)}.weather-top .icon-button{color:var(--private-accent)}#clock{font-family:"Avenir Next","Helvetica Neue",sans-serif;font-size:45px;letter-spacing:3px;color:var(--private-ink);text-shadow:0 2px 18px #06161966}.weather-line strong{color:var(--private-ink)}.weather-line>span:last-child{color:var(--private-muted)}#calendar{color:var(--private-muted)}.weather-foot{border-top-color:var(--private-line);color:var(--private-muted)}.status-dot{background:var(--private-accent);box-shadow:0 0 0 3px #9fc59d20}.pond-meta{border-radius:14px;padding:11px 14px;color:var(--private-ink);text-shadow:none}.pond-meta #fed-count{border-top-color:var(--private-line)}.pond-hint{font-size:10px;letter-spacing:3px;color:var(--private-ink);text-shadow:0 2px 18px #06191d;opacity:.92}.hint-mark{color:var(--private-gold);font-size:13px;vertical-align:-1px}.dock{padding:8px;border-radius:19px;gap:4px}.dock-button{color:var(--private-muted);font-size:10px;letter-spacing:.4px;padding:12px 14px}.dock-button svg{stroke-width:1.4}.dock-button:hover{background:#d9f0dc16;color:var(--private-ink);transform:translateY(-2px)}.dock-button.active{background:var(--private-accent);color:#14322e;box-shadow:0 6px 18px #06191d55}.dock-divider{background:var(--private-line)}.dock-button.compact{padding-inline:12px}.dock-button small{color:inherit}.weather-card .icon-button:hover,.dock-button.compact:hover{background:#d9f0dc18}dialog{width:590px;background:#102f30f5;border:1px solid #dcefe055;border-radius:26px;color:var(--private-ink);box-shadow:0 35px 120px #020f14a8;backdrop-filter:blur(20px)}dialog::backdrop{background:#06171b9c;backdrop-filter:blur(12px)}.panel-header{background:#102f30e8;border-bottom-color:var(--private-line);padding:25px 29px 20px}.eyebrow{color:var(--private-accent);letter-spacing:3px}h2{color:var(--private-ink);font-size:27px;letter-spacing:6px}.icon-button{color:var(--private-accent)}.icon-button:hover{background:#d9f0dc18}#panel-content{color:var(--private-ink)}.description,.small-note,.setting-row small,.dialog-footer{color:var(--private-muted)}h3{color:var(--private-accent);letter-spacing:2px}.tab,.weather-option{border-color:var(--private-line);background:#dff4e50b;color:var(--private-muted);border-radius:12px}.tab:hover,.weather-option:hover{background:#dff4e518;color:var(--private-ink)}.tab.selected,.weather-option.selected{border-color:var(--private-accent);background:#9fc59d25;color:var(--private-ink);box-shadow:inset 0 0 0 1px #d9f0dc1a}input[type=text],select{background:#061d1f80;border-color:var(--private-line);color:var(--private-ink)}input[type=text]::placeholder{color:#afc4b566}.setting-row{border-bottom-color:var(--private-line)}input[type=range]{accent-color:var(--private-accent)}.primary{background:var(--private-accent);border-color:var(--private-accent);color:#12302d}.primary:hover{background:#c1dab0}.secondary{color:var(--private-accent);border-color:#a5c9aa66}.fish-preview{background:radial-gradient(ellipse,#315c59,#193c3d)}.fish-tile{background:#0a252780;border-color:var(--private-line)}.fish-thumb{background:linear-gradient(120deg,#365d58,#1b3e3d)}.fish-tile-foot span{color:var(--private-ink)}.edit-fish{color:var(--private-accent)}.fish-grid,.ranking-list{scrollbar-color:#718e88 transparent}.rank-row{border-bottom-color:var(--private-line)}.rank-info{color:var(--private-ink)}.rank-info small,.rank-score small{color:var(--private-muted)}.rank-score{color:var(--private-gold)}.weather-info,.city-result{background:#9fc59d18;color:var(--private-muted);border:1px solid var(--private-line)}.week-history{background:#08202280;border-color:var(--private-line)}.week-head{background:#204543}.week-row{border-bottom-color:var(--private-line)}.week-row>span{border-left-color:var(--private-line);color:var(--private-muted)}.week-name strong{color:var(--private-ink)}.week-name small{color:var(--private-muted)}.week-total{background:#9fc59d18;color:var(--private-ink)!important}.daily-cap{background:#9a654d2b;color:#f0c3a9!important}#toast{background:var(--private-glass);border:1px solid var(--private-line);color:var(--private-ink);box-shadow:0 18px 50px #06191d66;backdrop-filter:blur(16px)}.zen-exit{background:var(--private-glass);border-color:var(--private-line);color:var(--private-ink)}@media(max-width:600px){.weather-card{width:152px;padding:11px 13px;border-radius:13px}.weather-top{font-size:9px;letter-spacing:1px}#clock{font-size:33px;letter-spacing:2px}.dock{padding:6px;border-radius:15px}.dock-button{padding:11px 10px;font-size:9px}.dock-button.compact{padding:14px 12px}dialog{border-radius:20px}}.death-log{margin-top:22px;padding-top:4px}.death-log h3{display:flex;justify-content:space-between;align-items:center}.death-log-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin:7px 0;border:1px solid var(--private-line);border-radius:11px;background:#9fc59d0d}.death-log-main{display:flex;flex-direction:column;gap:4px;min-width:0}.death-log-main strong{font-size:11px;color:var(--private-ink);font-weight:500}.death-log-main small{font-size:9px;color:var(--private-muted)}.death-log-cause{font-size:9px;color:#e4b6a0;white-space:nowrap}:root{--paper:#f7f2e6;--paper-2:#fffdf6;--ink:#24463b;--muted:#879487;--jade:#6f8d76;--jade-soft:#dce8d9;--vermilion:#c96e52;--lake:#7ca7a0;--ui-bg:#f7f2e6d9;--ui-line:#ffffffb8;--ui-shadow:#3e62501f}body{background:#dfe9df;color:var(--ink)}body.sunny{--ui-bg:#f7f1dfdc;--ui-line:#fff9e9d4;--jade:#718c62;--jade-soft:#e4ecd7}body.cloudy{--ui-bg:#e8eee5dc;--ui-line:#f7fbf2d0;--jade:#6f887b;--jade-soft:#dde7df}body.rain{--ui-bg:#e3eeeeea;--ui-line:#f5fffee0;--jade:#63858a;--jade-soft:#d5e7e6}body.snow{--ui-bg:#f1f5f0e8;--ui-line:#ffffffed;--jade:#789995;--jade-soft:#e2eeeb}body.night{--ui-bg:#e2ebe2e8;--ui-line:#f9fff8e5;--jade:#668275;--jade-soft:#d6e3d8}.weather-card,.dock,.pond-meta{background:var(--ui-bg);border-color:var(--ui-line);color:var(--ink);box-shadow:0 14px 36px var(--ui-shadow),inset 0 1px 0 #ffffffb5;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.weather-card{width:248px;padding:20px 22px 16px;border-radius:24px 9px 24px 9px;box-shadow:0 18px 45px var(--ui-shadow),inset 0 1px 0 #ffffffd0}.weather-card::before{width:4px;background:linear-gradient(var(--vermilion),var(--lake));border-radius:4px}.weather-top{color:#718477;letter-spacing:2.6px}.weather-top .icon-button{color:var(--jade)}#clock{font-family:"Avenir Next","Helvetica Neue",sans-serif;font-size:46px;color:var(--ink);letter-spacing:2px;text-shadow:none}#calendar{color:#809083}.weather-line strong{color:var(--ink)}.weather-line>span:last-child{color:#718477}.weather-foot{border-top-color:#6f8d7625;color:#7a8d80}.status-dot{background:var(--vermilion);box-shadow:0 0 0 3px #c96e5220}.pond-meta{background:#e5eee1b8;border-color:#ffffffaa;color:#36574a;text-shadow:none;border-radius:16px 7px 16px 7px;padding:11px 14px;box-shadow:0 12px 28px #3e62501c,inset 0 1px 0 #ffffffbd}.pond-meta #fed-count{border-top-color:#6f8d7630}.pond-hint{color:#fdf8e9;text-shadow:0 2px 9px #2d4b3b80}.hint-mark{color:#f1d08d}.dock{padding:8px;border-radius:24px 10px 24px 10px;gap:4px}.dock-button{color:#64796d;font-size:10px;letter-spacing:.6px;padding:12px 14px}.dock-button:hover{background:#6f8d7618;color:var(--ink);transform:translateY(-2px)}.dock-button.active{background:var(--vermilion);color:#fffaf0;box-shadow:0 6px 16px #a95f4838}.dock-divider{background:#6f8d7630}.dock-button.compact{padding-inline:12px}.dock-button svg{stroke-width:1.35}.dock-button small{color:inherit}.weather-card .icon-button:hover,.dock-button.compact:hover{background:#6f8d7614}dialog{width:610px;background:#f7f2e6f7;border:1px solid #ffffffd8;border-radius:25px 10px 25px 10px;color:var(--ink);box-shadow:0 30px 90px #28463b30;backdrop-filter:blur(18px)}dialog::backdrop{background:#22483b38;backdrop-filter:blur(8px)}.panel-header{background:#f7f2e6eb;border-bottom-color:#80958130;padding:25px 29px 20px}.eyebrow{color:#8b9b8e;letter-spacing:3px}h2{color:var(--ink);font-size:27px;letter-spacing:5px}.icon-button{color:var(--jade)}.icon-button:hover{background:#6f8d7614}#panel-content{color:var(--ink)}.description,.small-note,.setting-row small,.dialog-footer{color:#879487}h3{color:#5c7869;letter-spacing:2px}.tab,.weather-option{border-color:#b9cbbd80;background:#fffdf655;color:#63786b;border-radius:13px}.tab:hover,.weather-option:hover{background:#dce8d966;color:var(--ink)}.tab.selected,.weather-option.selected{border-color:var(--jade);background:var(--jade-soft);color:#345643;box-shadow:inset 0 0 0 1px #ffffff80}input[type=text],select{background:#fffdf6de;border-color:#c7d4c8;color:var(--ink)}input[type=text]::placeholder{color:#9aa89d}input[type=range]{accent-color:var(--jade)}.primary{background:var(--jade);border-color:var(--jade);color:#fffdf5}.primary:hover{background:#567461}.secondary{color:#5d7c68;border-color:#a9c0ae}.fish-preview{background:radial-gradient(ellipse,#b4cabc,#8ba997)}.fish-tile{background:#fffdf6c7;border-color:#c7d6c9}.fish-thumb{background:linear-gradient(120deg,#b7cdbd,#83a796)}.fish-tile-foot span{color:var(--ink)}.edit-fish{color:#7b927d}.rank-row{border-bottom-color:#cbd8cd}.rank-info{color:var(--ink)}.rank-info small,.rank-score small{color:#879487}.rank-score{color:#ac7857}.weather-info,.city-result{background:#e3eee1b8;color:#6d8275;border-color:#c4d5c6}.week-history{background:#fffdf6b8;border-color:#c7d6c9}.week-head{background:#e4ede1}.week-row{border-bottom-color:#d6e0d5}.week-row>span{border-left-color:#e1e8df;color:#728578}.week-name strong{color:var(--ink)}.week-name small{color:#879487}.week-total{background:#e5eee1;color:#456450!important}.daily-cap{background:#f4e3d8;color:#a3664c!important}.death-log-row{background:#fffdf6a6;border-color:#c7d6c9}.death-log-main strong{color:var(--ink)}.death-log-main small{color:#879487}.death-log-cause{color:#a3624d}#toast{background:#f7f2e6ed;border:1px solid #ffffffd0;color:var(--ink);box-shadow:0 14px 36px #3e62501f;backdrop-filter:blur(14px)}.zen-exit{background:#f7f2e6bd;border-color:#ffffffaa;color:var(--ink)}@media(max-width:600px){.weather-card{width:152px;padding:11px 13px;border-radius:16px 7px 16px 7px}.weather-top{font-size:9px;letter-spacing:1px}#clock{font-size:33px;letter-spacing:1px}.dock{padding:6px;border-radius:17px 8px 17px 8px}.dock-button{padding:11px 10px;font-size:9px}.dock-button.compact{padding:14px 12px}dialog{border-radius:19px 8px 19px 8px}}.species-picker{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px 12px;align-items:start;margin:5px 0 18px;font-size:12px;color:#315344}.species-picker-label{padding-top:11px;font-weight:600;letter-spacing:1px}.species-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.species-choice{min-height:43px;border:1px solid #c7d6c9;border-radius:12px;background:#fffdf6d9;color:#63786b;font-size:11px;transition:background .2s,border-color .2s,color .2s,transform .2s}.species-choice:hover{transform:translateY(-1px);border-color:#789477;background:#eef4e8;color:#315344}.species-choice[aria-pressed=true]{border-color:#6f8d76;background:#6f8d76;color:#fffdf4;box-shadow:0 5px 12px #3e62501f}.species-picker-note{grid-column:2;font-size:10px;line-height:1.6;color:#7d9081}.night .species-choice{background:#173b3b;border-color:#d9eddf45;color:#c4d6c9}.night .species-choice[aria-pressed=true]{background:#9dbd91;border-color:#9dbd91;color:#15342d}.night .species-picker-note{color:#c4d6c9}.species-picker + .fish-preview{margin-top:2px}@media(max-width:600px){.species-picker{grid-template-columns:1fr;gap:7px;margin-bottom:14px}.species-picker-label{padding-top:0}.species-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.species-choice{min-height:38px;font-size:10px}.species-picker-note{grid-column:1}}.fish-panel{width:920px}.fish-panel .fish-preview canvas{height:190px}.fish-panel .fish-grid{max-height:300px}.fish-panel #panel-content{padding:28px 38px 36px}.fish-panel .description{font-size:12px;line-height:2}.fish-panel .form-row{margin:17px 0}.fish-panel .form-row label{min-width:112px;font-size:12px}.fish-panel input[type=text]{padding:13px 15px;font-size:13px}.fish-panel .fish-preview{border-radius:20px;margin:20px 0 22px}body.night dialog .species-choice{background:#fffdf6d9;border-color:#c7d6c9;color:#63786b}body.night dialog .species-choice[aria-pressed=true]{background:#6f8d76;border-color:#6f8d76;color:#fffdf4}body.night dialog .species-picker-note{color:#7d9081}@media(max-width:700px){.fish-panel{width:calc(100vw - 24px)}.fish-panel #panel-content{padding:18px 20px 24px}.fish-panel .fish-preview canvas{height:145px}.fish-panel .form-row label{min-width:72px}}.fish-preview + .species-picker{margin-top:2px}.companion-switch{display:block;margin:4px 0 18px auto}.fish-panel h3 + .fish-grid{margin-top:8px}.form-row[hidden]{display:none!important}.fish-panel .companion-tabs{margin:0 0 20px;gap:12px}.fish-panel .companion-tabs .tab{min-height:48px;font-size:12px}.fish-panel .companion-tabs .tab.selected{background:#dfe9d8;border-color:#6f8d76;color:#315344}.turtle-designer{display:block!important;margin:20px 0 26px!important}.turtle-preview{position:relative;height:220px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at center,#b9cec0,#8da99a);display:grid;place-items:center}.turtle-preview-stage{display:grid;place-items:center;width:100%;height:100%}.turtle-preview-stage canvas{max-width:78%;height:auto}.turtle-preview .preview-label{left:22px;bottom:18px}.turtle-controls{margin-top:22px}.turtle-control-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;margin:16px 0}.turtle-control-label{font-size:12px;font-weight:600;letter-spacing:1px;color:#315344}.turtle-shell-options{display:grid;grid-template-columns:repeat(2,minmax(0,190px));gap:10px}.turtle-shell-choice{min-height:46px;border:1px solid #c7d6c9;border-radius:12px;background:#fffdf6d9;color:#63786b;font-size:11px}.turtle-shell-choice:hover{border-color:#789477;background:#eef4e8}.turtle-shell-choice[aria-pressed=true]{background:#6f8d76;border-color:#6f8d76;color:#fffdf4;box-shadow:0 5px 12px #3e62501f}.turtle-name-row{grid-template-columns:112px minmax(0,1fr) auto}.turtle-name-row .primary{min-height:46px;white-space:nowrap}.turtle-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.turtle-collection-grid .fish-tile{border-radius:15px}.turtle-collection-grid .fish-thumb{height:118px;background:linear-gradient(135deg,#b9cdbf,#89a99a)}.turtle-collection-grid .fish-thumb canvas{max-width:82%;height:auto}.turtle-collection-grid .fish-tile-foot{padding:13px 15px}body.night dialog .turtle-shell-choice{background:#fffdf6d9;border-color:#c7d6c9;color:#63786b}body.night dialog .turtle-shell-choice[aria-pressed=true]{background:#6f8d76;border-color:#6f8d76;color:#fffdf4}@media(max-width:700px){.turtle-preview{height:170px}.turtle-control-row,.turtle-name-row{grid-template-columns:1fr;gap:8px}.turtle-shell-options{grid-template-columns:repeat(2,1fr)}.turtle-name-row .primary{width:100%}.turtle-collection-grid{grid-template-columns:1fr}}.pond-meta{width:fit-content;min-width:132px;max-width:min(180px,calc(100vw - 44px));padding-inline:12px}.pond-meta #fish-count,.pond-meta #fed-count{width:max-content;max-width:100%}@media(max-width:600px){.pond-meta{width:fit-content;min-width:122px;max-width:calc(100vw - 36px);padding-inline:10px}}body{--ui-ink:#24463b;--ui-muted:#718578;--ui-bg:#f8f3e7e8;--ui-line:#ffffffc8;--ui-accent:#6f8d76}body.sunny{--ui-bg:#faf3dfeb;--ui-ink:#294738;--ui-muted:#748674;--ui-line:#fff9e8dc;--ui-accent:#718d62}body.cloudy{--ui-bg:#eaf0e8eb;--ui-ink:#29463e;--ui-muted:#71837a;--ui-line:#fafff8db;--ui-accent:#6e897a}body.rain{--ui-bg:#e5f0efed;--ui-ink:#23464a;--ui-muted:#668083;--ui-line:#f5ffffe0;--ui-accent:#5f878c}body.snow{--ui-bg:#f4f8f4ed;--ui-ink:#314e4b;--ui-muted:#718887;--ui-line:#ffffffeb;--ui-accent:#789b98}body.night{--ui-bg:#102a31ed;--ui-ink:#eff7ed;--ui-muted:#c4d6c9;--ui-line:#e9f5e477;--ui-accent:#b8d3ad}.weather-card,.dock,.pond-meta{color:var(--ui-ink);background:var(--ui-bg);border-color:var(--ui-line);box-shadow:0 16px 42px #122f2b2b,inset 0 1px 0 #ffffff99}.weather-card{width:252px;border-radius:22px 8px 22px 8px;padding:20px 22px 17px}.weather-card::before{background:linear-gradient(180deg,var(--vermilion),var(--ui-accent));opacity:1}.weather-top{color:var(--ui-muted)}.weather-top .icon-button{color:var(--ui-accent)}#clock{color:var(--ui-ink);font-size:46px}.weather-line strong{color:var(--ui-ink)}.weather-line>span:last-child,#calendar{color:var(--ui-muted)}.weather-foot{border-top-color:var(--ui-line);color:var(--ui-muted)}body.night .weather-card,body.night .dock,body.night .pond-meta{background:rgba(16,42,49,.86);border-color:#e9f5e477;box-shadow:0 18px 48px #020d12a8,inset 0 1px 0 #f3fff522}body.night .weather-top,body.night #calendar,body.night .weather-line>span:last-child,body.night .weather-foot{color:#c4d6c9}body.night #clock,body.night .weather-line strong,body.night .dock-button,body.night .pond-meta{color:#eff7ed}body.night .dock-divider{background:#e9f5e44f}body.night .dock-button:hover{background:#d6eddc18;color:#ffffff}body.night .dock-button.active{background:#9dbd91;color:#15342d}.pond-meta{width:190px;border-radius:15px 7px 15px 7px;padding:12px 14px}.pond-meta::before{content:"池塘名册";display:block;grid-column:2;margin-bottom:5px;font-size:9px;letter-spacing:2px;color:var(--ui-muted)}.pond-meta #fish-count{gap:4px}.pond-meta #fish-count>span{font-size:10px;line-height:1.15;color:var(--ui-ink)}.pond-meta #fed-count{color:var(--ui-muted);font-size:9px}.bottom-ui{bottom:calc(30px + var(--dock-inset,0px) + var(--safe-bottom,0px))}.pond-hint{margin-bottom:13px;font-size:10px;letter-spacing:2px}.dock{max-width:calc(100vw - 48px);padding:7px;border-radius:21px 9px 21px 9px}.dock-button{color:var(--ui-muted);padding:11px 13px;font-size:10px}.dock-button.active{background:var(--vermilion);color:#fffdf2}.dock-button.compact{padding-inline:10px}.dock-divider{height:20px;background:var(--ui-line)}dialog{background:#f8f3e9fa;color:#24463b;border-radius:24px 9px 24px 9px}.panel-header{background:#f8f3e9f0}.panel-header h2{color:#24463b}.panel-header .eyebrow{color:#789081}.tab,.weather-option{color:#63786b}.setting-row{color:#315344}.description,.small-note,.setting-row small,.dialog-footer{color:#7d9081}@media(max-width:600px){.weather-card{width:152px;padding:11px 13px;border-radius:16px 7px 16px 7px}.pond-meta{width:158px;padding:9px 11px}.pond-meta::before{font-size:8px}.pond-meta #fish-count>span{font-size:9px}.bottom-ui{bottom:max(calc(20px + var(--safe-bottom,0px)),env(safe-area-inset-bottom))}.dock{max-width:calc(100vw - 20px);padding:6px}.dock-button{padding:10px 8px;font-size:8px}.dock-button.compact{padding:12px 9px}}@media (min-width:2200px) and (min-aspect-ratio:21/9){:root{--ultra-gutter:clamp(52px,3.2vw,128px)}.weather-card{right:calc(var(--ultra-gutter) + var(--safe-right,0px));top:calc(40px + var(--safe-top,0px))}.pond-meta{left:calc(var(--ultra-gutter) + var(--safe-left,0px));bottom:calc(42px + var(--dock-inset,0px) + var(--safe-bottom,0px));width:fit-content;min-width:132px;max-width:190px}.bottom-ui{bottom:calc(38px + var(--dock-inset,0px) + var(--safe-bottom,0px))}.dock{max-width:min(1120px,calc(100vw - 2 * var(--ultra-gutter)))}dialog{max-height:calc(100dvh - 72px)}.fish-panel{width:min(1080px,60vw)}.week-panel{width:min(1050px,60vw)}}@media (min-width:3800px) and (min-aspect-ratio:28/9){:root{--ultra-gutter:clamp(120px,4vw,220px)}.weather-card{top:calc(54px + var(--safe-top,0px))}.pond-meta{bottom:calc(54px + var(--dock-inset,0px) + var(--safe-bottom,0px))}.bottom-ui{bottom:calc(48px + var(--dock-inset,0px) + var(--safe-bottom,0px))}}#panel-nav{display:flex;gap:6px;padding:8px 29px 0;background:#f8f3e9f0;border-bottom:1px solid #80958130}#panel-nav button{flex:1;min-width:0;padding:9px 8px;border:1px solid #b9cbbd80;border-radius:10px 10px 0 0;background:transparent;color:#63786b;font-size:11px}#panel-nav button[aria-current=true]{background:#6f8d76;color:#fffdf4;border-color:#6f8d76}@media(max-width:600px){#panel-nav{gap:4px;padding-inline:16px}#panel-nav button{font-size:9px;padding-inline:4px}}.pond-meta{width:fit-content;min-width:132px;max-width:min(190px,calc(100vw - 44px))}.weather-title-button{max-width:172px;padding:4px 6px 4px 0;border-radius:6px;background:transparent;color:inherit;font-size:inherit;letter-spacing:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.weather-title-button:hover{color:var(--ui-ink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.weather-title-button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.weather-card,.dock,.pond-meta{--ui-bg:rgba(238,245,237,.58);--ui-ink:#24463b;--ui-muted:#526e61;--ui-line:rgba(255,255,255,.72);background:var(--ui-bg);color:var(--ui-ink);border-color:var(--ui-line);box-shadow:0 18px 52px rgba(24,52,43,.22),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}.weather-card .weather-top,.weather-card #calendar,.weather-card .weather-line>span:last-child,.weather-card .weather-foot,.pond-meta #fed-count{color:var(--ui-muted)}.weather-card #clock,.weather-card .weather-line strong,.pond-meta,.pond-meta #fish-count>span{color:var(--ui-ink)}.weather-card::before{background:linear-gradient(180deg,#d48a68,#719b7b)}.dock-button{color:var(--ui-muted)}.dock-button:hover{background:rgba(255,255,255,.28);color:var(--ui-ink)}.dock-button.active{background:#a9c99e;color:#193b31;box-shadow:0 6px 18px rgba(39,79,59,.18)}.dock-divider{background:rgba(66,99,82,.28)}body.night .weather-card,body.night .dock,body.night .pond-meta{background:rgba(238,245,237,.58);border-color:rgba(255,255,255,.72);color:#24463b}dialog{height:min(60dvh,760px);max-height:60dvh;min-height:360px}#panel-content{overflow:auto;min-height:0}@media(max-width:600px){dialog{height:60dvh;max-height:60dvh;min-height:300px}}.weather-card,.dock,.pond-meta,body.night .weather-card,body.night .dock,body.night .pond-meta{--ui-ink:#173b34;--ui-muted:#3e6157;--ui-line:rgba(255,255,255,.7);color:var(--ui-ink);background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(228,241,233,.42));border:1px solid var(--ui-line);box-shadow:0 12px 36px rgba(11,35,31,.19),inset 0 1px 0 rgba(255,255,255,.84);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);}.weather-card{border-radius:18px;padding:18px 20px 15px}.weather-card::before{width:2px;opacity:.62;background:#a2bcaa}.weather-card .weather-top,.weather-card #calendar,.weather-card .weather-line>span:last-child,.weather-card .weather-foot,body.night .weather-card .weather-top,body.night .weather-card #calendar,body.night .weather-card .weather-line>span:last-child,body.night .weather-card .weather-foot{color:var(--ui-muted)}.weather-card #clock,.weather-card .weather-line strong,.pond-meta #fish-count>span,body.night .weather-card #clock,body.night .weather-card .weather-line strong,body.night .pond-meta #fish-count>span{color:var(--ui-ink)}.weather-card .weather-top .icon-button,body.night .weather-card .weather-top .icon-button{color:var(--ui-muted)}.weather-card .weather-foot{border-top-color:rgba(39,85,67,.24)}.pond-meta{border-radius:15px;padding:10px 13px;text-shadow:none}.pond-meta::before,.pond-meta #fed-count,body.night .pond-meta::before,body.night .pond-meta #fed-count{color:var(--ui-muted)}.pond-meta #fed-count{border-top-color:rgba(39,85,67,.24)}.dock{border-radius:18px;padding:6px;gap:2px}.dock-button,body.night .dock-button{color:var(--ui-ink);font-weight:550;opacity:1}.dock-button:hover,body.night .dock-button:hover{color:var(--ui-ink);background:rgba(255,255,255,.34)}.dock-button.active,body.night .dock-button.active{color:#fffdf7;background:#456e5d;box-shadow:0 4px 12px rgba(23,62,45,.25)}.dock-divider,body.night .dock-divider{background:rgba(39,85,67,.25)}dialog,dialog.fish-panel,dialog.week-panel{width:min(1060px,calc(100vw - 48px));height:min(60dvh,720px);max-height:60dvh;min-height:0;padding:0;overflow:hidden;border-radius:23px;display:none;grid-template-columns:148px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);}dialog[open],dialog.fish-panel[open],dialog.week-panel[open]{display:grid}.panel-header{grid-column:2;grid-row:1;position:relative;top:auto;min-width:0;padding:20px 30px 17px;margin:0;background:#f8f3e9f0}.panel-header .eyebrow{font-size:8px;letter-spacing:2.4px}.panel-header h2{font-size:25px;margin-top:4px;letter-spacing:4px}#panel-nav{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px;padding:24px 10px;margin:0;background:#e9eee6;border-right:1px solid #cbd9ce;border-bottom:0}#panel-nav button{flex:none;min-height:43px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:#536e60;font-size:11px;font-weight:550;text-align:left;white-space:nowrap}#panel-nav button:hover{background:rgba(255,255,255,.65);color:#204839}#panel-nav button[aria-current=true]{background:#fffdf7;color:#275844;border:0;box-shadow:0 2px 10px rgba(50,87,65,.1),inset 3px 0 0 #6f9d77}#panel-content,.fish-panel #panel-content{grid-column:2;grid-row:2;min-height:0;overflow:auto;padding:20px 30px 28px;scrollbar-width:thin;scrollbar-color:#b0c3b2 transparent}.fish-panel .companion-tabs{max-width:320px;margin:0 0 16px;gap:4px;padding:3px;background:#e8eee7;border-radius:12px}.fish-panel .companion-tabs .tab{min-height:36px;padding:7px;font-size:11px;border:0;background:transparent;border-radius:9px}.fish-panel .companion-tabs .tab.selected{background:#fffdf7;color:#315e49;box-shadow:0 2px 7px rgba(39,80,53,.12)}@media(max-width:700px){dialog,dialog.fish-panel,dialog.week-panel{width:calc(100vw - 20px);grid-template-columns:92px minmax(0,1fr)}#panel-nav{padding:14px 6px;gap:3px}#panel-nav button{font-size:9px;min-height:38px;padding:7px 6px}.panel-header{padding:15px 16px 12px}.panel-header h2{font-size:21px}#panel-content,.fish-panel #panel-content{padding:15px 16px 20px}}.pet-roster{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin:0 0 17px;padding:12px 14px;border:1px solid #c8d8cc;border-radius:13px;background:linear-gradient(135deg,#edf3ec,#e2ebe4);color:#315749}.pet-roster-heading{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;letter-spacing:1.2px}.pet-roster-heading strong{font-weight:650}.pet-roster-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pet-roster-list>span{padding:5px 8px;border:1px solid #c9d8cc;border-radius:999px;background:#fffdf8b8;font-size:9px;line-height:1;white-space:nowrap}.pet-roster-fed{padding-left:14px;border-left:1px solid #afc3b3;font-size:9px;color:#688174;white-space:nowrap}@media(max-width:760px){.pet-roster{grid-template-columns:1fr;gap:9px}.pet-roster-fed{padding:8px 0 0;border-left:0;border-top:1px solid #afc3b3}}.about-panel #panel-content{padding:22px 30px 30px}.about-sheet{max-width:760px;margin:0 auto;padding:22px 24px 26px;border:1px solid #c7d6c9;border-radius:18px;background:linear-gradient(145deg,#f8fbf5d9,#e9f1e9a8);box-shadow:inset 0 1px 0 #ffffffb8}.about-copy{margin:0;white-space:pre-wrap;font:12px/2 "PingFang SC","Microsoft YaHei",sans-serif;color:#315344;overflow-wrap:anywhere}.about-copy a{color:#4f7b61;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}body.night .about-sheet{background:linear-gradient(145deg,#173b3bd9,#102f30b8);border-color:#d9eddf45}body.night .about-copy{color:#dceadf}body.night .about-copy a{color:#b9d7b7}.brand-watermark{position:absolute;right:24px;bottom:calc(16px + var(--dock-inset,0px) + var(--safe-bottom,0px));z-index:3;pointer-events:none;color:#f1f5eb;font-size:9px;letter-spacing:.7px;text-shadow:0 1px 6px rgba(12,35,30,.75);opacity:.82;white-space:nowrap}.panel-watermark{grid-column:2;grid-row:2;align-self:end;justify-self:end;z-index:4;margin:0 27px 10px 0;padding:4px 8px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(35,70,57,.16);color:#547264;font-size:8px;letter-spacing:.45px;pointer-events:none;white-space:nowrap;text-shadow:0 1px 2px rgba(255,255,255,.45)}body.night .brand-watermark{color:#edf5ef;text-shadow:0 1px 7px rgba(0,0,0,.9)}body.night .panel-watermark{border-color:rgba(220,242,226,.35);background:rgba(8,35,34,.32);color:#d6e9dc;text-shadow:0 1px 3px rgba(0,0,0,.7)}@media(max-width:600px){.brand-watermark{right:12px;bottom:calc(10px + var(--safe-bottom,0px));font-size:8px}.panel-watermark{margin-right:14px;margin-bottom:7px;font-size:7px}}@media(max-width:700px){.about-panel #panel-content{padding:15px 16px 20px}.about-sheet{padding:16px 15px 20px;border-radius:14px}.about-copy{font-size:11px;line-height:1.85}}