:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{min-width:0;margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{min-width:0;max-width:100%}html,body{width:100%;min-height:100%;overflow-x:hidden}@media (width<=760px){#root{border-inline:0;width:100%}:is(#root>div:has(>button[aria-label="Open item menu"])>button[aria-label="Open item menu"],#root>div:has(>button[aria-label="Open item menu"])>button[aria-label="Return to main menu"]){top:max(10px, env(safe-area-inset-top))!important;width:46px!important;height:46px!important}#root>div:has(>button[aria-label="Open item menu"])>button[aria-label="Open item menu"]{left:10px!important}#root>div:has(>button[aria-label="Open item menu"])>button[aria-label="Return to main menu"]{right:10px!important}#root>div:has(>button[aria-label="Open item menu"])>button[aria-label="Return to main menu"]+div{width:min(88vw,340px)!important;padding:max(12px, env(safe-area-inset-top)) 12px calc(18px + env(safe-area-inset-bottom))!important}#root>div:has(>button[aria-label="Open item menu"])>button[aria-label="Return to main menu"]+div+div{left:0!important}#root>div:has(>button[aria-label="Open item menu"]) div:has(>button[title=Zoom\ out]){scrollbar-width:none;left:8px!important;right:8px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:5px!important;padding:8px!important;overflow-x:auto!important}#root>div:has(>button[aria-label="Open item menu"]) div:has(>button[title=Zoom\ out])::-webkit-scrollbar{display:none}#root>div:has(>button[aria-label="Open item menu"]) div:has(>button[title=Zoom\ out]) button{flex:none;min-height:36px!important;padding-inline:10px!important;font-size:11px!important}.set-planner-actions{scrollbar-width:none;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:8px 10px!important;overflow-x:auto!important}.set-planner-actions::-webkit-scrollbar{display:none}.set-planner-actions>button{flex:none}.set-planner-zoom{z-index:94!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;background:#101019f0!important;border:1px solid #444!important;border-radius:10px!important;padding:5px!important;position:fixed!important;box-shadow:0 8px 24px #00000052!important}.set-planner-actions.recent-open .set-planner-zoom{bottom:calc(176px + env(safe-area-inset-bottom))!important}.set-planner-zoom>span:first-child{display:none!important}:is(#root>div:has(>button[aria-label="Open item menu"]) button[title=Zoom\ out],#root>div:has(>button[aria-label="Open item menu"]) button[title=Zoom\ in]){z-index:96!important;top:calc(max(10px, env(safe-area-inset-top)) + 56px)!important;background:#101019f2!important;border:1px solid #444!important;border-radius:9px!important;width:42px!important;height:38px!important;min-height:38px!important;padding:0!important;position:fixed!important}#root>div:has(>button[aria-label="Open item menu"]) button[title=Zoom\ out]{right:106px!important}#root>div:has(>button[aria-label="Open item menu"]) button[title=Zoom\ in]{right:8px!important}#root>div:has(>button[aria-label="Open item menu"]) button[title=Zoom\ out]+span{z-index:96!important;top:calc(max(10px, env(safe-area-inset-top)) + 56px)!important;color:#ddd!important;background:#101019f2!important;place-items:center!important;width:56px!important;min-width:56px!important;height:38px!important;display:grid!important;position:fixed!important;right:50px!important}.world-planner-shell>div:has(>button[aria-label="Return to main menu"]){top:max(4px, env(safe-area-inset-top))!important;z-index:96!important;position:fixed!important;right:4px!important}.world-planner-shell>div:has(>button[aria-label="Return to main menu"])>button{width:44px!important;height:44px!important}.world-planner-shell>div:has(>button[title=Zoom\ out]){right:8px!important;bottom:calc(142px + env(safe-area-inset-bottom))!important;z-index:91!important;gap:4px!important;padding:5px!important}.world-planner-shell>div:has(>button[title=Zoom\ out]) button{min-height:34px!important;padding-inline:10px!important}.world-planner-shell>footer{scrollbar-width:none;left:8px!important;right:8px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;border-radius:11px!important;gap:4px!important;height:62px!important;padding:0 8px!important}.world-planner-shell>footer::-webkit-scrollbar{display:none}.world-planner-shell>footer button{flex:0 0 54px!important;min-width:54px!important;height:50px!important}.world-planner-shell>div:has(>section){max-width:calc(100vw - 16px)!important}.world-planner-shell>div[style*="bottom: 108px"]{scrollbar-width:none;left:8px!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;z-index:90!important;width:auto!important;min-width:0!important;max-height:min(24vh,190px)!important;overflow:auto!important;transform:none!important}.world-planner-shell>div[style*="bottom: 108px"]::-webkit-scrollbar{display:none}.world-planner-shell:has(>div[style*="bottom: 108px"]>section)>div:has(>button[title=Zoom\ out]){bottom:calc(274px + env(safe-area-inset-bottom))!important}#root>div:has(>button[aria-label="Open item menu"]) .fullscreen-preview-stage{zoom:.72}#root>main:has(a[href*=discord\.gg]){background:#080910 url(/Sprites/bg_midnight_0.png) 50%/cover fixed!important;overflow-y:auto!important}#root>main:has(a[href*=discord\.gg])>img:first-of-type{position:fixed!important}#root>main:has(a[href*=discord\.gg])>img:first-of-type+div{position:fixed!important}#root>main:has(a[href*=discord\.gg])>img:first-of-type+div+div{position:fixed!important}#root>main:has(a[href*=discord\.gg])>section{justify-content:flex-start!important;width:min(100% - 24px,620px)!important;min-height:auto!important;padding:84px 0 126px!important}#root>main:has(a[href*=discord\.gg])>section>header{margin-bottom:18px!important}#root>main:has(a[href*=discord\.gg])>section>div{grid-template-columns:minmax(0,1fr)!important;gap:9px!important;overflow:visible!important}#root>main:has(a[href*=discord\.gg])>section>div>*{gap:8px!important;min-height:142px!important;padding:12px 7px!important}#root>main:has(a[href*=discord\.gg])>section>div>* img{width:56px!important;height:56px!important}#root>main:has(a[href*=discord\.gg])>section>div>* span{font-size:15px!important}.main-menu-feedback{left:12px!important;right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;flex-wrap:nowrap!important;justify-content:center!important}.main-menu-feedback button{flex:1 1 0!important;justify-content:center!important;min-width:0!important;max-width:190px!important;padding:8px 9px!important;font-size:9px!important}.main-menu-feedback button img{width:23px!important;height:23px!important}.main-menu-version{pointer-events:none;left:50%!important;right:auto!important;bottom:calc(176px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;text-align:center!important;color:#d7deef!important;z-index:20!important;background:#0c101ee0!important;border:1px solid #90a1cd47!important;border-radius:999px!important;width:max-content!important;max-width:calc(100vw - 24px)!important;padding:6px 11px!important;font-size:11px!important;transform:translate(-50%)!important;box-shadow:0 6px 18px #00000047!important}}.fish-page{--aqua:#73f2d1;--blue:#3aa7ff;box-sizing:border-box;color:#f7fbff;background:radial-gradient(circle at 16% 8%,#1fa2af38,#0000 32%),radial-gradient(circle at 85% 18%,#3a5cc338,#0000 34%),linear-gradient(155deg,#06131d,#081421 52%,#080d19);min-height:100vh;padding:24px clamp(18px,3vw,48px) 42px;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.fish-page *{box-sizing:border-box}.fish-page button,.fish-page input,.fish-page select{font:inherit}.fish-header{grid-template-columns:58px 1fr 70px;align-items:center;gap:18px;width:min(1420px,100%);margin:auto;padding:6px 0 22px;display:grid}.fish-header>div{text-align:center}.fish-header span{color:#8db5c5;letter-spacing:.24em;font-size:11px;font-weight:900}.fish-header h1{letter-spacing:.08em;margin:7px 0 0;font-size:clamp(25px,3vw,42px)}.fish-header>img{object-fit:contain;width:66px;height:66px;image-rendering:pixelated;filter:drop-shadow(0 0 13px #73f2d173)}.fish-home{color:#fff;cursor:pointer;background:#101c2a;border:1px solid #78c1d259;border-radius:13px;width:52px;height:52px;font-size:27px}.fish-tabs{background:#050d189e;border:1px solid #6facc438;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(1420px,100%);margin:0 auto 22px;padding:7px;display:grid}.fish-tabs button{color:#8ca5b7;letter-spacing:.07em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-height:48px;font-size:12px;font-weight:900}.fish-tabs button.active{color:#fff;background:linear-gradient(135deg,#18807dc7,#1b5275d1);border-color:#73f2d18c;box-shadow:0 0 18px #40d8bf1f}.fish-workspace{grid-template-columns:295px minmax(0,1fr);gap:18px;width:min(1420px,100%);margin:auto;display:grid}.fish-summary,.fish-list-panel,.fish-glass{background:linear-gradient(145deg,#0d1c2aed,#070f1cf0);border:1px solid #72b0c640;border-radius:16px;box-shadow:0 18px 44px #00000040}.fish-summary{align-self:start;gap:10px;padding:16px;display:grid}.fish-metric{background:#030c177a;border:1px solid #78b7cc2e;border-radius:12px;flex-direction:column;justify-content:center;min-height:78px;padding:13px;display:flex;position:relative}.fish-metric>img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;position:absolute;top:10px;right:10px}.fish-metric span{color:#7f9eb0;letter-spacing:.1em;font-size:10px;font-weight:900}.fish-metric strong{color:#eafff9;margin-top:4px;font-size:25px}.fish-small-metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.rate-field{color:#94adba;letter-spacing:.08em;gap:7px;padding-top:4px;font-size:10px;font-weight:900;display:grid}.rate-field input,.fish-search input,.tank-fields input,.tank-fields select{color:#fff;background:#07111e;border:1px solid #78bbcf4d;border-radius:9px;outline:none;width:100%}.rate-field input{height:44px;padding:0 12px;font-size:17px;font-weight:800}.fish-summary>p{color:#8297a5;margin:1px 3px 4px;font-size:11px;line-height:1.5}.fish-reset{color:#ffdce3;letter-spacing:.08em;cursor:pointer;background:#6a223775;border:1px solid #fa748b73;border-radius:9px;min-height:44px;font-size:11px;font-weight:900}.fish-list-panel{padding:15px}.fish-search{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:13px;display:grid}.fish-search input{height:46px;padding:0 15px;font-size:14px}.fish-search strong{color:#82a7b5;letter-spacing:.09em;font-size:10px}.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.fish-card{background:#05101d8f;border:1px solid #74acc430;border-radius:11px;grid-template-columns:58px minmax(95px,1fr) 130px 86px;align-items:center;gap:10px;min-width:0;min-height:84px;padding:9px;display:grid}.fish-card>img{object-fit:contain;width:56px;height:56px;image-rendering:pixelated}.fish-card-copy{gap:4px;min-width:0;display:grid}.fish-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.fish-card-copy span{color:#79b8ad;font-size:10px}.fish-stepper{grid-template-columns:34px 1fr 34px;display:grid}.fish-stepper button,.fish-stepper input{color:#fff;text-align:center;background:#091827;border:1px solid #74b7ca47;height:36px}.fish-stepper button{cursor:pointer;font-size:18px}.fish-stepper input{border-left:0;border-right:0;min-width:0;font-weight:800}.fish-row-total{text-align:right;color:#84e8cf;font-size:11px}.fish-info-layout,.catalog-grid{width:min(1420px,100%);margin:auto}.fish-info-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);gap:18px;display:grid}.tank-calculator{padding:22px}.fish-title-row{align-items:center;gap:15px;display:flex}.fish-title-row img{object-fit:contain;width:68px;height:68px;image-rendering:pixelated}.fish-title-row h2,.fish-info-card h2{margin:0;font-size:19px}.fish-title-row p{color:#8fa6b4;margin:5px 0 0;font-size:12px}.tank-fields{grid-template-columns:1.2fr 1fr .7fr;gap:10px;margin-top:22px;display:grid}.tank-fields label{color:#8ca8b6;letter-spacing:.08em;gap:7px;font-size:10px;font-weight:900;display:grid}.tank-fields input,.tank-fields select{height:44px;padding:0 11px}.tank-result{grid-template-columns:1fr 48px 1fr;align-items:center;gap:10px;margin-top:18px;display:grid}.tank-fish{background:#030c1773;border:1px solid #73c1cf33;border-radius:12px;align-content:center;place-items:center;gap:8px;min-height:150px;display:grid}.tank-fish img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated}.tank-fish span{color:#80a69e;font-size:10px}.tank-arrow{text-align:center;color:var(--aqua);font-size:30px}.tank-gain{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.tank-gain span{color:#7f9ca9;background:#071823a8;border-radius:9px;padding:12px;font-size:9px;font-weight:900}.tank-gain b{color:#90f1da;margin-top:5px;font-size:13px;display:block}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.fish-info-card{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:16px;min-height:190px;padding:19px;display:grid}.fish-info-card>img{object-fit:contain;width:88px;height:88px;image-rendering:pixelated}.fish-info-card p{color:#a6bac5;margin:9px 0 0;font-size:12px;line-height:1.55}.fish-info-card .fish-source{color:#75c9b6}.fish-pill{color:#93eed8;text-transform:uppercase;background:#46a19633;border-radius:999px;margin-top:7px;padding:4px 7px;font-size:9px;font-weight:900;display:inline-block}@media (width<=1050px){.fish-grid,.fish-info-layout{grid-template-columns:1fr}.fish-workspace{grid-template-columns:255px minmax(0,1fr)}.fish-card{grid-template-columns:52px minmax(90px,1fr) 118px 78px}}@media (width<=760px){.fish-page{padding:14px}.fish-header{grid-template-columns:46px 1fr 48px}.fish-header>img{width:46px;height:46px}.fish-home{width:44px;height:44px}.fish-tabs{grid-template-columns:1fr 1fr}.fish-workspace{grid-template-columns:1fr}.fish-summary{grid-template-columns:1fr 1fr}.fish-summary>p,.fish-reset,.rate-field{grid-column:1/-1}.fish-list-panel{padding:10px}.fish-card{grid-template-columns:48px minmax(80px,1fr) 110px}.fish-row-total{grid-column:2/-1}.fish-search,.tank-fields,.tank-gain,.catalog-grid{grid-template-columns:1fr}}.fish-page{scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;width:100%;padding:18px 86px 38px 22px;position:relative}.fish-page img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fish-page::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.fish-page ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.fish-page>nav,.fish-page>section{z-index:2;position:relative}.fish-home{z-index:30;color:#fff;cursor:pointer;background:#101019e6;border:1px solid #444;border-radius:10px;place-items:center;width:54px;height:54px;display:grid;position:fixed;top:18px;right:18px}.fish-tabs,.fish-workspace,.fish-info-layout,.catalog-grid{width:100%;max-width:none}.fish-tabs{margin:0 0 18px}.fish-grid{grid-template-columns:repeat(auto-fit,minmax(470px,1fr))}.fish-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fish-background img{object-fit:contain;image-rendering:pixelated;opacity:.12;filter:drop-shadow(0 0 14px #67e7dc59);animation:20s ease-in-out infinite fishBackgroundSwim;position:absolute}@keyframes fishBackgroundSwim{0%,to{transform:translate(-24px)rotate(-3deg)}50%{transform:translate(38px,-18px)rotate(4deg)}}@media (width<=760px){.fish-page{padding:84px 14px 24px}.fish-home{top:14px;right:14px}.fish-grid{grid-template-columns:1fr}}.fish-card{padding-right:36px;position:relative}.fish-card-copy em{color:#9ce3d2;letter-spacing:.05em;text-transform:uppercase;background:#40948e2e;border-radius:999px;width:max-content;padding:3px 6px;font-size:8px;font-style:normal;font-weight:900}.fish-card-info{color:#d9fff8;cursor:pointer;background:#0b3940;border:1px solid #7bcec37a;border-radius:50%;place-items:center;width:21px;height:21px;padding:0;font-size:11px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.fish-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01060dc7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.fish-modal{scrollbar-width:none;background:linear-gradient(145deg,#102334,#07111e);border:1px solid #78dcca73;border-radius:17px;width:min(720px,100%);max-height:calc(100vh - 44px);padding:22px;position:relative;overflow:auto;box-shadow:0 24px 70px #00000094}.fish-modal::-webkit-scrollbar{display:none}.fish-modal-close{color:#fff;cursor:pointer;background:#101c2a;border:1px solid #97c0cd4d;border-radius:9px;width:36px;height:36px;font-size:24px;position:absolute;top:12px;right:12px}.fish-modal>header{align-items:center;gap:16px;padding-right:48px;display:flex}.fish-modal>header img{object-fit:contain;width:88px;height:88px;image-rendering:pixelated}.fish-modal h2{margin:0;font-size:25px}.fish-modal>header span{color:#9ce3d2;text-transform:uppercase;background:#40948e33;border-radius:999px;margin-top:7px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-block}.fish-modal-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.fish-modal-stats p{background:#030c177a;border:1px solid #75b1c52e;border-radius:10px;min-height:82px;margin:0;padding:11px}.fish-modal-stats b{color:#809eac;letter-spacing:.08em;font-size:9px;display:block}.fish-modal-stats strong{color:#eafff9;margin-top:6px;font-size:14px;display:block}.fish-modal-stats small{color:#78929f;margin-top:3px;font-size:9px;display:block}.fish-event-note{color:#dcd1ff;background:#4d307e3b;border:1px solid #9270db59;border-radius:9px;padding:11px 13px;font-size:12px}.fish-baits{background:#030c176b;border:1px solid #75b1c52e;border-radius:11px;margin-top:13px;padding:15px}.fish-baits h3{color:#9ce3d2;letter-spacing:.08em;margin:0 0 10px;font-size:11px}.fish-baits>div{color:#d4e1e8;border-bottom:1px solid #75b1c51a;padding:5px 0;font-size:12px}.fish-baits>div:last-of-type{border-bottom:0}.fish-baits>div b{color:#75c9b6;width:24px;display:inline-block}.fish-baits p{color:#a6bac5;margin:11px 0 0;font-size:11px}@media (width<=760px){.fish-modal-stats{grid-template-columns:1fr 1fr}.fish-modal{padding:16px}.fish-modal>header img{width:70px;height:70px}.fish-modal h2{font-size:20px}}.fish-summary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fish-save{color:#d9fff7;letter-spacing:.08em;cursor:pointer;background:#13656085;border:1px solid #67dbc770;border-radius:9px;min-height:44px;font-size:11px;font-weight:900}.fish-goal,.fish-saved{background:#030c176b;border:1px solid #75b1c52e;border-radius:11px;padding:13px}.fish-goal h2,.fish-saved h2{color:#9ce3d2;letter-spacing:.09em;margin:0 0 10px;font-size:10px}.fish-goal label{color:#7893a1;letter-spacing:.07em;gap:5px;margin-top:8px;font-size:8px;font-weight:900;display:grid}.fish-goal input,.fish-goal select,.fish-search select,.rod-selectors select{color:#fff;background:#07111e;border:1px solid #78bbcf4d;border-radius:8px;width:100%;height:37px;padding:0 9px}.fish-goal>div{background:#143f457a;border-radius:9px;grid-template-columns:50px 1fr;align-items:center;gap:9px;margin-top:11px;padding:9px;display:grid}.fish-goal>div img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.fish-goal>div span{color:#9bb1bd;font-size:9px;display:grid}.fish-goal>div b{color:#8ff1db;font-size:18px}.fish-goal>div strong{color:#fff;margin-top:2px;font-size:11px}.fish-goal>div small{color:#77939e;margin-top:3px;font-size:8px}.fish-saved h2{justify-content:space-between;display:flex}.fish-saved h2 span{background:#67dbc726;border-radius:999px;place-items:center;min-width:20px;height:20px;display:grid}.fish-saved>p{color:#718996;margin:0;font-size:10px}.fish-saved>div{gap:5px;display:grid}.fish-saved article{grid-template-columns:minmax(0,1fr) 29px 29px;gap:4px;display:grid}.fish-saved article button{color:#fff;cursor:pointer;background:#071823b3;border:1px solid #75b1c529;border-radius:7px;min-width:0}.fish-saved article button:first-child{text-align:left;padding:7px 8px}.fish-saved article b,.fish-saved article small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fish-saved article b{font-size:9px}.fish-saved article small{color:#78939f;margin-top:3px;font-size:8px}.fish-search{grid-template-columns:minmax(180px,1fr) 190px auto}.fish-search label{color:#7896a5;letter-spacing:.07em;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:9px;font-weight:900;display:grid}.fish-search select{height:46px}.tank-planner-page,.rod-page{z-index:2;width:100%;position:relative}.tank-planner-heading{background:#081523e0;border:1px solid #72b0c640;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:18px 20px;display:flex}.tank-planner-heading h2,.rod-comparison-heading h2{margin:0;font-size:18px}.tank-planner-heading p,.rod-comparison-heading p{color:#829ba8;margin:5px 0 0;font-size:11px}.tank-planner-heading button{color:#d9fff7;cursor:pointer;background:#13656085;border:1px solid #67dbc770;border-radius:9px;min-height:43px;padding:0 16px;font-size:10px;font-weight:900}.tank-plan-grid{grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:13px;display:grid}.tank-plan{padding:17px}.tank-plan>header{color:#9ce3d2;letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.tank-plan>header button{color:#ffdce3;cursor:pointer;background:#5e24347a;border:1px solid #eb778b59;border-radius:7px;width:28px;height:28px;font-size:18px}.tank-plan .tank-fields{margin-top:12px}.tank-plan .tank-fish{min-height:125px}.tank-plan .tank-fish img{width:62px;height:62px}.tank-information{margin-top:14px}.tank-information .fish-info-card{grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:0}.tank-information .fish-info-card>img{width:104px;height:104px}.tank-information .fish-info-card p{max-width:none;font-size:13px;line-height:1.65}.rod-comparison{padding:20px}.rod-comparison-heading{text-align:center}.rod-selectors{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.rod-selectors label{color:#8ca8b6;letter-spacing:.08em;gap:7px;font-size:9px;font-weight:900;display:grid}.rod-selectors select{height:43px}.rod-comparison-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.rod-comparison-cards>article{text-align:center;background:#030c176e;border:1px solid #75b1c52e;border-radius:12px;min-height:265px;padding:17px}.rod-comparison-cards img{object-fit:contain;width:84px;height:84px;image-rendering:pixelated}.rod-comparison-cards h3{margin:8px 0 5px}.rod-comparison-cards>article>span{color:#9ce3d2;text-transform:uppercase;background:#40948e33;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;display:inline-block}.rod-comparison-cards p{color:#9eb4c0;max-width:520px;margin:8px auto 0;font-size:11px;line-height:1.55}.rod-comparison-cards dl{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 0;display:grid}.rod-comparison-cards dl div{background:#0b26339e;border-radius:8px;padding:8px}.rod-comparison-cards dt{color:#7895a2;font-size:8px;font-weight:900}.rod-comparison-cards dd{color:#fff;margin:4px 0 0;font-size:11px;font-weight:800}.rod-catalog{margin-top:14px}@media (width>=1700px){.fish-workspace{grid-template-columns:330px minmax(0,1fr)}.fish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fish-card{grid-template-columns:52px minmax(90px,1fr) 116px 78px}.tank-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.fish-search,.tank-plan-grid,.rod-comparison-cards,.rod-selectors{grid-template-columns:1fr}}@media (width>=1051px){.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1700px){.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fish-card{grid-template-columns:58px minmax(120px,1fr) 126px minmax(72px,96px)}}.fish-card{overflow:hidden}.fish-stepper{width:100%;min-width:0}.fish-row-total{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rod-page,.fishing-items-page,.tank-planner-page{width:min(1420px,100%);margin-inline:auto}.section-heading{background:#081523e0;border:1px solid #72b0c640;border-radius:14px;margin-bottom:14px;padding:17px 20px}.section-heading h2{letter-spacing:.06em;margin:0;font-size:18px}.section-heading p{color:#829ba8;margin:5px 0 0;font-size:11px}.machine-catalog{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.bait-heading{margin-top:22px}.bait-catalog{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.bait-card{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:14px;min-height:116px;padding:16px;display:grid}.bait-card>img{object-fit:contain;width:66px;height:66px;image-rendering:pixelated}.bait-card h3{margin:0;font-size:14px}.bait-card p{color:#9db2bd;margin:7px 0 0;font-size:11px;line-height:1.5}.bait-placeholder{color:#baffee;background:#18807d33;border:1px solid #73f2d152;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;font-weight:900;display:grid}.formatted-info{white-space:pre-line}.fish-page .fish-info-card h2,.fish-page .bait-card h3,.fish-page .tank-fish strong,.fish-page .tank-plan header,.fish-page .section-heading h2,.fish-page .tank-planner-heading h2{color:#f7fbff}@media (width<=760px){.bait-catalog,.machine-catalog{grid-template-columns:1fr}.bait-card{grid-template-columns:56px minmax(0,1fr)}.bait-card>img{width:52px;height:52px}}.fish-tabs,.fish-workspace,.rod-page,.fishing-items-page,.tank-planner-page{width:100%;max-width:none}.fish-workspace{grid-template-columns:330px minmax(0,1fr)}.fish-card{grid-template-rows:auto auto;grid-template-columns:58px minmax(110px,1fr) 150px;gap:2px 12px;padding:10px 36px 10px 10px}.fish-stepper{grid-area:1/3;grid-template-columns:42px 66px 42px;width:150px}.fish-stepper button,.fish-stepper input{width:100%}.bait-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.bait-card{align-items:start}.bait-card h4{color:#77cdbb;letter-spacing:.1em;margin:12px 0 7px;font-size:9px}.bait-fish-list{flex-wrap:wrap;gap:5px;display:flex}.bait-fish-list span{color:#b9ddd5;background:#1f706c2e;border:1px solid #73f2d12e;border-radius:999px;padding:4px 7px;font-size:9px}@media (width<=1180px){.fish-workspace{grid-template-columns:280px minmax(0,1fr)}.fish-grid{grid-template-columns:1fr}}@media (width<=760px){.fish-workspace{grid-template-columns:1fr}.fish-card{grid-template-columns:52px minmax(90px,1fr) 132px}.fish-stepper{grid-template-columns:38px 56px 38px;width:132px}.bait-catalog{grid-template-columns:1fr}}.fish-page{scrollbar-width:none;-ms-overflow-style:none}html:has(.fish-page){scrollbar-width:none;-ms-overflow-style:none}body:has(.fish-page){scrollbar-width:none;-ms-overflow-style:none}#root:has(.fish-page){scrollbar-width:none;-ms-overflow-style:none}html:has(.fish-page)::-webkit-scrollbar{width:0;height:0;display:none}body:has(.fish-page)::-webkit-scrollbar{width:0;height:0;display:none}#root:has(.fish-page)::-webkit-scrollbar{width:0;height:0;display:none}.fish-page::-webkit-scrollbar{width:0;height:0;display:none}@media (width<=600px){.tank-planner-heading{flex-direction:column;align-items:stretch}.tank-plan{padding:12px}.tank-result{grid-template-columns:1fr}.tank-arrow{transform:rotate(90deg)}.tank-information .fish-info-card{text-align:center;grid-template-columns:1fr}.fish-summary-actions{grid-template-columns:1fr}}#root:has(.fish-page){border-inline:1px solid var(--border);width:min(1450px,100% - 48px);max-width:none;margin:0 auto}.fish-card{grid-template-rows:auto auto auto;grid-template-columns:58px minmax(0,1fr);min-height:116px;padding:10px 36px 10px 10px}.fish-card>img{grid-area:1/1/4}.fish-card-copy{grid-area:1/2}.fish-stepper{grid-area:2/2;grid-template-columns:48px minmax(70px,1fr) 48px;justify-self:end;width:min(240px,100%)}.fish-row-total{text-align:right;grid-area:3/2}@media (width<=760px){.fish-card{grid-template-columns:52px minmax(0,1fr)}.fish-stepper{grid-template-columns:44px minmax(60px,1fr) 44px;width:min(210px,100%)}#root:has(.fish-page){border-inline:0;width:100%}.fish-page{width:100%;min-height:100dvh;padding:max(72px,calc(58px + env(safe-area-inset-top))) 10px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}.fish-header{display:none}.fish-home{z-index:80;top:max(9px,env(safe-area-inset-top));width:44px;height:44px;position:fixed;right:9px}.fish-tabs{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:10px;padding:5px;position:sticky;top:0}.fish-tabs button{min-width:0;min-height:42px;padding:6px;font-size:9px}.fish-workspace,.fish-info-layout,.catalog-grid,.rod-page,.fishing-items-page,.tank-planner-page{width:100%;min-width:0}.fish-workspace{grid-template-columns:1fr;gap:10px}.fish-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.fish-metric{min-height:68px;padding:10px}.fish-list-panel{min-width:0;padding:8px}.fish-grid{grid-template-columns:1fr;gap:7px}.fish-card{grid-template-columns:48px minmax(0,1fr);gap:7px;width:100%;min-height:98px;padding:8px}.fish-card>img{width:46px;height:46px}.fish-card-copy strong{white-space:normal;line-height:1.2}.fish-stepper{grid-column:1/-1;grid-template-columns:44px minmax(52px,1fr) 44px;width:100%}.fish-stepper button,.fish-stepper input{height:40px}.fish-row-total{text-align:right;grid-column:1/-1}.fish-search{grid-template-columns:1fr;gap:7px}.tank-plan-grid{grid-template-columns:1fr}.tank-plan{min-width:0;padding:11px}.tank-fields,.tank-gain,.tank-result{grid-template-columns:1fr}.tank-arrow{transform:rotate(90deg)}.catalog-grid,.bait-catalog,.machine-catalog{grid-template-columns:1fr}.fish-info-card,.bait-card{min-width:0}.fish-page,.fish-page *{scrollbar-width:none}.fish-page::-webkit-scrollbar{width:0;height:0;display:none}.fish-page ::-webkit-scrollbar{width:0;height:0;display:none}}@media (width<=430px){.fish-summary{grid-template-columns:1fr}.fish-summary>*{grid-column:1!important}}.tm-app{--tm-bg:#090b12;--tm-panel:#10141e;--tm-panel2:#151b28;--tm-line:#293346;--tm-text:#f3f7ff;--tm-muted:#8d9ab0;--tm-accent:#83e9f5;background:var(--tm-bg);color:var(--tm-text);grid-template-rows:58px minmax(0,1fr);font-family:Inter,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.tm-app *{box-sizing:border-box}.tm-app button,.tm-app input,.tm-app select,.tm-app textarea{font:inherit}.tm-app button{color:inherit}.tm-topbar{border-bottom:1px solid var(--tm-line);background:#0e111a;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}.tm-brand{cursor:pointer;white-space:nowrap;background:#171d29;border:1px solid #344257;border-radius:9px;align-items:center;gap:10px;height:40px;padding:0 13px;display:flex}.tm-brand span{font-size:26px;line-height:1}.tm-brand b{letter-spacing:.08em;font-size:13px}.tm-toolbar{scrollbar-width:none;align-items:center;gap:5px;min-width:0;display:flex;overflow-x:auto}.tm-toolbar::-webkit-scrollbar{display:none}.tm-toolbar button,.tm-top-actions button,.tm-save-actions button{letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#171d29;border:1px solid #303c50;border-radius:8px;height:38px;padding:0 11px;font-size:11px;font-weight:850}.tm-toolbar button:hover,.tm-top-actions button:hover,.tm-save-actions button:hover{background:#202a39;border-color:#668099}.tm-toolbar button.active,.tm-top-actions .primary{color:#eaffff;background:#1c5962;border-color:#79dce8}.tm-toolbar button:disabled{opacity:.35;cursor:not-allowed}.tm-divider{background:#303847;width:1px;height:28px;margin:0 3px}.tm-top-actions{gap:6px;margin-left:auto;display:flex}.tm-workspace{grid-template-columns:290px minmax(350px,1fr) 300px;min-height:0;display:grid}.tm-panel,.tm-right-panel{background:var(--tm-panel);border-right:1px solid var(--tm-line);min-height:0}.tm-right-panel{border-right:0;border-left:1px solid var(--tm-line);grid-template-rows:minmax(280px,1fr) minmax(210px,.72fr);display:grid;overflow:hidden}.tm-assets{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:9px;padding:12px;display:grid}.tm-panel-title{letter-spacing:.12em;color:#cbd7e8;justify-content:space-between;align-items:center;min-height:28px;font-size:11px;font-weight:900;display:flex}.tm-upload{color:#9eeaf3;cursor:pointer;letter-spacing:.07em;border:1px solid #3a4b62;border-radius:7px;padding:6px 9px;font-size:9px}.tm-upload input{display:none}.tm-search,.tm-field input,.tm-field select,.tm-field textarea{color:#fff;background:#0b0f17;border:1px solid #334157;border-radius:8px;outline:none;width:100%}.tm-search{height:39px;padding:0 11px}.tm-search:focus,.tm-field input:focus,.tm-field textarea:focus,.tm-field select:focus{border-color:#6cced9}.tm-category-row{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.tm-category-row button{color:#9eabc0;white-space:nowrap;cursor:pointer;background:#161c27;border:1px solid #2d384a;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800}.tm-category-row button.active{color:#fff;background:#1a5057;border-color:#77d8e3}.tm-small-heading,.tm-section-label{letter-spacing:.12em;color:#75849a;font-size:9px;font-weight:900}.tm-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px;padding-right:3px;display:grid;overflow-y:auto}.tm-asset-grid button{cursor:pointer;background:#0c1018;border:1px solid #252f40;border-radius:8px;grid-template-rows:64px 1fr;place-items:center;min-width:0;height:95px;padding:5px;display:grid;overflow:hidden}.tm-asset-grid button:hover{background:#18222e;border-color:#65bec8}.tm-asset-grid img{object-fit:contain;width:58px;height:58px;image-rendering:pixelated}.tm-asset-grid span{text-overflow:ellipsis;white-space:nowrap;color:#aab6c8;text-align:center;width:100%;font-size:8px;display:block;overflow:hidden}.tm-result-limit{color:#718097;text-align:center;font-size:9px}.tm-muted{color:var(--tm-muted);margin:12px 0;font-size:12px;line-height:1.5}.tm-center{background:radial-gradient(circle,#242b38,#12151d 68%);grid-template-rows:38px minmax(0,1fr) 30px;min-width:0;min-height:0;display:grid}.tm-stage-toolbar{color:#aebacc;letter-spacing:.05em;background:#111620;border-bottom:1px solid #252d3a;align-items:center;gap:18px;padding:0 14px;font-size:10px;font-weight:800;display:flex}.tm-stage-toolbar label{align-items:center;gap:7px;display:flex}.tm-stage-toolbar input{width:105px}.tm-autosave{color:#69b9a4;margin-left:auto}.tm-stage-wrap{place-items:center;min-height:0;padding:24px;display:grid;overflow:hidden}.tm-stage{width:auto;max-width:100%;height:auto;max-height:100%;aspect-ratio:var(--stage-ratio);object-fit:contain;touch-action:none;image-rendering:auto;background:#171920;display:block;box-shadow:0 18px 55px #0000007a,0 0 0 1px #424d60}.tm-tool-select{cursor:default}.tm-tool-eraser{cursor:crosshair}.tm-help{color:#69778c;letter-spacing:.035em;background:#111620;border-top:1px solid #252d3a;place-items:center;font-size:9px;display:grid}.tm-inspector,.tm-layers-section{min-height:0;padding:12px;overflow-y:auto}.tm-inspector{border-bottom:1px solid var(--tm-line)}.tm-field{color:#8e9bb0;letter-spacing:.04em;gap:5px;margin-top:8px;font-size:9px;font-weight:800;display:grid}.tm-field input,.tm-field select{height:34px;padding:0 8px}.tm-field textarea{resize:vertical;min-height:58px;padding:8px}.tm-field input[type=color]{padding:3px}.tm-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tm-range{gap:4px;margin-top:10px;display:grid}.tm-range>span{color:#8e9bb0;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.tm-range b{color:#c9d6e9}.tm-range input{accent-color:#71d8e4;width:100%}.tm-button-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.tm-button-grid button,.tm-wide-button,.tm-layer-footer button,.tm-preset-grid button{cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:7px;padding:8px;font-size:9px;font-weight:850}.tm-button-grid button.active{background:#1b535a;border-color:#73d8e4}.tm-wide-button{width:100%;margin-top:8px}.tm-section-label{margin-top:16px}.tm-count{color:#8f9db2;background:#232d3c;border-radius:999px;padding:2px 6px}.tm-layers-section{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.tm-layer-list{min-height:0;overflow-y:auto}.tm-layer{text-align:left;cursor:pointer;background:#111722;border:1px solid #283344;border-radius:7px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:7px;width:100%;margin-bottom:5px;padding:5px;display:grid}.tm-layer.active{background:#1a3440;border-color:#75dce7}.tm-layer-thumb{color:#c7f8ff;background:#090c12;border-radius:5px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.tm-layer-thumb img{object-fit:contain;max-width:28px;max-height:28px;image-rendering:pixelated}.tm-layer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:750;overflow:hidden}.tm-layer-actions,.tm-layer-order{gap:4px;display:flex}.tm-layer-actions span,.tm-layer-order span{color:#91a1b8;border-radius:4px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.tm-layer-actions span:hover,.tm-layer-order span:hover{color:#fff;background:#2b394b}.tm-layer-footer{grid-template-columns:1fr 1fr;gap:6px;padding-top:7px;display:grid}.tm-layer-footer button:disabled{opacity:.35}.danger{color:#ff91a2!important}.tm-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020408c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tm-modal{background:#111722;border:1px solid #42546c;border-radius:14px;width:min(520px,100%);max-height:80vh;padding:22px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0009}.tm-modal h2{letter-spacing:.05em;margin:0 0 18px;font-size:18px}.tm-close{cursor:pointer;background:0 0;border:0;width:32px;height:32px;font-size:24px;position:absolute;top:10px;right:12px}.tm-preset-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px;display:grid}.tm-save-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.tm-saves{gap:6px;margin-top:13px;display:grid}.tm-saves>div{grid-template-columns:1fr 36px;gap:5px;display:grid}.tm-saves button{text-align:left;cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:7px;padding:9px}.tm-saves b,.tm-saves small{display:block}.tm-saves small{color:#8592a7;margin-top:3px}.tm-toast{z-index:120;color:#fff;cursor:pointer;background:#173a42;border:1px solid #74dbe6;border-radius:999px;padding:11px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}@media (width<=1050px){.tm-workspace{grid-template-columns:240px minmax(320px,1fr) 260px}.tm-brand b{display:none}}@media (width<=800px){.tm-app{grid-template-rows:auto minmax(0,1fr)}.tm-topbar{flex-wrap:wrap}.tm-workspace{grid-template-columns:1fr}.tm-assets,.tm-right-panel{display:none}.tm-top-actions{margin-left:0}.tm-stage-wrap{padding:10px}}.tm-panel-toggles{gap:5px;display:flex}.tm-app,.tm-app button,.tm-app img,.tm-app label,.tm-app span{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tm-app input,.tm-app textarea{-webkit-user-select:text;user-select:text}.tm-app *{scrollbar-width:none!important}.tm-app ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.tm-top-actions .tm-menu-home{place-items:center;width:40px;min-width:40px;padding:0;display:grid}.tm-skin-tone-row .tm-custom-skin-color{cursor:pointer;background:#0b0f17;border:1px solid #3a4b62;border-radius:7px;width:32px;min-width:32px;height:32px;padding:2px}.tm-save-modal{width:min(760px,100%)}.tm-slot-intro{color:#8d9ab0;margin:-8px 0 16px;font-size:12px}.tm-save-modal .tm-save-actions{grid-template-columns:repeat(3,minmax(0,180px))}.tm-save-modal .tm-new-project{background:#17454d;border-color:#68d1dc}.tm-slot-list{gap:9px;margin-top:16px;display:grid}.tm-slot-list article{background:#111c25;border:1px solid #46727d;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.tm-slot-copy{min-width:0}.tm-slot-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.tm-slot-copy small{color:#8491a5;margin-top:6px;font-size:10px;display:block}.tm-slot-actions{gap:5px;display:flex}.tm-slot-actions button{cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:7px;min-width:0;height:32px;padding:0 7px;font-size:9px;font-weight:850}.tm-slot-actions button:first-child,.tm-slot-actions button:nth-child(2){border-color:#5fb6c1}.tm-slot-actions button:disabled{opacity:.3;cursor:not-allowed}@media (width<=620px){.tm-save-modal .tm-save-actions,.tm-slot-list article{grid-template-columns:1fr}.tm-slot-actions{flex-wrap:wrap}}.tm-panel-toggles button{color:#9eabc0;cursor:pointer;white-space:nowrap;background:#171d29;border:1px solid #303c50;border-radius:8px;height:38px;padding:0 10px;font-size:10px;font-weight:850}.tm-panel-toggles button.active{color:#eaffff;background:#173f47;border-color:#66cbd7}.tm-toolbar button,.tm-top-actions button{justify-content:center;align-items:center;display:inline-flex}.tm-toolbar{z-index:70;left:var(--tm-toolbar-left,3%);right:var(--tm-toolbar-right,3%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:grab;touch-action:pan-x;background:#0c101be6;border:1px solid #7ea4c752;border-radius:14px;min-width:0;height:68px;padding:0 16px;position:fixed;bottom:16px;overflow:auto hidden;box-shadow:0 10px 34px #0000006b}.tm-toolbar:active{cursor:grabbing}.tm-toolbar button{flex:none}.tm-toolbar button svg{margin-right:6px}.tm-assets .tm-asset-grid button{position:relative}.tm-variant-modal{width:min(680px,100%)}.tm-variant-intro{color:#8d9ab0;letter-spacing:.12em;margin:-10px 0 14px;font-size:10px;font-weight:850}.tm-variant-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.tm-variant-grid button{cursor:pointer;background:#0c111a;border:1px solid #2d394c;border-radius:9px;grid-template-rows:82px auto;place-items:center;gap:6px;min-width:0;min-height:118px;padding:8px;display:grid}.tm-variant-grid button:hover{background:#17232e;border-color:#70d4df}.tm-variant-grid img{object-fit:contain;width:78px;height:78px;image-rendering:pixelated}.tm-variant-grid span{text-overflow:ellipsis;white-space:nowrap;color:#c8d4e5;max-width:100%;font-size:9px;font-weight:800;overflow:hidden}.tm-history-icon{margin-right:6px;font-size:24px;font-weight:400;line-height:1}.tm-eraser-modes,.tm-text-align{gap:5px;display:flex}.tm-eraser-modes button,.tm-text-align button{color:#9eabc0;cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:6px;min-height:30px;padding:0 9px;font-size:8px;font-weight:900}.tm-eraser-modes button.active,.tm-text-align button.active{color:#fff;background:#1b535a;border-color:#73d8e4}.tm-text-align{grid-template-columns:repeat(3,1fr);margin-top:7px;display:grid}.tm-center{grid-template-rows:38px minmax(0,1fr);padding-bottom:82px}.tm-stage-toolbar{white-space:nowrap;min-width:0;overflow:auto hidden}.tm-stage-toolbar>*{flex:none}.tm-stage{image-rendering:pixelated!important}.tm-assets{flex-direction:column;display:flex}.tm-assets .tm-asset-grid{flex:1;min-height:0}.tm-subcategory-row{flex-wrap:wrap;max-height:76px;overflow-y:auto}.tm-category-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.tm-category-selects label{color:#74839a;letter-spacing:.1em;gap:4px;min-width:0;font-size:8px;font-weight:900;display:grid}.tm-category-selects label:only-child{grid-column:1/-1}.tm-category-selects select{color:#eaf2ff;background:#0b0f17;border:1px solid #334157;border-radius:8px;outline:none;width:100%;min-width:0;height:36px;padding:0 9px;font-size:10px;font-weight:800}.tm-palette-list{gap:6px;margin-top:9px;display:grid}.tm-palette-color{background:#0c1119;border:1px solid #2e3a4e;border-radius:7px;grid-template-columns:30px 18px 42px 1fr;align-items:center;gap:6px;padding:6px;display:grid}.tm-original-color{border:1px solid #718097;border-radius:5px;width:30px;height:26px}.tm-palette-arrow{color:#718097;text-align:center}.tm-palette-color input[type=color]{cursor:pointer;background:#111722;border:1px solid #45536a;border-radius:5px;width:42px;height:28px;padding:2px}.tm-palette-color button{cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:5px;height:28px;font-size:8px;font-weight:850}.tm-tool-part-color,.tm-tool-paint{cursor:crosshair}.tm-stage-toolbar .tm-part-color-input{cursor:pointer;background:#111722;border:1px solid #52627a;border-radius:5px;width:34px;height:27px;padding:2px}.tm-character-slots{gap:7px;max-height:48vh;display:grid;overflow-y:auto}.tm-character-slots button{color:#fff;cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.tm-character-slots small{color:#8ce9f3;font-size:8px;font-weight:900}.tm-character-empty{color:#8794a9;text-align:center;border:1px dashed #354157;border-radius:9px;padding:24px;line-height:1.6}.tm-character-error{color:#ffb2bd;background:#6e202e40;border:1px solid #8d4654;border-radius:7px;margin:10px 0 0;padding:9px;font-size:10px}.tm-character-capture{pointer-events:none;width:600px;height:400px;position:fixed;top:0;left:-10000px;overflow:hidden}.tm-character-capture img,.tm-character-capture canvas{image-rendering:pixelated!important}.tm-transform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.tm-transform-grid button{color:#b9c6d8;cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:7px;min-width:0;padding:7px 3px;font-size:8px;font-weight:850}.tm-transform-grid button.active{color:#fff;background:#1b535a;border-color:#73d8e4}.tm-character-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tm-character-quick button{color:#c7d5e8;cursor:pointer;background:#171e2a;border:1px solid #344157;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;height:48px;padding:5px;font-size:8px;font-weight:900;display:flex}.tm-character-quick button:hover{background:#1b535a;border-color:#73d8e4}.tm-character-quick img{object-fit:contain;width:19px;height:19px;image-rendering:pixelated}.tm-skin-tone-row{color:#8998ad;letter-spacing:.09em;grid-template-columns:auto 24px minmax(0,1fr);align-items:center;gap:7px;font-size:8px;font-weight:900;display:grid}.tm-skin-tone-row select{color:#eaf2ff;background:#0b0f17;border:1px solid #334157;border-radius:8px;outline:none;width:100%;min-width:0;height:34px;padding:0 8px;font-size:10px;font-weight:800}.tm-skin-preview{border:1px solid #718097;border-radius:6px;width:24px;height:24px}.tm-layer-footer-multi{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.tm-group-summary{color:#c7f8ff;text-align:center;background:#111722;border:1px solid #344157;border-radius:8px;margin-top:8px;padding:10px;font-size:10px;font-weight:850}.tm-settings-modal{width:min(720px,100%)}.tm-settings-intro,.tm-hotkey-note{color:#8f9db2;font-size:11px;line-height:1.5}.tm-settings-heading,.tm-toolbar-setting{grid-template-columns:minmax(120px,1fr) 90px 160px;align-items:center;gap:10px;display:grid}.tm-settings-heading{color:#718097;letter-spacing:.1em;padding:0 10px 7px;font-size:8px;font-weight:900}.tm-toolbar-settings-list{gap:6px;display:grid}.tm-toolbar-setting{background:#0c1119;border:1px solid #2e3a4e;border-radius:8px;min-height:43px;padding:6px 10px}.tm-toolbar-setting b{font-size:11px}.tm-toolbar-setting>button,.tm-settings-reset{color:#dce8f8;cursor:pointer;background:#171e2a;border:1px solid #43536b;border-radius:7px;min-height:31px;font-size:9px;font-weight:900}.tm-toolbar-setting>button.capturing{color:#fff;background:#1b535a;border-color:#7ce5ef}.tm-visibility-toggle{color:#9eabc0;align-items:center;gap:7px;font-size:9px;font-weight:850;display:flex}.tm-visibility-toggle input{accent-color:#71d8e4;width:16px;height:16px}.tm-hotkey-error{color:#ffb2bd;background:#6e202e40;border:1px solid #8d4654;border-radius:7px;margin-top:9px;padding:9px;font-size:10px}.tm-settings-guide{color:#98a8bd;background:#0b1018;border:1px solid #304056;border-radius:9px;gap:6px;margin-top:15px;padding:12px;font-size:10px;line-height:1.45;display:grid}.tm-settings-guide b{color:#c7f8ff;letter-spacing:.09em}.tm-settings-reset{background:#1b535a;border-color:#73d8e4;width:100%;margin-top:13px}.tm-group-toolbar,.tm-ungroup-toolbar,.tm-ungroup-button{color:#ffe0a1!important;background:#704b1352!important;border-color:#e7b85a!important}.tm-ratio-lock{color:#8f9db2;cursor:pointer;background:#131a25;border:1px solid #344157;border-radius:7px;width:100%;min-height:31px;margin-top:7px;font-size:9px;font-weight:900}.tm-ratio-lock.active{color:#efffff;background:#1b535a;border-color:#73d8e4}.tm-context-menu{z-index:150;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d121cfa;border:1px solid #40516a;border-radius:10px;width:210px;padding:7px;position:fixed;box-shadow:0 16px 46px #0000009e}.tm-context-title{color:#7889a1;letter-spacing:.13em;padding:6px 8px 8px;font-size:8px;font-weight:900}.tm-context-menu button{color:#e8f1ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0 9px;font-size:10px;font-weight:850;display:flex}.tm-context-menu button:hover:not(:disabled){color:#c9fbff;background:#203044}.tm-context-menu button:disabled{opacity:.3;cursor:default}.tm-context-menu button span{color:#74849a;font-size:8px;font-weight:700}.tm-context-divider{background:#2b3749;height:1px;margin:5px 3px}@media (width<=1250px){.tm-panel-toggles button{text-indent:-999px;width:38px;padding:0;overflow:hidden}.tm-panel-toggles button:after{content:"☰";text-indent:0;display:block}}@media (width<=800px){.tm-toolbar{left:10px;right:10px}.tm-settings-heading,.tm-toolbar-setting{grid-template-columns:minmax(90px,1fr) 64px 120px}.tm-app{grid-template-rows:106px minmax(0,1fr)!important}.tm-topbar{grid-template-rows:40px 48px;grid-template-columns:auto minmax(0,1fr);align-content:center;min-width:0;padding:max(7px, env(safe-area-inset-top)) 58px 7px 8px!important;gap:6px 8px!important;display:grid!important}.tm-effects-compare{min-width:0}.tm-effects-compare button{min-height:32px;padding-inline:7px;font-size:9px}.tm-panel-toggles{justify-content:flex-end;min-width:0}.tm-panel-toggles button{min-width:0;text-indent:0!important;width:auto!important;padding:0 9px!important;overflow:visible!important}.tm-panel-toggles button:after{content:none!important}.tm-top-actions{scrollbar-width:none;grid-column:1/-1;width:100%;min-width:0;padding-right:2px;overflow-x:auto;margin:0!important}.tm-top-actions::-webkit-scrollbar{display:none}.tm-top-actions button{flex:none;height:40px;padding-inline:9px;font-size:9px}.tm-top-actions .tm-menu-home{z-index:95;top:max(8px, env(safe-area-inset-top));background:#171d29;width:42px;height:42px;position:fixed;right:8px}.tm-workspace{min-width:0;grid-template-columns:minmax(0,1fr)!important}.tm-center{padding-bottom:calc(78px + env(safe-area-inset-bottom));grid-area:1/1!important}.tm-assets,.tm-right-panel{z-index:85;width:min(82vw,330px);max-width:calc(100vw - 24px);height:min(56dvh,480px);max-height:calc(100dvh - 210px);position:fixed;top:116px;bottom:auto;overflow:hidden;box-shadow:0 16px 45px #0000009e;display:grid!important}.tm-assets{border:1px solid var(--tm-line);border-radius:11px;left:12px}.tm-right-panel{border:1px solid var(--tm-line);border-radius:11px;grid-template-rows:minmax(0,1.15fr) minmax(170px,.85fr);right:12px}.tm-assets .tm-asset-grid,.tm-right-panel .tm-properties,.tm-right-panel .tm-layers{overscroll-behavior:contain;scrollbar-width:none;min-height:0;overflow-y:auto}.tm-assets .tm-asset-grid::-webkit-scrollbar{display:none}.tm-right-panel .tm-properties::-webkit-scrollbar{display:none}.tm-right-panel .tm-layers::-webkit-scrollbar{display:none}.tm-toolbar{border-radius:11px;left:8px!important;right:8px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;gap:4px!important;height:62px!important;padding:0 8px!important}.tm-toolbar button{height:46px;padding-inline:9px;font-size:9px}.tm-stage-toolbar{white-space:nowrap;scrollbar-width:none;gap:10px;min-width:0;padding-inline:9px;overflow-x:auto}.tm-stage-toolbar::-webkit-scrollbar{display:none}.tm-stage-wrap{padding:8px!important}.tm-help{display:none}.tm-modal-backdrop{padding:8px}.tm-modal{border-radius:11px;width:100%;max-height:calc(100dvh - 16px);padding:17px 14px}.tm-settings-heading,.tm-toolbar-setting{gap:6px;grid-template-columns:minmax(78px,1fr) 56px minmax(88px,112px)!important}}@media (width<=430px){.tm-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tm-effects-compare{background:#00000038;border:1px solid #38515e;border-radius:8px;flex:none;gap:3px;padding:3px;display:flex}.tm-effects-compare button{min-height:32px;padding:0 10px;color:#71808a!important;background:0 0!important;border:0!important}.tm-effects-compare button.active{color:#071115!important;background:#78e5ef!important}.tm-layer-folder{border:1px solid #7394aa2e;border-radius:8px;margin-bottom:6px;overflow:hidden}.tm-layer-folder.character{border-color:#65e8f252}.tm-layer-folder-head{color:#dffbff;text-align:left;background:#3654653d;border:0;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;width:100%;min-height:34px;padding:6px 8px;display:grid}.tm-layer-folder-head small{opacity:.58;font-size:9px}.tm-layer-folder-parts{background:#0000001f;padding-left:8px}.tm-variant-preview{background:#0003;border:1px solid #6edceb40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:190px;margin-bottom:14px;display:flex}.tm-variant-preview img{max-width:180px;max-height:150px;image-rendering:pixelated}.tm-variant-grid button.active{background:#379dab38;border-color:#72e2ee}.tm-snap-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.tm-snap-grid button{min-height:32px;font-size:10px}.tm-snap-grid button:last-child{grid-column:1/-1}.recipe-page{--recipe-accent:#c69cff;box-sizing:border-box;color:#f8f7ff;text-align:left;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 15% 10%,#7b47aa33,#0000 30%),radial-gradient(circle at 88% 18%,#456daa29,#0000 33%),linear-gradient(150deg,#0c0c18,#111225 52%,#090c17);min-height:100vh;padding:24px clamp(18px,3vw,46px) 42px;font-family:Inter,system-ui,sans-serif}.recipe-page *{box-sizing:border-box}.recipe-page button,.recipe-page input,.recipe-page select{font:inherit}.recipe-page img{image-rendering:pixelated;-webkit-user-drag:none}.recipe-home{z-index:10;color:#fff;cursor:pointer;background:#17162a;border:1px solid #bea4ff59;border-radius:13px;place-items:center;width:52px;height:52px;display:grid;position:fixed;top:20px;right:22px}.recipe-header,.recipe-shell{width:min(1450px,100% - 10px);margin-inline:auto}.recipe-header{grid-template-columns:102px minmax(0,1fr) 120px;align-items:center;gap:20px;min-height:125px;padding:18px 84px 18px 22px;display:grid}.recipe-header>img{object-fit:contain;filter:drop-shadow(0 0 16px #c69cff47);width:92px;height:92px}.recipe-header span{color:#b5a6d4;letter-spacing:.22em;font-size:10px;font-weight:900}.recipe-header h1{color:#fff;letter-spacing:.06em;margin:5px 0 0;font-size:clamp(28px,4vw,46px)}.recipe-header p{color:#aaa9ba;margin:7px 0 0;font-size:12px}.recipe-total{text-align:center}.recipe-total b,.recipe-total span{display:block}.recipe-total b{font-size:30px}.recipe-total span{margin-top:3px;font-size:9px}.recipe-shell{grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.recipe-sidebar{align-self:start;gap:12px;display:grid}.recipe-sidebar section,.recipe-content{background:linear-gradient(145deg,#18172bf2,#0c0e1cf5);border:1px solid #a897d23b;border-radius:15px;box-shadow:0 16px 42px #00000040}.recipe-sidebar section{padding:14px}.recipe-sidebar h2{color:#bdb1da;letter-spacing:.13em;margin:0 0 10px;font-size:10px}.recipe-sidebar p{color:#85849a;margin:0 0 10px;font-size:10px;line-height:1.5}.recipe-sidebar input,.recipe-toolbar input,.recipe-toolbar select,.recipe-amount input{color:#fff;background:#0c0d19;border:1px solid #a897d247;border-radius:9px;outline:none;width:100%}.recipe-sidebar input{height:40px;padding:0 10px}.recipe-methods{gap:6px;display:grid}.recipe-methods button,.favorite-filter{color:#b5b3c6;cursor:pointer;background:#111321;border:1px solid #a097c32b;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:0 11px;display:flex}.recipe-methods button.active,.favorite-filter.active{color:#fff;background:linear-gradient(135deg,#65408994,#3939697a);border-color:#c69cff8c}.recipe-methods b,.favorite-filter b{text-align:center;background:#ffffff12;border-radius:999px;min-width:28px;padding:3px 6px;font-size:9px}.recipe-clear{color:#aaa5bd;cursor:pointer;background:#171626;border:1px solid #b89cea33;border-radius:8px;width:100%;min-height:35px;margin-top:7px;font-size:9px;font-weight:850}.recipe-clear:disabled{opacity:.35}.recipe-content{min-width:0;padding:14px}.recipe-toolbar{grid-template-columns:minmax(240px,1fr) 190px auto;align-items:end;gap:10px;margin-bottom:13px;display:grid}.recipe-toolbar input{height:44px;padding:0 13px}.recipe-toolbar label{gap:5px;display:grid}.recipe-toolbar label span{color:#88869b;letter-spacing:.1em;font-size:8px;font-weight:900}.recipe-toolbar select{height:44px;padding:0 10px}.recipe-toolbar>strong{color:#a89fbd;letter-spacing:.09em;align-self:center;font-size:9px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recipe-card{background:#0a0c1894;border:1px solid #a796d12e;border-radius:12px;min-width:0;position:relative;overflow:hidden}.recipe-card:hover{border-color:#c69cff75;box-shadow:0 0 20px #8758b41a}.recipe-card-main{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto 1fr auto;gap:13px;width:100%;height:100%;padding:14px;display:grid}.recipe-card-main>header{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:11px;display:grid}.recipe-card-main>header>img,.recipe-no-sprite{object-fit:contain;width:58px;height:58px}.recipe-no-sprite{color:#77758b;background:#1c1c30;border-radius:10px;place-items:center;font-weight:900;display:grid}.recipe-card-main header span{color:#b595d6;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.recipe-card-main h2{color:#fff;margin:4px 0 2px;font-size:15px}.recipe-card-main small{color:#77778b;font-size:9px}.recipe-star{z-index:2;color:#5f5c70;cursor:pointer;background:#151526;border:1px solid #bca9e533;border-radius:8px;width:29px;height:29px;position:absolute;top:9px;right:9px}.recipe-star.active,.recipe-modal-star.active{color:#ffd66b;text-shadow:0 0 9px #ffcf568c}.recipe-equation{background:#131425bf;border-radius:9px;align-items:center;gap:7px;min-width:0;padding:10px;display:flex}.recipe-ingredient-wrap{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.recipe-plus{color:#9f8fbc}.recipe-ingredient{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.recipe-ingredient img,.recipe-ingredient .recipe-no-sprite{object-fit:contain;width:34px;height:34px}.recipe-ingredient span,.recipe-ingredient span b{min-width:0;display:block}.recipe-ingredient span{color:#a9a7b9;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.recipe-ingredient span b{color:#e7dcff;font-size:10px}.recipe-card footer{color:#77758a;letter-spacing:.06em;justify-content:space-between;gap:8px;font-size:8px;font-weight:850;display:flex}.recipe-card footer b{color:#b8a1e2}.recipe-empty{color:#8b899d;align-content:center;place-items:center;gap:7px;min-height:360px;display:grid}.recipe-empty b{color:#d1cbe0}.recipe-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04040acc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.recipe-modal{scrollbar-width:none;background:linear-gradient(145deg,#1b1930,#0d0e1d);border:1px solid #c7a2ff7a;border-radius:17px;width:min(680px,100%);max-height:calc(100vh - 40px);padding:22px;position:relative;overflow:auto;box-shadow:0 26px 80px #0000009e}.recipe-modal::-webkit-scrollbar{display:none}.recipe-modal-close{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:27px;position:absolute;top:12px;right:12px}.recipe-modal>header{grid-template-columns:86px minmax(0,1fr) 42px;align-items:center;gap:14px;padding-right:25px;display:grid}.recipe-modal>header>img,.recipe-modal>header>.recipe-no-sprite{object-fit:contain;width:82px;height:82px}.recipe-modal header span{color:#b69ad2;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.recipe-modal header h2{color:#fff;margin:5px 0 0;font-size:25px}.recipe-modal-star{color:#777286;cursor:pointer;background:#171626;border:1px solid #bca9e538;border-radius:9px;width:38px;height:38px;font-size:18px}.recipe-amount{gap:8px;margin-top:18px;display:grid}.recipe-amount>span,.recipe-needs h3,.recipe-result>span{color:#9890aa;letter-spacing:.1em;font-size:9px;font-weight:900}.recipe-amount>div{grid-template-columns:45px 1fr 45px;display:grid}.recipe-amount button,.recipe-amount input{color:#fff;text-align:center;background:#0d0d19;border:1px solid #b49ce24a;height:43px}.recipe-amount button{cursor:pointer;font-size:19px}.recipe-amount input{border-inline:0;border-radius:0;font-weight:900}.recipe-needs{margin-top:19px}.recipe-needs h3{margin:0 0 9px}.recipe-needs article{background:#090b157a;border:1px solid #aa9ad029;border-radius:10px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:7px;padding:10px;display:grid}.recipe-needs img,.recipe-needs .recipe-no-sprite{object-fit:contain;width:50px;height:50px}.recipe-needs span,.recipe-needs span b{display:block}.recipe-needs span{color:#b6b1c3;font-size:11px}.recipe-needs span b{color:#f0e7ff;font-size:18px}.recipe-needs small{color:#777488;font-size:9px}.recipe-result{background:#56347133;border:1px solid #c69cff42;border-radius:11px;grid-template-columns:70px 70px minmax(0,1fr);align-items:center;gap:11px;margin-top:14px;padding:13px;display:grid}.recipe-result img,.recipe-result .recipe-no-sprite{object-fit:contain;width:66px;height:66px}.recipe-result b{font-size:15px}.recipe-modal details{color:#8f8b9d;background:#0708107a;border-radius:9px;margin-top:14px;padding:11px;font-size:10px;line-height:1.55}.recipe-modal summary{cursor:pointer;color:#b8acc8;font-weight:850}.recipe-modal details p{margin:8px 0 0}.recipe-page,.recipe-page *{scrollbar-width:none}.recipe-page::-webkit-scrollbar{display:none}.recipe-page ::-webkit-scrollbar{display:none}.recipe-page input,.recipe-page select,.recipe-page .recipe-modal{-webkit-user-select:text;user-select:text}@media (width<=1050px){.recipe-shell{grid-template-columns:220px minmax(0,1fr)}.recipe-grid{grid-template-columns:1fr}.recipe-header{grid-template-columns:84px 1fr 90px}.recipe-header>img{width:76px;height:76px}}@media (width<=760px){.recipe-page{padding:76px 12px 24px}.recipe-home{top:12px;right:12px}.recipe-header{grid-template-columns:64px 1fr;padding:10px}.recipe-total{display:none}.recipe-header h1{font-size:27px}.recipe-shell,.recipe-sidebar,.recipe-toolbar{grid-template-columns:1fr}.recipe-toolbar>strong{justify-self:end}.recipe-grid{grid-template-columns:1fr}.recipe-modal{padding:16px}.recipe-modal>header{grid-template-columns:68px 1fr 36px}.recipe-modal>header>img{width:64px;height:64px}.recipe-needs article{grid-template-columns:44px 1fr}.recipe-needs small{grid-column:2}.recipe-needs img{width:42px;height:42px}.recipe-page{width:100%;min-height:100dvh;padding:max(68px,calc(56px + env(safe-area-inset-top))) 9px calc(22px + env(safe-area-inset-bottom));overflow-x:hidden}.recipe-home{z-index:80;top:max(9px,env(safe-area-inset-top));width:44px;height:44px;position:fixed;right:9px}.recipe-header,.recipe-shell{width:100%;min-width:0}.recipe-header{grid-template-columns:54px minmax(0,1fr);gap:9px;padding:6px 54px 10px 4px}.recipe-header>img{width:50px;height:50px}.recipe-header h1{font-size:23px;line-height:1.05}.recipe-header p{font-size:10px}.recipe-shell{grid-template-columns:1fr;gap:9px}.recipe-sidebar section,.recipe-content{border-radius:11px;padding:10px}.recipe-toolbar{grid-template-columns:1fr;gap:7px}.recipe-grid{grid-template-columns:1fr;gap:8px}.recipe-card-main{gap:9px;padding:11px}.recipe-equation{gap:4px;padding:8px}.recipe-ingredient{grid-template-columns:30px minmax(0,1fr);gap:5px}.recipe-ingredient img,.recipe-ingredient .recipe-no-sprite{width:29px;height:29px}.recipe-modal-backdrop{padding:8px}.recipe-modal{max-height:calc(100dvh - 16px);padding:15px 12px}.recipe-page,.recipe-page *{scrollbar-width:none}.recipe-page::-webkit-scrollbar{width:0;height:0;display:none}.recipe-page ::-webkit-scrollbar{width:0;height:0;display:none}}.recipe-header,.recipe-toolbar>strong{display:none}.recipe-page input[type=number]{appearance:textfield}.recipe-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recipe-page input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}