:root{color:#eef3ef;background:#2c393d;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--chalk: #f2f4ee;--apricot: #ecb277;--edge-x: clamp(18px, 3vw, 40px);--edge-y: clamp(18px, 3vw, 34px);--control-h: 38px;--track: rgba(226, 235, 231, .22);--hairline: rgba(255, 255, 255, .15);--spring-pop: linear( 0, .34 5.2%, .92 11.9%, 1.14 17.8%, 1.04 27.4%, .984 40%, 1.004 62%, 1 );--spring-settle: linear( 0, .24 4.2%, .83 11.2%, 1.08 17.2%, 1.015 26%, .996 39%, 1 )}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100vh;min-height:100dvh;background:#2c393d;-webkit-font-smoothing:antialiased}button{font:inherit}.experience{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#2c393d;cursor:crosshair}.acid-canvas{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#2c393d}.acid-canvas[data-failed=true]{background:radial-gradient(120% 90% at 50% 20%,#44585c,#223135 58%,#101b1e)}.brand-lockup,.footer-meta,.interaction-hint{position:absolute;letter-spacing:.12em;text-transform:uppercase}.brand-lockup{top:var(--edge-y);left:var(--edge-x);display:flex;height:var(--control-h);align-items:center;gap:14px;color:#f8f7eef0;text-shadow:0 1px 10px rgba(16,24,26,.4)}@view-transition{navigation:auto}#root{position:fixed;top:0;right:0;bottom:0;left:0;view-transition-name:exp01}::view-transition-group(exp01){animation-duration:.62s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(exp01),::view-transition-new(exp01){height:100%;animation-duration:.62s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.brand-index{font-size:10px;line-height:1;opacity:.64}.brand-name{font-size:12px;font-weight:700;line-height:1;letter-spacing:.18em}.interaction-hint{left:50%;bottom:clamp(78px,11vh,126px);padding:10px 14px;color:#fbf8eed6;font-size:9px;line-height:1;white-space:nowrap;opacity:0;transform:translate(-50%,12px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1);pointer-events:none;text-shadow:0 1px 10px rgba(16,24,26,.45)}.interaction-hint.is-visible{opacity:.74;transform:translate(-50%)}.control-dock{position:absolute;top:var(--edge-y);right:var(--edge-x);z-index:6;display:flex;gap:10px;cursor:default}.glass-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;overflow:hidden;border:1px solid rgba(8,14,16,.55);border-radius:999px;color:#f8f7eef5;background:transparent;font-size:13px;font-weight:500;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #0c141638;transform:translateZ(0);transition:border-color .18s ease,box-shadow .18s ease,transform .52s cubic-bezier(.22,1.15,.36,1.06)}.glass-button.is-pressed{transform:scale(1.07);transition-duration:.2s}.glass-button:hover{border-color:#080e10cc;color:#fff}.glass-button:focus-visible{outline:2px solid #f2c28e;outline-offset:3px}.glass-button__label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;line-height:0}.glass-button--icon{width:38px;height:38px;padding:0;border-radius:50%}.aave-glass-canvas{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}.glass-thumb-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.settings-panel{position:absolute;z-index:5;top:calc(var(--edge-y) + var(--control-h) + 10px);right:var(--edge-x);width:min(324px,calc(100vw - var(--edge-x) * 2));height:min(480px,calc(100dvh - var(--edge-y) * 2 - var(--control-h) - 10px));padding:0;overflow:hidden;border:1px solid rgba(8,14,16,.55);border-radius:22px;color:#f6f5ee;background:none;box-shadow:none;opacity:0;pointer-events:none;cursor:default}.settings-panel:before{content:"";position:absolute;z-index:2;inset:0 0 auto 0;height:64px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);pointer-events:none;opacity:var(--chrome, 1)}.settings-panel:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(168deg,#0f191c87,#0e181ba3 55%,#0f191c91);pointer-events:none;opacity:var(--chrome, 1)}.settings-panel.is-open{pointer-events:auto}.control-dock.is-morphed .glass-button:first-child{border-color:transparent;box-shadow:none;pointer-events:none}.control-dock.is-morphed .glass-button:first-child .aave-glass-canvas{visibility:hidden}.morph-overlay{position:absolute;z-index:4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility 0s linear .16s}.morph-overlay.is-live{opacity:1;visibility:visible;transition:opacity 0s,visibility 0s}.settings-panel.is-flying>.aave-glass-canvas{visibility:hidden}.settings-scroll{position:absolute;z-index:3;top:0;right:0;bottom:0;width:min(324px,calc(100vw - 34px));padding:20px 17px 26px 20px;opacity:0}.settings-scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:23px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(188,196,195,.45) transparent}.settings-scroll::-webkit-scrollbar{width:11px}.settings-scroll::-webkit-scrollbar-track{margin-block:14px;background:transparent}.settings-scroll::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#bcc4c373;background-clip:padding-box}.settings-panel.is-open .settings-section,.settings-panel.is-open .switch-control,.settings-panel.is-open .color-grid{animation:settings-rise .56s var(--spring-settle) both}.settings-panel.is-open .switch-control{animation-delay:40ms}.settings-panel.is-open .color-grid{animation-delay:70ms}.settings-panel.is-open .settings-section:nth-of-type(1){animation-delay:.1s}.settings-panel.is-open .settings-section:nth-of-type(2){animation-delay:.13s}.settings-panel.is-open .settings-section:nth-of-type(3){animation-delay:.16s}.settings-panel.is-open .settings-section:nth-of-type(4){animation-delay:.19s}.settings-panel.is-open .settings-section:nth-of-type(5){animation-delay:.22s}@keyframes settings-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.settings-header h2{margin:4px 0 0;font-family:Helvetica Neue,Arial,sans-serif;font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.02em}.settings-kicker,.section-title{display:block;color:#f4f2e999;font-size:10.5px;line-height:1;letter-spacing:.17em;text-transform:uppercase}.settings-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#f7f6edeb;background:#16222547;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);line-height:0;cursor:pointer;transition:transform .32s var(--spring-pop),background-color .16s ease}.settings-close:hover{background:#ffffff1f}.settings-close:active{transform:scale(1.12);transition-duration:.12s}.switch-control{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 16px;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.switch-copy{display:grid;gap:4px}.switch-control strong{font-size:13.5px;font-weight:600;letter-spacing:.06em}.switch-control small{color:#f4f2e9ad;font-size:11.5px;line-height:1.35}.glass-switch{position:relative;flex:0 0 auto;width:44px;height:20px}.glass-switch input{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.glass-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgba(247,246,237,.2);border-radius:999px;background:#0e181a70;box-shadow:inset 0 1px 2px #060c0e66}.glass-switch__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--apricot);transform:translate(-100%);transition:transform .3s var(--spring-settle)}.glass-switch__thumb{position:absolute;z-index:1;top:50%;left:3px;width:26px;height:15px;margin-top:-8px;border-radius:999px;transition:transform .42s var(--spring-pop),margin-top .2s var(--spring-settle),width .2s var(--spring-settle),height .2s var(--spring-settle),left .2s var(--spring-settle)}.glass-switch__core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(140% 140% at 30% 22%,#fff,#eef0e9 52%,#ccd3cd);box-shadow:0 1px 3px #060c0e59,inset 0 -1px 1px #5a686459;opacity:1;transform:scale(1);transition:opacity .14s ease,transform .24s var(--spring-settle)}.glass-switch__refracted-fill{position:absolute;z-index:1;top:50%;left:8%;width:84%;height:10px;border-radius:999px;background:var(--apricot);opacity:0;transform:translate(-26%,-50%);transition:transform .3s var(--spring-settle),opacity .2s ease}.glass-switch input:checked+.glass-switch__track .glass-switch__fill{transform:translate(0)}.glass-switch input:checked~.glass-switch__thumb .glass-switch__refracted-fill{opacity:.95;transform:translateY(-50%)}.glass-switch input:checked~.glass-switch__thumb{transform:translate(12px)}.glass-switch__specular{position:absolute;top:2px;left:4px;width:8px;height:3px;border-radius:999px;background:#ffffffbf;filter:blur(1px);transform:rotate(-18deg);opacity:0;transition:opacity .15s ease;pointer-events:none}.glass-switch.is-pressed .glass-switch__thumb{left:-2px;width:38px;height:22px;margin-top:-11.5px;transition:transform .16s ease-out,margin-top .16s ease-out,width .16s ease-out,height .16s ease-out,left .16s ease-out}.glass-switch.is-pressed input:checked~.glass-switch__thumb{transform:translate(10px)}.glass-switch.is-pressed .glass-switch__core{opacity:0;transform:scale(.6)}.glass-switch.is-pressed .glass-switch__specular{opacity:1}.glass-switch input:focus-visible+.glass-switch__track,.color-grid input:focus-visible,.glass-range input:focus-visible,.settings-close:focus-visible,.reset-settings:focus-visible{outline:2px solid #f2c28e;outline-offset:2px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0 20px}.color-grid label{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px 6px;padding:11px;border:1px solid rgba(247,246,237,.13);border-radius:14px;background:#454c4f;color:#f7f6ede0;font-size:11.5px;line-height:1;letter-spacing:.04em;transition:opacity .16s ease}.color-grid label.is-disabled{opacity:1}.color-grid label.is-disabled>span{opacity:.5}.color-grid label.is-disabled input{opacity:.45}.color-value{color:#f7f6ed8f;font-size:10px;text-transform:uppercase}.color-grid input{grid-column:1 / -1;width:100%;height:30px;padding:0;overflow:hidden;border:0;border-radius:9px;background:transparent;cursor:pointer}.color-grid input::-webkit-color-swatch-wrapper{padding:0}.color-grid input::-webkit-color-swatch{border:0;border-radius:8px}.settings-section{display:grid;gap:13px;padding:3px 0 20px}.settings-section+.settings-section{padding-top:18px;border-top:1px solid var(--hairline)}.section-title{margin-bottom:2px}.range-control{display:grid;gap:5px}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f7f6edf0;font-size:12px;line-height:1;letter-spacing:.04em}.setting-label output{color:#f7f6eda3;font-variant-numeric:tabular-nums}.glass-range{position:relative;display:block;width:100%;height:24px}.glass-range__rail{position:absolute;top:10px;right:8px;left:8px;height:4px;overflow:hidden;border-radius:999px;background:var(--track);box-shadow:inset 0 1px 1px #08101257,0 1px #ffffff12}.glass-range__fill{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);border-radius:inherit;background:var(--apricot)}.glass-range__thumb{position:absolute;z-index:1;top:50%;left:calc(8px + (100% - 16px) * var(--p));width:26px;height:15px;border-radius:999px;transform:translate(-50%,-50%);transition:width .34s var(--spring-pop),height .34s var(--spring-pop),border-radius .24s ease;pointer-events:none}.glass-range__core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(140% 140% at 30% 22%,#fff,#eef0e9 52%,#c8cfc9);box-shadow:0 1px 3px #060c0e59,inset 0 -1px 1px #5a686459;opacity:1;transform:scale(1);transition:opacity .14s ease,transform .26s var(--spring-settle)}.glass-range__refracted-rail{position:absolute;z-index:1;top:50%;left:9%;right:9%;height:8px;overflow:hidden;border-radius:999px;background:var(--track);opacity:.95;transform:translateY(-50%)}.glass-range__refracted-fill{position:absolute;inset:0 auto 0 0;width:calc(26% + var(--p) * 48%);border-radius:999px;background:var(--apricot)}.glass-range__specular{position:absolute;top:2px;left:5px;width:9px;height:3px;border-radius:999px;background:#ffffffb8;filter:blur(1px);transform:rotate(-16deg);opacity:0;transition:opacity .15s ease}.glass-range input{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;margin:0;opacity:0;cursor:pointer}.glass-range.is-pressed .glass-range__thumb{width:38px;height:22px;border-radius:999px;transition:width .17s ease-out,height .17s ease-out,border-radius .17s ease-out}.glass-range.is-pressed .glass-range__core{opacity:0;transform:scale(.55)}.glass-range.is-pressed .glass-range__specular{opacity:1}.glass-range:has(input:focus-visible){outline:2px solid #f2c28e;outline-offset:2px;border-radius:999px}.reset-settings{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#f7f6ede6;background:#16222547;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);font-size:12px;letter-spacing:.1em;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .32s var(--spring-pop)}.reset-settings:hover{color:#fff;background:#ffffff14}.reset-settings:active{transform:scale(1.03);transition-duration:.12s}.footer-meta{right:calc(var(--edge-x) + 66px);bottom:var(--edge-y);left:var(--edge-x);display:flex;justify-content:flex-start;gap:22px;color:#f8f7ee9e;font-size:8px;line-height:1;text-shadow:0 1px 10px rgba(16,24,26,.4)}.upload-dock{position:absolute;right:var(--edge-x);bottom:var(--edge-y);z-index:4;transition:opacity .2s ease,transform .3s var(--spring-settle)}.upload-dock.is-hidden{opacity:0;transform:scale(.82);pointer-events:none}.glass-button--upload{width:54px;height:54px}.upload-input{display:none}@media(max-width:640px){:root{--edge-x: 20px;--edge-y: 20px}.brand-index{display:none}.settings-scroll{max-height:calc(100dvh - 92px);padding-bottom:30px}.footer-meta{flex-direction:column;align-items:flex-start;gap:7px}}@media(prefers-reduced-motion:reduce){.interaction-hint,.glass-button,.settings-panel,.settings-panel.is-open .settings-section,.settings-panel.is-open .switch-control,.settings-panel.is-open .color-grid,.glass-range__thumb,.glass-switch__thumb{animation-duration:.01ms;transition-duration:.01ms}}