:root{--primary-color: #19c8b9;--primary-color-hover: #3dd4c6;--primary-color-active: #11a89b;--text-color: #794f27;--text-color-body: #725d42;--text-color-secondary: #9f927d;--text-color-muted: #8a7b66;--border-color: #9f927d;--border-color-light: #c4b89e;--border-color-hover: #a89878;--bg-color: #f8f8f0;--bg-color-content: rgb(247, 243, 223);--bg-color-secondary: #f0e8d8;--bg-color-input: rgb(247, 243, 223);--focus-yellow: #ffcc00;--focus-yellow-dark: #e0b800;--shadow-sm: 0 2px 4px 0 rgba(61, 52, 40, .06);--shadow-base: 0 3px 10px 0 rgba(61, 52, 40, .1);--shadow-large: 0 8px 24px 0 rgba(61, 52, 40, .14);--shadow-btn: #bdaea0;--shadow-input: #d4c9b4;--animal-primary-color: #19c8b9;--animal-primary-color-hover: #3dd4c6;--animal-primary-color-active: #11a89b;--animal-bg-color: #f8f8f0;--animal-bg-color-secondary: #f0e8d8;--animal-bg-color-disabled: #f0ece2;--animal-text-color: #794f27;--animal-text-color-secondary: #9f927d;--animal-text-color-disabled: #c4b89e;--animal-border-color: #9f927d;--animal-error-color: #e05a5a;--animal-error-color-hover: #e87878;--animal-error-color-active: #c94444;--animal-warning-color: #f5c31c;--animal-warning-color-hover: #f7d04a;--animal-warning-color-active: #dba90e;--animal-mask-bg: rgba(61, 52, 40, .34);--animal-font-family: Nunito, "Noto Sans SC", -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--animal-font-size-sm: 12px;--animal-font-size-base: 14px;--animal-font-size-lg: 16px;--animal-line-height-base: 1.5715;--animal-spacing-sm: 8px;--animal-spacing-lg: 16px;--animal-border-radius-sm: 16px;--animal-border-radius-lg: 24px;--animal-border-width: 2px;--animal-shadow-sm: var(--shadow-sm);--animal-shadow-base: var(--shadow-base);--animal-height-sm: 32px;--animal-height-base: 40px;--animal-height-lg: 48px;--animal-motion-duration-fast: .15s;--animal-motion-duration-base: .25s;--animal-motion-ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% 8%,rgba(248,166,178,.28),transparent 22%),radial-gradient(circle at 82% 18%,rgba(130,213,187,.3),transparent 26%),linear-gradient(90deg,rgba(121,79,39,.06) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(rgba(121,79,39,.06) 1px,transparent 1px) 0 0 / 22px 22px,var(--bg-color);color:var(--text-color-body);font-family:Nunito,Noto Sans SC,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:500;letter-spacing:0}button,input,select{font:inherit}button:not([class*=animal-btn]):not([class*=animal-switch]){min-height:45px;padding:0 20px;border:2px solid var(--border-color);border-radius:50px;background:#fff9e3;color:var(--text-color);cursor:pointer;font-weight:700;letter-spacing:0;line-height:1;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}button:not([class*=animal-btn]):not([class*=animal-switch]):hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-base);transform:translateY(-1px)}button:not([class*=animal-btn]):not([class*=animal-switch]):active:not(:disabled){color:var(--primary-color-active);border-color:var(--primary-color-active);box-shadow:var(--shadow-sm);transform:translateY(0)}button.primary:not([class*=animal-btn]){border-color:var(--bg-color);background:var(--bg-color);color:var(--text-color);box-shadow:0 5px 0 0 var(--shadow-btn)}button.primary:not([class*=animal-btn]):hover:not(:disabled){border-color:var(--bg-color);color:var(--text-color);box-shadow:0 6px 0 0 var(--shadow-btn)}button.primary:not([class*=animal-btn]):active:not(:disabled){box-shadow:0 1px 0 0 var(--shadow-btn);transform:translateY(2px)}button.big:not([class*=animal-btn]){width:100%;min-height:48px;padding:0 32px;border-radius:24px;font-size:16px}button:not([class*=animal-btn]):not([class*=animal-switch]):focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:not([class*=animal-btn]):not([class*=animal-switch]):disabled{cursor:not-allowed;opacity:.5;box-shadow:none}input,select{width:100%;min-height:40px;border:2.5px solid var(--border-color-light);border-radius:50px;background:var(--bg-color-input);color:var(--text-color-body);padding:0 18px;font-weight:500;letter-spacing:0;transition:all .25s cubic-bezier(.4,0,.2,1)}input:hover,select:hover{border-color:var(--border-color-hover);box-shadow:0 3px 0 0 var(--border-color-light)}input:focus,select:focus{border-color:var(--focus-yellow);box-shadow:0 3px 0 0 var(--focus-yellow-dark),0 0 0 3px #ffcc0026;outline:none}input[type=color]{padding:5px 10px}[class*=animal-btn]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;border:2px solid transparent;border-radius:50px;color:var(--text-color);background:var(--bg-color);font-family:var(--animal-font-family);font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1)}[class*=animal-btn-small]{min-height:32px;padding:0 16px;border-radius:16px;font-size:12px}[class*=animal-btn-middle]{min-height:45px;padding:0 20px;font-size:14px}[class*=animal-btn-large]{min-height:48px;padding:0 32px;border-radius:24px;font-size:16px}[class*=animal-btn-default]{border-color:var(--border-color);background:#fff9e3}[class*=animal-btn-default]:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-base);transform:translateY(-1px)}[class*=animal-btn-primary]{border-color:var(--bg-color);background:var(--bg-color);color:var(--text-color);box-shadow:0 5px 0 0 var(--shadow-btn)}[class*=animal-btn-primary]:hover:not(:disabled){box-shadow:0 6px 0 0 var(--shadow-btn);transform:translateY(-1px)}[class*=animal-btn-primary]:active:not(:disabled){box-shadow:0 1px 0 0 var(--shadow-btn);transform:translateY(2px)}[class*=animal-btn-text],[class*=animal-btn-link]{border-color:transparent;background:transparent;box-shadow:none}[class*=animal-btn-text]:hover:not(:disabled){background:var(--bg-color-secondary)}[class*=animal-btn-loading]{pointer-events:none;background:#0ec4b6;border:4px solid #4de2da;color:#fff;background-image:repeating-linear-gradient(-45deg,#0ec4b6,#0ec4b6 10px,#01b0a7 10px 20px);background-size:28.28px 28.28px;animation:animal-btn-loading 1s linear infinite;box-shadow:none}[class*=animal-btn]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}[class*=animal-btn]:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}@keyframes animal-btn-loading{to{background-position:-28.28px 0}}.field [class*=animal-wrapper-IRrhj]{width:100%}[class*=animal-wrapper-IRrhj]{display:inline-flex;align-items:center;width:100%;height:40px;padding:0 18px;border:2px solid #c4b89e;border-radius:50px;background:var(--bg-color-content);box-shadow:0 3px #d4c9b4;transition:all .25s cubic-bezier(.4,0,.2,1)}[class*=animal-wrapper-IRrhj]:hover{border-color:#a89878;box-shadow:0 3px #c4b89e}[class*=animal-input]{flex:1;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--text-color-body);font:inherit;outline:none}[class*=animal-wrapper-pbOTq]{position:relative;display:block;width:100%;min-width:0;font-family:var(--animal-font-family);-webkit-user-select:none;user-select:none}[class*=animal-trigger]{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 13px;border:2px solid #e8dcc8;border-radius:14px;background:#fff;color:var(--text-color-body);cursor:pointer;transition:all .2s ease}[class*=animal-trigger]:hover,[class*=animal-trigger][class*=animal-open]{border-color:#d4c4a8;background:#fffdf7;box-shadow:var(--shadow-sm)}[class*=animal-value],[class*=animal-placeholder]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}[class*=animal-placeholder]{color:#a09080}[class*=animal-arrow]{display:flex;align-items:center;color:#a09080;transition:transform .2s ease}[class*=animal-open] [class*=animal-arrow]{color:var(--primary-color);transform:rotate(180deg)}[class*=animal-dropdown]{left:0!important;right:auto!important;top:calc(100% + 6px)!important;bottom:auto!important;width:100%;min-width:100%;max-width:100%;max-height:min(260px,55vh);overflow-y:auto;margin:0!important;padding:12px 0;border:2px solid rgba(114,93,66,.12);border-radius:24px;background:#ffeea0;box-shadow:0 10px 24px #3d34282e;transform:none!important;z-index:80;animation:dropdownFadeIn .2s ease forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[class*=animal-option-]{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;padding:9px 28px 9px 14px;color:var(--text-color-body);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}[class*=animal-option-][class*=animal-active],[class*=animal-option-][class*=animal-hovered]{color:var(--text-color);font-weight:900}[class*=animal-option-][class*=animal-hovered]:before{content:"";position:absolute;left:-9px;top:50%;width:24px;height:24px;border-radius:50%;background:var(--primary-color);box-shadow:inset 0 0 0 5px #fffdf0;transform:translateY(-50%)}[class*=animal-pillBar]{position:absolute;left:0;right:0;top:56%;z-index:-1;height:14px;margin:0 20px;border-radius:7px;background:var(--focus-yellow);opacity:.3;transform:translateY(-50%)}[class*=animal-disabled] [class*=animal-trigger]{cursor:not-allowed;opacity:.5;background:#f5f5f0}.picker{position:relative;width:100%;min-width:0;font-family:var(--animal-font-family)}.picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:8px 15px;border:2px solid #e8dcc8;border-radius:18px;background:#fffdf8eb;color:var(--text-color-body);box-shadow:0 3px #d4c4a873;font-size:14px;font-weight:900;line-height:1.2;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.picker-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-trigger:hover:not(:disabled),.picker-open{border-color:#d4c4a8;background:#fffdf7;color:var(--text-color);box-shadow:0 4px #d4c4a88c;transform:translateY(-1px)}.picker-trigger:active:not(:disabled){transform:translateY(0)}.picker-trigger:focus-visible{outline:2px solid var(--focus-yellow);outline-offset:2px}.picker-disabled .picker-trigger{cursor:not-allowed;opacity:.55;box-shadow:none}.picker-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-color-muted);transition:transform .2s ease,color .2s ease}.picker-open .picker-arrow{color:var(--primary-color);transform:rotate(180deg)}.picker-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:90;display:grid;width:100%;max-height:min(260px,55vh);overflow-y:auto;padding:10px;border:2px solid rgba(114,93,66,.12);border-radius:22px;background:#ffeea0;box-shadow:0 12px 24px #3d34282e;animation:picker-menu-in .16s ease-out}.picker-option{justify-content:flex-start;width:100%;min-height:38px;padding:8px 12px;border:0;border-radius:14px;background:transparent;color:var(--text-color-body);box-shadow:none;font-size:14px;font-weight:800;text-align:left}.picker-option:hover:not(:disabled),.picker-option-active{background:#ffcc0052;color:var(--text-color);box-shadow:none;transform:none}.picker-option-active{font-weight:900}@keyframes picker-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[class*=animal-switch]{position:relative;display:inline-flex;align-items:center;min-width:52px;height:28px;padding:0;border:2.5px solid #c4b89e;border-radius:50px;background:#d4c9b4;box-shadow:inset 0 2px 4px #725d4226;cursor:pointer;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1)}[class*=animal-switch]:hover:not([class*=animal-switch-disabled]){border-color:#a89878}[class*=animal-switch]:focus-visible{outline:2px solid var(--focus-yellow);outline-offset:2px}[class*=animal-switch-checked]{border-color:#6fba2c;background:#86d67a;box-shadow:inset 0 2px 4px #5a9e1e33}[class*=animal-switch-small]{min-width:38px;height:20px}[class*=animal-handle]{position:absolute;left:2px;top:50%;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border:2.5px solid #c4b89e;border-radius:50%;background:var(--bg-color-content);transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1)}[class*=animal-switch-checked] [class*=animal-handle]{left:calc(100% - 24px);border-color:#6fba2c}[class*=animal-switch-small] [class*=animal-handle]{left:1px;width:14px;height:14px}[class*=animal-switch-small][class*=animal-switch-checked] [class*=animal-handle]{left:calc(100% - 16px)}[class*=animal-inner]{display:block;padding:0 8px 0 28px;color:#fff;font-size:10px;font-weight:900;line-height:1;white-space:nowrap;text-shadow:0 1px 1px rgba(61,52,40,.14)}[class*=animal-switch-checked] [class*=animal-inner]{padding:0 28px 0 8px}[class*=animal-switch-small] [class*=animal-inner]{padding:0 6px 0 20px;font-size:0}[class*=animal-radioGroup]{display:flex;flex-wrap:wrap;gap:14px;font-family:var(--animal-font-family)}[class*=animal-radioItem]{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}[class*=animal-cbx]{--cbx-size: 18px;--cbx-check-w: 10px;--cbx-check-h: 9px;position:relative;width:var(--cbx-size);height:var(--cbx-size);flex-shrink:0}[class*=animal-cbx] input[type=radio]{position:absolute;inset:0;width:var(--cbx-size);height:var(--cbx-size);min-height:0;margin:0;padding:0;appearance:none;border:2px solid #c4b89e;border-radius:50%;background:var(--bg-color-content);cursor:pointer;transition:border-color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}[class*=animal-radioItem][class*=animal-checked] [class*=animal-cbx] input[type=radio]{border-color:var(--primary-color-active);background:var(--primary-color)}[class*=animal-splash]{position:absolute;inset:0;display:block;border-radius:50%;pointer-events:none}[class*=animal-radioItem][class*=animal-checked] [class*=animal-splash]{animation:animal-radio-splash .6s ease forwards}[class*=animal-check-]{position:absolute;top:50%;left:50%;z-index:1;width:var(--cbx-check-w);height:var(--cbx-check-h);pointer-events:none;transform:translate(-50%,-54%)}[class*=animal-check-] path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}[class*=animal-radioItem][class*=animal-checked] [class*=animal-check-] path{stroke-dashoffset:0}[class*=animal-label]{color:var(--text-color-body);font-size:13px;font-weight:800}@keyframes animal-radio-splash{40%{background:var(--primary-color);box-shadow:0 -18px 0 -8px var(--primary-color),16px -8px 0 -8px var(--primary-color),16px 8px 0 -8px var(--primary-color),0 18px 0 -8px var(--primary-color),-16px 8px 0 -8px var(--primary-color),-16px -8px 0 -8px var(--primary-color)}to{background:var(--primary-color);box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}[class*=animal-mask]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--animal-mask-bg);animation:animal-fade-in .25s ease}[class*=animal-modal-d]{position:relative;display:flex;flex-direction:column;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);animation:animal-zoom-in .3s ease}[class*=animal-modalClipped]{display:flex;flex-direction:column;width:100%;height:100%;padding:44px 44px 32px;clip-path:url(#animal-modal-clip);background:var(--bg-color-content);color:var(--text-color-muted);overflow:hidden}[class*=animal-header]{padding-bottom:12px}[class*=animal-title]{color:var(--text-color);font-size:24px;font-weight:900}[class*=animal-body]{flex:1;overflow-y:auto;color:var(--text-color-muted);font-size:16px;font-weight:700;line-height:1.7}[class*=animal-footer-9]{display:flex;justify-content:flex-end;gap:12px}@keyframes animal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes animal-zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}[class*=animal-wrapper-LJBly]{position:relative;width:100%;max-height:360px;overflow:auto;padding:6px;border-radius:18px;background:var(--bg-color-content)}[class*=animal-table]{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--animal-font-family)}[class*=animal-headerCell]{padding:12px 10px;color:var(--text-color);font-size:12px;font-weight:900;white-space:nowrap;background:transparent}[class*=animal-row]{transition:background .25s cubic-bezier(.4,0,.2,1)}[class*=animal-row]:hover{background-image:repeating-linear-gradient(-45deg,#19c8b94d,#19c8b94d 10px,#0ec4b64d 10px 20px)}[class*=animal-cell]{padding:10px;border-top:1px dashed #eadfc9;color:var(--text-color-body);font-size:13px;font-weight:700;line-height:1.45}[class*=animal-emptyCell]{padding:42px 12px;text-align:center}[class*=animal-emptyContent]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-color-muted);font-size:13px;font-weight:800}[class*=animal-emptyIcon]{opacity:.35}[class*=animal-loadingOverlay]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f7f3dfd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[class*=animal-loadingSpinner]{color:var(--primary-color);animation:spin 1s linear infinite}.app-shell>[class*=animal-wrapper-HLEzB]{position:fixed;inset:0;z-index:900;width:100vw;height:100vh;pointer-events:none}.app-loading-layer[class*=animal-container]{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:flex-end;padding:0 24px 24px 0;background:#3d34285c;overflow:hidden;pointer-events:auto}.app-loading-layer[class*=animal-container] .illustration{width:min(180px,42vw);max-height:200px;filter:drop-shadow(0 8px 0 rgba(61,52,40,.18))}[class*=animal-closing]{-webkit-mask-image:radial-gradient(circle at center,transparent var(--mask-r),black calc(var(--mask-r) + 1px));mask-image:radial-gradient(circle at center,transparent var(--mask-r),black calc(var(--mask-r) + 1px))}.animal-footer-band[class*=animal-footer-5]{width:100%;height:clamp(82px,8vw,122px);margin:28px 0 -28px;border-radius:0;background:linear-gradient(180deg,#f8f8f000,#f8f8f0c7 26%,#f8f8f0eb),url(./footer-sea.0e5c1ae8-C_f3QfrH.svg) center bottom / contain no-repeat;opacity:.9;pointer-events:none}.animal-footer-band[class*=animal-tree]{background-image:linear-gradient(180deg,#f8f8f000,#f8f8f080 24%,#f8f8f0e0),url(./footer-tree.70bf56ae-DQEpBJFS.webp);background-size:cover;background-position:bottom center}.reward-tooltip{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:820}.reward-bubble{position:absolute;right:58px;bottom:72px;box-sizing:border-box;width:174px;padding:14px 18px 13px;border:2px solid #c4b89e;border-radius:30px;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.52),transparent 28%),var(--bg-color-content);box-shadow:0 10px 24px #3d342824,0 3px #c4b89e33;opacity:0;pointer-events:none;transform:translate(10px,10px) scale(.88);transform-origin:right bottom;transition:opacity .16s ease,transform .24s cubic-bezier(.2,.92,.25,1.26)}.reward-bubble:after{content:"";position:absolute;right:26px;bottom:-8px;width:14px;height:14px;border-right:2px solid #c4b89e;border-bottom:2px solid #c4b89e;border-radius:0 0 4px;background:var(--bg-color-content);transform:rotate(45deg)}.reward-tooltip-copy{color:var(--text-color);text-align:center}.reward-tooltip-copy strong{color:#5f3d1e;font-size:15px;font-weight:950;line-height:1.25}.reward-fab{position:relative;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;min-height:70px;padding:0;border:0;border-radius:18px;background:transparent;box-shadow:none;overflow:visible}.reward-fab:hover:not(:disabled),.reward-fab:focus-visible{transform:none}.reward-fab:hover:not(:disabled)+.reward-bubble,.reward-fab:focus-visible+.reward-bubble{opacity:1;transform:translate(0) scale(1)}.reward-fab:active:not(:disabled){transform:none}.reward-fab-icon{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .18s ease,transform .18s ease}.reward-fab-icon-hover{opacity:0}.reward-fab:hover:not(:disabled) .reward-fab-icon-normal,.reward-fab:focus-visible .reward-fab-icon-normal{opacity:0}.reward-fab:hover:not(:disabled) .reward-fab-icon-hover,.reward-fab:focus-visible .reward-fab-icon-hover{opacity:1}.reward-dialog{display:grid;gap:14px;justify-items:center;padding:2px 0 4px}.reward-meme{width:min(168px,54vw);height:auto;image-rendering:auto;filter:drop-shadow(0 6px 0 rgba(121,79,39,.12))}.reward-qr-card{display:grid;place-items:center;width:min(260px,74vw);padding:16px;border:2px dashed rgba(121,79,39,.32);border-radius:24px;background:radial-gradient(circle,rgba(25,200,185,.16) 1.5px,transparent 1.5px) 0 0 / 18px 18px,#fff9e3c7}.reward-qr{display:block;width:100%;max-width:214px;height:auto;border-radius:14px}.app-shell{width:min(1740px,calc(100% - 32px));margin:0 auto;padding:22px 0 28px}.hero-card{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:18px 22px;border:2px solid #82d5bb;border-radius:24px;background:radial-gradient(circle,rgba(130,213,187,.18) 1.5px,transparent 1.5px) 0 0 / 28px 28px,radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1px) 8px 8px / 16px 16px,#e6f9f6;box-shadow:var(--shadow-large);overflow:hidden}.hero-card:after{content:none}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0}.brand-logo,.brand-title-image,.assistant-figure,.upload-figure,.empty-figure,.palette-figure{display:block;flex:0 0 auto;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.brand-title-lockup{margin:0;line-height:0}.brand-title-image{width:min(880px,58vw);max-width:100%;height:auto;object-fit:contain;filter:saturate(1.08) contrast(1.08) drop-shadow(0 5px 0 rgba(28,116,110,.18))}.brand-logo{width:clamp(78px,8vw,112px);height:clamp(78px,8vw,112px);object-fit:contain;filter:drop-shadow(0 5px 0 rgba(121,79,39,.18))}.brand p,p{margin:7px 0 0}.hero-side{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center}.time-badge,.panel-pill{flex:0 0 auto;border:2px solid #e8dcc8;border-radius:20px;background:var(--bg-color-content);color:var(--text-color);box-shadow:var(--shadow-sm)}.time-badge{display:flex;align-items:center;gap:20px;min-width:312px;padding:16px 24px;border-width:3px;border-color:#d4cfc3;border-radius:18px;background:linear-gradient(180deg,#fff,#f8f8f0);box-shadow:0 6px #7059441a,var(--shadow-sm);animation:ac-fade-up .5s ease-out}.time-date{display:grid;min-width:58px;padding-right:20px;border-right:3px solid rgba(159,146,125,.35);text-align:center}.time-date span{color:#6fba2c;font-size:14px;font-weight:900;letter-spacing:0}.time-date strong{color:#8b7355;font-size:22px;font-weight:800}.time-clock{display:flex;align-items:baseline;color:#8b7355;font-size:42px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1}.time-clock i{position:relative;top:-.08em;margin:0 1px;font-style:normal;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes ac-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.workbench{display:grid;grid-template-columns:minmax(310px,370px) minmax(440px,1fr) minmax(320px,390px);gap:18px;align-items:start}.island-card{border:2px solid var(--border-color);border-radius:24px;background:radial-gradient(circle,rgba(121,79,39,.08) 1.5px,transparent 1.5px) 0 0 / 24px 24px,var(--bg-color-content);padding:16px;box-shadow:inset 0 0 0 3px #ffffff59,var(--shadow-base)}.tools,.palette-panel{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.tools{container:tools-column / inline-size}.assistant{position:relative;display:grid;grid-template-areas:"figure copy";grid-template-columns:minmax(118px,38%) minmax(0,1fr);gap:clamp(12px,3.5%,18px);align-items:end;min-height:clamp(154px,22vw,214px);padding:clamp(14px,4%,20px);margin-bottom:12px;overflow:visible}.assistant-figure{position:relative;z-index:2;grid-area:figure;width:min(100%,clamp(128px,13vw,176px));height:auto;max-height:clamp(128px,16vw,184px);aspect-ratio:1;object-fit:contain;align-self:end;justify-self:center;filter:drop-shadow(0 7px 0 rgba(112,89,68,.16))}.assistant-copy{position:relative;grid-area:copy;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;align-content:center;height:clamp(132px,16vw,174px);padding:clamp(18px,5%,28px);border:3px solid #f7a8ba;border-radius:34px 34px 34px 18px;background:radial-gradient(circle,rgba(248,166,178,.12) 1.4px,transparent 1.5px) 8px 9px / 25px 25px,linear-gradient(180deg,#fffdf7f5,#fff6f4f0);box-shadow:0 5px #f8a6b233,0 10px 24px #3d342814,inset 0 0 0 3px #ffffff75}.assistant-copy:before{content:"";position:absolute;left:-18px;bottom:38px;width:32px;height:32px;border-left:3px solid #f7a8ba;border-bottom:3px solid #f7a8ba;border-radius:0 0 0 10px;background:radial-gradient(circle,rgba(248,166,178,.1) 1.4px,transparent 1.5px) 7px 7px / 25px 25px,#fff9f7fa;transform:rotate(45deg);box-shadow:-2px 2px #f8a6b21f}.assistant-copy span{width:fit-content;max-width:100%;justify-self:center;padding:7px 18px;border:2px solid rgba(248,166,178,.52);border-radius:999px;background:#fff9e3e6;color:#c95b70;font-size:clamp(13px,1.1vw,16px);font-weight:900;line-height:1;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.assistant-copy p{position:relative;z-index:1;display:flex;align-items:center;min-height:0;margin:0;overflow:hidden;color:var(--text-color);font-size:clamp(16px,1.25vw,22px);font-weight:900;line-height:1.42}.assistant-copy-compact p{font-size:clamp(14px,1.1vw,18px);line-height:1.36}.assistant-copy-dense p{font-size:clamp(12px,.96vw,16px);line-height:1.32}.card-pattern-pink,.card-pattern-teal,.tool-panel{border-radius:20px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.card-pattern-pink{border:1.5px solid #f8a6b2;background:radial-gradient(circle,rgba(248,166,178,.18) 1.5px,transparent 1.5px) 0 0 / 28px 28px,radial-gradient(circle,rgba(255,200,210,.12) 1px,transparent 1px) 7px 7px / 14px 14px,#fde4e8}.card-pattern-teal{border:1.5px solid #82d5bb;background:radial-gradient(circle,rgba(25,200,185,.16) 1.5px,transparent 1.5px) 0 0 / 28px 28px,radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1px) 7px 7px / 14px 14px,#e6f9f6}.tool-panel{margin-bottom:12px;padding:10px;border:2px dashed #e8dcc8;background:#faf8f2;overflow:hidden}.tool-panel:hover{border-color:#d8cbb2;box-shadow:var(--shadow-sm)}.tool-panel.panel-open{background:#fffdf0eb}.tool-panel[class*=animal-faqCard]{position:relative;margin-bottom:12px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;border-color:#e8dcc8;border-style:dashed;border-radius:20px;background:#faf8f2;box-shadow:none}.tool-panel[class*=animal-faqCard]:hover{border-color:#d8cbb2;box-shadow:var(--shadow-sm)}.tool-panel[class*=animal-faqCard]:has([aria-expanded=true]){background:#fffdf0eb;overflow:visible}.tool-panel [class*=animal-questionHeader]{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px;border:0;border-radius:18px;background:transparent;color:var(--text-color);cursor:pointer;text-align:left;box-shadow:none}.tool-panel [class*=animal-questionHeader]:hover:not(:disabled){background:#fff9e394}.tool-panel [class*=animal-questionHeader]:active:not(:disabled){transform:none}.tool-panel [class*=animal-questionIcon]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--primary-color);color:#fff;font-size:17px;font-weight:900;line-height:1;box-shadow:0 2px 4px #19c8b94d;transition:background-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.tool-panel[class*=animal-expanded] [class*=animal-questionIcon]{background:var(--primary-color-active);transform:rotate(180deg)}.tool-panel [class*=animal-questionText]{flex:1;min-width:0;color:var(--text-color);font-size:16px;font-weight:600;line-height:1.4}.tool-panel [class*=animal-leafDecoration]{color:var(--primary-color);opacity:.5;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.tool-panel[class*=animal-expanded] [class*=animal-leafDecoration]{opacity:1;transform:rotate(45deg)}.tool-panel [class*=animal-answerWrapper]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.tool-panel[class*=animal-expanded] [class*=animal-answerWrapper]{grid-template-rows:1fr;overflow:visible}.tool-panel [class*=animal-answerContent]{min-height:0;overflow:hidden;padding:0 10px;color:var(--text-color-secondary);font-size:14px;line-height:1.7;transition:padding .25s cubic-bezier(.4,0,.2,1)}.tool-panel:has([aria-expanded=true]) [class*=animal-answerContent]{overflow:visible;padding-top:12px;padding-bottom:10px}.collapse-question{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0}.collapse-title{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-radius:50px;font-size:15px;font-weight:800;line-height:1;letter-spacing:0;color:#fff;white-space:nowrap;box-shadow:0 4px #3d342824;text-shadow:0 1px 1px rgba(61,52,40,.22)}.collapse-summary{min-width:0;color:var(--text-color-muted);font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse-body-inner{overflow:visible}.panel-teal .collapse-title{background:#19c8b9}.panel-orange .collapse-title{background:#e59266}.panel-pink .collapse-title{background:#f8a6b2}.panel-blue .collapse-title{background:#889df0}.island-title{--rf: #27d039;--rt: #fff;display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin:0 0 10px;padding:0 16px;color:var(--rt);background:var(--rf);border-radius:50px;font-family:Nunito,Noto Sans SC,sans-serif;font-size:15px;font-weight:800;line-height:1;letter-spacing:0;text-align:center;white-space:nowrap;box-shadow:0 4px #3d342824}.title-blue{--rf: #889df0}.title-yellow{--rf: #f4ca56;--rt: #725d42}.title-pink{--rf: #f8a6b2}.title-small{font-size:15px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.canvas-panel .panel-head{display:grid;grid-template-columns:auto auto}.panel-pill{padding:9px 14px;font-size:13px;font-weight:800;white-space:nowrap}.upload-card{display:grid;gap:4px;min-height:86px;padding:14px;place-content:center;text-align:center;overflow:hidden;position:relative}.upload-figure{width:94px;height:94px;justify-self:center;object-fit:contain;margin:-6px 0 -8px;filter:drop-shadow(0 4px 0 rgba(112,89,68,.14))}.upload-card strong{color:var(--text-color);font-size:18px;font-weight:900}.upload-card span{color:var(--text-color-muted);font-size:13px}.cutout-preview{display:block;width:100%;max-height:180px;margin-top:10px;object-fit:contain;border:1.5px solid #d4c4a8;border-radius:16px;background:linear-gradient(45deg,rgba(255,255,255,.75) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.75) 25%,transparent 25%),#f0e8d8;background-size:18px 18px;box-shadow:var(--shadow-sm)}.button-row,.field-grid,.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.button-row.single{grid-template-columns:1fr}.palette-template-row{display:flex;justify-content:center;margin-top:6px}button.palette-template-button[class*=animal-btn]{min-height:28px;padding:0 10px;color:var(--text-color-muted);font-size:12px;font-weight:800}button.palette-template-button[class*=animal-btn]:hover:not(:disabled){color:var(--primary-color-active);background:#19c8b914}.pattern-style-grid{grid-template-columns:1fr}.upload-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end}button.upload-button{min-height:54px;border:2.5px solid #d4c4a8;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 48%),#fff9e3;color:var(--text-color);box-shadow:0 5px #bdaea0}button.upload-button:hover:not(:disabled){border-color:#19c8b9;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 48%),#fffdf0;color:var(--text-color);box-shadow:0 6px #9f927d}button.upload-button:active:not(:disabled){border-color:#11a89b;box-shadow:0 1px #9f927d}button.sample-button{min-height:38px;padding:0 14px;border-width:1.5px;border-color:#d8cbb2;background:#fff9e3ad;color:var(--text-color-muted);font-size:13px;font-weight:800;box-shadow:none}button.sample-button:hover:not(:disabled){border-color:#19c8b9;background:#e6f9f6d6;color:var(--text-color);box-shadow:var(--shadow-sm)}.canvas-action-bar{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(124px,1fr) minmax(116px,.8fr);justify-content:stretch;gap:10px;align-items:stretch;margin-top:14px;padding:12px 14px;border:2px dashed #e8dcc8;border-radius:22px;background:radial-gradient(circle,rgba(248,166,178,.11) 1.2px,transparent 1.4px) 0 0 / 22px 22px,#fff9e3b8}.canvas-action-bar>button,.canvas-action-bar .switch-row{width:100%}.canvas-action-bar>button{min-height:42px}.canvas-action-bar .switch-row{justify-content:center;gap:8px;min-height:34px;margin-top:0;padding:5px 8px;border-radius:999px;background:#fffdf7bd;color:var(--text-color-muted);font-size:12px}.canvas-action-bar button{padding:0 14px;white-space:nowrap}.field{display:grid;gap:6px;margin-top:10px}.field span,.status{color:var(--text-color-muted);font-size:12px;font-weight:700}.color-snap-control{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:44px;padding:6px 12px 6px 7px;overflow:hidden;border:2px solid #e8dcc8;border-radius:18px;background:linear-gradient(180deg,#ffffff94,#ffffff14),#fff9e3;box-shadow:inset 0 0 0 2px #ffffff6b,var(--shadow-sm);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.color-snap-control:hover{border-color:#d4c4a8;box-shadow:inset 0 0 0 2px #ffffff80,0 4px #9f927d2e;transform:translateY(-1px)}.color-snap-control:focus-within{border-color:var(--primary-color);box-shadow:inset 0 0 0 2px #ffffff80,0 0 0 3px #19c8b924}.color-snap-preview{width:30px;height:30px;border:2px solid rgba(121,79,39,.18);border-radius:10px;background:var(--snap-color);box-shadow:inset 0 0 0 2px #ffffff61,0 2px #3d34281a}.color-snap-meta{display:grid;gap:3px;min-width:0}.color-snap-meta strong{overflow:hidden;color:var(--text-color);font-size:13px;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.color-snap-meta span{overflow:hidden;color:#725d4294;font-size:11px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.color-snap-input{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:18px;opacity:0;cursor:pointer}.color-snap-input:hover,.color-snap-input:focus{border:0;box-shadow:none;outline:none}.field-help{margin:2px 2px 0;color:#725d4285;font-size:11px;font-weight:600;line-height:1.55}.check{display:flex;align-items:center;gap:8px;min-height:38px;margin-top:10px;padding:8px 10px;border:1.5px solid #e8dcc8;border-radius:18px;background:#fff9e3bf;color:var(--text-color);font-weight:700}.check input{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--primary-color)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;margin-top:10px;padding:8px 10px;border:1.5px solid #e8dcc8;border-radius:18px;background:#fff9e3bf;color:var(--text-color);font-size:14px;font-weight:800}.switch-row span{min-width:0}.switch-row-compact{min-height:38px;margin-top:0;font-size:13px}.shape-radio{display:grid;grid-template-columns:1fr;gap:8px;min-height:40px;padding:8px 10px;border:1.5px solid #e8dcc8;border-radius:18px;background:#fff9e3bf}.shape-radio[class*=animal-radioGroup]{flex-direction:column;flex-wrap:nowrap}.shape-radio [class*=animal-radioItem]{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;width:100%;min-height:34px;padding:6px 8px;border:1.5px solid transparent;border-radius:14px;background:#fffdf085}.shape-radio [class*=animal-radioItem][class*=animal-checked]{border-color:#19c8b95c;background:#e6f9f6c7}.shape-radio [class*=animal-cbx]{grid-column:1;grid-row:1}.shape-radio [class*=animal-label]{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:640px;overflow:auto;border:2px dashed #d4c4a8;border-radius:24px;background:linear-gradient(45deg,rgba(255,255,255,.55) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.55) 25%,transparent 25%),#fff9e3;background-size:24px 24px;box-shadow:inset 0 0 0 6px #ffffff59}canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.empty-state{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:var(--text-color)}.empty-figure{width:min(300px,56vw);height:min(300px,56vw);object-fit:contain;filter:drop-shadow(0 5px 0 rgba(112,89,68,.16))}.empty-state strong{padding:10px 18px;border:2px solid #e8dcc8;border-radius:50px;background:var(--bg-color-content);box-shadow:var(--shadow-sm)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.palette-figure{width:min(220px,68%);height:142px;object-fit:contain;margin:-2px auto 12px;filter:drop-shadow(0 4px 0 rgba(112,89,68,.14))}.stat-card{display:grid;gap:2px;min-height:82px;place-content:center;border-radius:20px;text-align:center;box-shadow:var(--shadow-sm)}.stat-card strong{color:var(--text-color);font-size:30px;font-weight:900}.stat-card span{color:var(--text-color-muted);font-size:12px;font-weight:800}.stat-blue{border:1.5px solid #889df0;background:radial-gradient(circle,rgba(136,157,240,.16) 1.5px,transparent 1.5px) 0 0 / 24px 24px,#eef1ff}.stat-green{border:1.5px solid #8ac68a;background:radial-gradient(circle,rgba(138,198,138,.18) 1.5px,transparent 1.5px) 0 0 / 24px 24px,#edf8e8}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:9px;max-height:270px;margin-bottom:14px;overflow:auto}.swatches button.swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 9px;border:2px solid rgba(114,93,66,.34);border-radius:12px;background:linear-gradient(180deg,#ffffff3d,#fff0 45%),var(--swatch);color:var(--swatch-text);box-shadow:inset 0 0 0 1px #ffffff47,0 2px #70594429;text-shadow:0 1px 1px rgba(61,52,40,.28);overflow:hidden}.swatches button.swatch:hover:not(:disabled){border-color:var(--primary-color);box-shadow:inset 0 0 0 1px #ffffff57,0 3px #19c8b957;transform:translateY(-1px)}.swatches .swatch-code{position:relative;z-index:1;font-size:14px;font-weight:900;line-height:1}.swatches button.swatch.off{opacity:.48;filter:grayscale(.7)}.swatches button.swatch.off:after{content:"";position:absolute;left:7px;right:7px;top:50%;height:2px;border-radius:999px;background:currentColor;transform:rotate(-22deg)}.usage-list-wrap{display:grid;gap:6px;min-width:0;padding:6px;border-radius:18px;background:var(--bg-color-content);overflow:hidden}.usage-list{display:grid;gap:6px;min-width:0;max-height:360px;overflow-y:auto;overflow-x:hidden;padding:0 2px 2px}.usage-list-head,.usage-list-row{display:grid;grid-template-columns:24px 44px 44px minmax(0,1fr) 44px;align-items:center;gap:6px;min-width:0}.usage-list-head{padding:8px 10px;border:1.5px solid rgba(232,220,200,.7);border-radius:14px;background:#fff9e3a8;color:var(--text-color);font-size:12px;font-weight:900}.usage-list-head span:last-child{text-align:right}.usage-list-row{width:100%;min-height:44px;padding:8px 10px;border:1.5px solid transparent;border-radius:14px;background:#fff9e38f;color:var(--text-color);font:inherit;font-weight:800;text-align:left;box-shadow:none;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.usage-list-row:hover:not(:disabled),.usage-list-row-active{border-color:#19c8b97a;background:repeating-linear-gradient(-45deg,#19c8b92e,#19c8b92e 10px,#82d5bb2e 10px 20px),#e6f9f6d1;box-shadow:var(--shadow-sm)}.usage-list-row:active:not(:disabled){transform:translateY(1px)}.usage-swatch{display:inline-block;width:34px;height:22px;border:2px solid rgba(114,93,66,.34);border-radius:8px;background:linear-gradient(180deg,#ffffff3d,#fff0 50%),var(--swatch);box-shadow:inset 0 0 0 1px #ffffff47,0 1px #70594424}.usage-symbol{display:inline-flex;align-items:center;justify-content:center;width:20px;height:24px;border:0;border-radius:0;background:transparent;color:var(--text-color);font-size:12px;font-weight:900}.usage-code,.usage-count{font-weight:900;white-space:nowrap}.usage-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-count{text-align:right}.usage-empty{display:grid;min-height:120px;place-items:center;padding:16px;border-radius:18px;background:var(--bg-color-content);color:var(--text-color-muted);font-size:13px;font-weight:800;text-align:center}.usage-export-row{margin-top:10px;padding:8px 6px 2px;border-top:1px dashed #e8dcc8}.usage-export-row button{width:100%;min-height:40px;white-space:nowrap}.notice-copy{margin:0}.danjy-charm{--line: #705944;--hair-dark: #a84031;--hair: #cf593f;--hair-light: #e06b4f;--skin: #f7d9c9;--skin-soft: #ffe6da;position:relative;display:block;width:92px;height:104px;filter:drop-shadow(0 4px 0 rgba(112,89,68,.18))}.danjy-charm.small{width:68px;height:78px}.danjy-charm .hair,.danjy-charm .face,.danjy-charm .egg,.danjy-charm .sailor,.danjy-charm .side,.danjy-charm .bang,.danjy-charm .eyes,.danjy-charm .cheeks,.danjy-charm .tie,.danjy-charm .wand{position:absolute}.danjy-charm .side{top:34%;z-index:1;width:25%;height:31%;border:4px solid var(--line);border-radius:48% 42% 50% 46%;background:radial-gradient(circle at 62% 24%,var(--hair-light) 0 18%,transparent 19%),linear-gradient(145deg,var(--hair-light),var(--hair-dark))}.danjy-charm .side-left{left:6%}.danjy-charm .side-right{right:6%;transform:scaleX(-1)}.danjy-charm .hair{left:18%;top:19%;z-index:2;width:64%;height:48%;border:4px solid var(--line);border-radius:44% 44% 40% 40%;background:radial-gradient(circle at 28% 18%,#f07b5d 0 15%,transparent 16%),linear-gradient(150deg,var(--hair-light) 0 36%,var(--hair) 37% 68%,var(--hair-dark) 69%)}.danjy-charm .bang{left:25%;top:27%;z-index:5;width:48%;height:22%;border-radius:50% 48% 46% 44%;background:radial-gradient(circle at 22% 28%,var(--hair-dark) 0 22%,transparent 23%),linear-gradient(90deg,var(--hair-light) 0 48%,var(--hair) 49%);border-bottom:4px solid var(--line);transform:rotate(2deg)}.danjy-charm .face{left:22%;top:36%;z-index:4;width:56%;height:38%;border:4px solid var(--line);border-radius:44% 44% 48% 48%;background:radial-gradient(circle at 27% 62%,#ffc0bd 0 5%,transparent 6%),radial-gradient(circle at 73% 62%,#ffc0bd 0 5%,transparent 6%),linear-gradient(180deg,var(--skin-soft),var(--skin))}.danjy-charm .egg{left:31%;top:3%;z-index:8;width:38%;height:28%;border:4px solid var(--line);border-radius:52% 48% 57% 43%;background:radial-gradient(circle at 56% 53%,#ffcc00 0 27%,#f5a800 28% 38%,transparent 39%),#fffdf7;transform:rotate(3deg)}.danjy-charm .eyes{left:34%;top:53%;z-index:9;width:32%;height:8%;background:radial-gradient(circle at 0 50%,var(--line) 0 13%,transparent 14%),radial-gradient(circle at 100% 50%,var(--line) 0 13%,transparent 14%)}.danjy-charm .cheeks{left:25%;top:57%;z-index:8;width:50%;height:9%;background:radial-gradient(circle at 8% 50%,#ffb7b0 0 10%,transparent 11%),radial-gradient(circle at 92% 50%,#ffb7b0 0 10%,transparent 11%)}.danjy-charm .sailor{left:23%;top:70%;z-index:3;width:54%;height:25%;border:4px solid var(--line);border-radius:18px 18px 24px 24px;background:linear-gradient(135deg,transparent 0 28%,#67cfc2 29% 43%,transparent 44%),linear-gradient(225deg,transparent 0 28%,#67cfc2 29% 43%,transparent 44%),linear-gradient(180deg,#fffdf7,#fff4df)}.danjy-charm .tie{left:46%;top:78%;z-index:9;width:8%;height:15%;border-radius:50px;background:#fc736d}.danjy-charm .wand{right:3%;top:45%;z-index:10;width:28%;height:24%;transform:rotate(-24deg)}.danjy-charm .wand:before{content:"";position:absolute;left:2%;top:50%;width:72%;height:4px;border-radius:4px;background:var(--line)}.danjy-charm .wand:after{content:"";position:absolute;right:0;top:25%;width:28%;aspect-ratio:1;background:#fc0;clip-path:polygon(50% 0,63% 34%,100% 34%,70% 55%,82% 100%,50% 73%,18% 100%,30% 55%,0 34%,37% 34%);filter:drop-shadow(0 2px 0 var(--line))}@media(max-width:1180px){.workbench{grid-template-columns:330px minmax(0,1fr)}.palette-panel{grid-column:1 / -1;position:static;max-height:none}}@media(max-width:620px){.canvas-action-bar{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{width:min(100% - 18px,760px)}.reward-fab{width:62px;height:62px;min-height:62px}.reward-tooltip{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.reward-bubble{right:50px;bottom:64px;width:min(166px,calc(100vw - 104px));padding:13px 16px 12px;border-radius:28px}.reward-dialog{gap:12px}.reward-meme{width:min(142px,48vw)}.reward-qr-card{width:min(230px,72vw);padding:13px;border-radius:22px}.hero-card,.brand,.workbench{display:grid;grid-template-columns:1fr}.hero-card:after{right:50%;bottom:-70px;width:360px;transform:translate(50%)}.brand{justify-items:center;text-align:center}.brand-logo{width:92px;height:92px;justify-self:center}.brand-title-image{width:min(100%,680px)}.hero-side{justify-content:center}.time-badge{width:min(100%,312px);gap:12px;padding:12px 18px}.time-date{min-width:50px;padding-right:14px}.time-date span{font-size:11px}.time-date strong{font-size:16px}.time-clock{font-size:32px}.island-title,.island-title.title-small{font-size:15px}.tool-panel [class*=animal-questionHeader]{grid-template-columns:28px minmax(0,1fr) 20px;gap:8px;padding:8px}.assistant{grid-template-columns:minmax(98px,34%) minmax(0,1fr);gap:10px;min-height:clamp(134px,34vw,168px);padding:12px}.assistant-figure{width:min(100%,clamp(98px,29vw,122px));height:auto;max-height:128px}.assistant-copy{height:clamp(112px,30vw,132px);padding:14px 15px 15px;border-width:2.5px;border-radius:26px 26px 26px 13px}.assistant-copy:before{left:-13px;bottom:28px;width:24px;height:24px;border-left-width:2.5px;border-bottom-width:2.5px}.assistant-copy p{font-size:clamp(15px,4vw,18px);line-height:1.34}.assistant-copy-compact p{font-size:clamp(13px,3.55vw,16px);line-height:1.3}.assistant-copy-dense p{font-size:clamp(12px,3.15vw,14px);line-height:1.26}.collapse-question{grid-template-columns:1fr;gap:5px}.collapse-summary{white-space:normal}.canvas-panel .panel-head{grid-template-columns:auto auto}.tools,.palette-panel{position:static;max-height:none}.canvas-stage{min-height:420px}.empty-figure{width:min(240px,72vw);height:min(240px,72vw)}}@container tools-column (max-width: 340px){.assistant{grid-template-areas:"copy" "figure";grid-template-columns:minmax(0,1fr);justify-items:start;gap:0;min-height:0;padding:12px 12px 8px}.assistant-figure{width:clamp(124px,54cqw,172px);max-height:none;margin-top:-4px;margin-left:8px;justify-self:start}.assistant-copy{width:100%;height:126px;padding:15px 16px 17px;border-width:2.5px;border-radius:24px 24px 24px 16px}.assistant-copy:before{left:54px;bottom:-13px;width:24px;height:24px;border:0;border-right:2.5px solid #f7a8ba;border-bottom:2.5px solid #f7a8ba;border-radius:0 0 8px;transform:rotate(45deg);box-shadow:2px 2px #f8a6b21f}.assistant-copy span{justify-self:start;padding:6px 12px;white-space:normal;line-height:1.2}.assistant-copy p{font-size:clamp(16px,5cqw,19px);line-height:1.34}.assistant-copy-compact p{font-size:clamp(14px,4.4cqw,17px);line-height:1.3}.assistant-copy-dense p{font-size:clamp(12px,3.9cqw,15px);line-height:1.26}}