:root{--color-primary:#4481eb;--color-primary-light:#8ec5fc;--color-secondary:#e0c3fc;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-text:#161d6d;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-bg:#92a8d1;--color-surface:#fff;--color-surface-translucent:#ffffffb0;--gradient-primary:linear-gradient(90deg,#8ec5fc,#e0c3fc);--gradient-button:linear-gradient(90deg,#25aae1,#4481eb,#04befe,#3f86ed);--gradient-button-blocked:linear-gradient(90deg,#d7e7f7,#efe3fa);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:50px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 4px 15px 0 #4184eabf;--shadow-inset:inset 4px 4px 10px #8ec5fc;--shadow-side:-4px -4px 10px #4f769c,4px 4px 10px #4f769c;--font-display:"Montserrat",sans-serif;--font-body:"Roboto Slab",sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--z-base:1;--z-header:10;--z-modal:20;--z-tooltip:30;--bg-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:var(--font-weight-normal)}#root{display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;overflow-x:hidden;padding:0;width:100%}strong{background-color:#ffffff2d;border:.1em solid #e4e7ff;border-radius:.25em;display:inline!important;margin-left:.2em;margin-right:.2em;padding:0 .15em;white-space:nowrap}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);background-color:var(--bg-color);font-family:Roboto Slab,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding-top:56px}#uvMapper{display:flex;flex:1 1 auto;flex-direction:row;height:calc(100% - 56px);margin:0;max-height:100%;max-width:100%;min-height:0;padding:0;position:fixed;top:56px;width:100vw}#canvas-container{height:100%;margin:0;order:0;padding:0;position:relative;width:80%}#side{background-color:#8ec5fc;background-image:linear-gradient(90deg,#8ec5fc,#e0c3fc);box-shadow:-4px -4px 10px #4f769c,4px 4px 10px #4f769c,4px 4px 10px #4f769c;display:flex;flex:0 0 20%;flex-direction:column;font-family:Montserrat;font-weight:500;height:100%;order:1;padding:0;width:20%;z-index:3}#canvas,#side{overflow:hidden}#canvas{aspect-ratio:1;background-color:#92a8d1;border-radius:2%;box-shadow:inset -4px -4px 10px #8ec5fc,4px 4px 10px #4f769c,-4px -4px 10px #4f769c,inset 4px 4px 10px #8ec5fc;flex:0 0 auto;margin:2%;max-height:55%;order:0;width:96%}.separatorSide{box-shadow:0 10px 10px 0 #4048a744;height:2px;margin:.3em 0;width:100%}#canvas2D{height:98%;margin:1%;width:98%}#ToolSidepanel{flex:1 1 auto;gap:.5em;justify-content:flex-start;margin:1%;min-width:auto;order:1}#ToolSidepanel,#ToolsMenu{display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#ToolsContent{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;padding:.5em .5em 1em;width:100%}.btnSpan{align-items:center;display:flex;gap:.6em;justify-content:flex-start;margin-bottom:.4em}.btnSpan span{font-size:.85em;opacity:.9}#Goals,#Stats{display:flex;flex-wrap:wrap;justify-content:space-around}#StatsContent{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap}#StatsContent span{font-size:clamp(14px,1.5vw,20px)}#StatsContent #GoalExplain{font-size:.8vw!important;margin-bottom:.3em;margin-left:.5vw}#GoalsTitle,#StatsTitle,#ToolTitle{font-size:1.5em;font-weight:600;margin:.3em .5em}#ToolSidepanel span{font-size:clamp(.7em,1vmax,.9em)}.insideCanvas{background-color:initial;border:0;border-radius:50%;color:var(--color-text);cursor:pointer;left:1em;min-height:44px;min-width:44px;position:fixed;top:calc(56px + .5em);width:4em;z-index:var(--z-modal)}.insideCanvas:hover{transform:scale(1.1)}.insideCanvas:active{transform:scale(.9)}.insideCanvas img{background-color:initial}.offset{left:5em}.goals-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;font-family:var(--font-display);min-width:180px;padding:.8em;position:absolute;right:1em;top:1em;z-index:15}.goals-header{color:var(--color-text);font-size:.85em;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:.6em;opacity:.8;text-transform:uppercase}.goal-item{margin-bottom:.5em}.goal-label{align-items:center;display:flex;font-size:.8em;justify-content:space-between;margin-bottom:.2em}.goal-label span:first-child{color:var(--color-text);opacity:.9}.goal-value{font-size:1.1em;font-weight:var(--font-weight-bold)}.budget-gauge{background:#ffffff4d;border-radius:var(--radius-full);display:flex;height:8px;margin-top:4px;overflow:hidden;width:100%}.budget-gauge-fill{background:#22c55e;border-radius:var(--radius-full) 0 0 var(--radius-full);height:100%;transition:width .3s ease}.budget-gauge-fill.striped{background:repeating-linear-gradient(-45deg,#22c55e,#22c55e 2px,#16a34a 0,#16a34a 4px)}.budget-gauge-fill:last-child{border-radius:var(--radius-full)}.budget-gauge-overflow{background:#ef4444;border-radius:0 var(--radius-full) var(--radius-full) 0;height:100%;transition:width .3s ease}.btnOverlay{background-image:var(--gradient-button);border:none;border-radius:var(--radius-full);box-shadow:0 2px 10px #4184ea80;color:#fff;cursor:pointer;font-family:var(--font-display);font-size:.85em;font-weight:var(--font-weight-medium);margin-top:.6em;padding:.4em .8em;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.btnOverlay:hover{box-shadow:0 4px 15px #4184eab3;transform:scale(1.03)}.btnOverlay:active{transform:scale(.97)}.btnOverlayBlocked{background-image:var(--gradient-button-blocked);box-shadow:0 2px 10px #4184ea1a;color:#aaa;pointer-events:none}.btnBlocked,.btnPrimary{background-image:linear-gradient(90deg,#25aae1,#4481eb,#04befe,#3f86ed);background-size:300% 100%;border:none;border-radius:50px;box-shadow:0 3px 12px 0 #4184ea80;color:#fff;cursor:pointer;font-family:Montserrat;font-size:1em;font-weight:400;margin:3px;padding:.4em 1em;text-align:center}.btnPrimary:hover{transform:scale(1.1)}.btnPrimary:active{transform:scale(.9)}.btnBlocked{background-image:var(--gradient-button-blocked);box-shadow:0 4px 15px 0 #4184ea26;color:#aaa;pointer-events:none}.btnActive{box-shadow:0 0 0 3px #fffc,0 4px 15px 0 #4184eae6;transform:scale(1.05)}.btnActive:hover{transform:scale(1.1)}.panel-card{background:#ffffff1a;border-radius:var(--radius-md);margin:0;padding:var(--spacing-xs)}.progress-bar{background:#ffffff4d;height:4px;margin-top:2px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;transition:width var(--transition-normal),background-color var(--transition-normal)}.stat-row{margin-bottom:.2em;width:100%}.hint-text{word-wrap:break-word;font-size:.8em;line-height:1.4;margin-top:.5em;opacity:.85;overflow-wrap:break-word}.btnBlocked:focus-visible,.btnPrimary:focus-visible,.insideCanvas:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}p{line-height:160%}.contact-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-modal{animation:slideUp .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(153deg,#ffffffe6,#ffffffb3 35%,#ffffff80);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto;position:relative;width:min(420px,90vw)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-modal-close{align-items:center;background:#ffffff80;border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:background var(--transition-fast),transform var(--transition-fast);width:36px;z-index:1}.contact-modal-close svg{height:20px;width:20px}.contact-modal-close:hover{background:#fffc;transform:scale(1.1)}.contact-modal-close:active{transform:scale(.95)}.contact-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.contact-title{border:none;color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;max-width:none;padding:0;text-align:center}.contact-error{background:#ef444426;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.contact-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-field-message{flex:1 1}.contact-label{color:var(--color-text);font-family:var(--font-display);font-size:.9rem;font-weight:var(--font-weight-medium)}.contact-required{color:var(--color-error);margin-left:2px}.contact-input,.contact-textarea{background:#fff9;border:2px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-family:var(--font-body);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);width:100%}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--color-text-muted);opacity:.7}.contact-input:hover,.contact-textarea:hover{background:#fffc}.contact-input:focus,.contact-textarea:focus{background:#ffffffe6;border-color:var(--color-primary);box-shadow:0 0 0 3px #4481eb33;outline:none}.contact-input:invalid:not(:placeholder-shown),.contact-textarea:invalid:not(:placeholder-shown){border-color:var(--color-error)}.contact-textarea{min-height:120px;resize:vertical}.contact-btn{border:none;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-display);font-size:1rem;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.contact-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contact-btn-primary{background:var(--gradient-button);box-shadow:0 4px 15px #4184ea66;color:#fff}.contact-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #4184ea80;transform:translateY(-2px)}.contact-btn-primary:active:not(:disabled){transform:translateY(0)}.contact-btn-primary:disabled{cursor:not-allowed;opacity:.7}.contact-btn-secondary{background:#fff9;border:1px solid #0000001a;color:var(--color-text)}.contact-btn-secondary:hover{background:#ffffffe6}.contact-btn-secondary:active{transform:scale(.98)}.contact-success{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center}.contact-success-icon{align-items:center;animation:scaleIn .3s ease;background:linear-gradient(135deg,var(--color-success),#16a34a);border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.contact-success-icon svg{color:#fff;height:32px;width:32px}.contact-success-title{color:var(--color-text);font-family:var(--font-display);font-size:1.25rem;font-weight:var(--font-weight-bold);margin:0}.contact-success-message{color:var(--color-text-muted);font-size:.95rem;line-height:1.5;margin:0}.mobile-tabs{background:var(--gradient-primary);box-shadow:0 2px 8px #0000001a;display:none;gap:var(--spacing-sm);justify-content:center;left:0;padding:var(--spacing-xs);position:fixed;right:0;top:56px;z-index:15}.mobile-tabs button{background:#ffffff4d;border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;flex:1 1;font-family:var(--font-display);font-size:.9rem;font-weight:var(--font-weight-medium);max-width:150px;padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast),transform var(--transition-fast)}.mobile-tabs button.active{background:#fffc;font-weight:var(--font-weight-bold)}.mobile-tabs button:active{transform:scale(.95)}.mobile-fab{bottom:20px;display:none;position:fixed;right:20px;z-index:25}.fab-trigger{align-items:center;background:var(--gradient-button);border:none;border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;transition:transform var(--transition-fast);width:56px}.fab-trigger:hover{transform:scale(1.1)}.fab-trigger:active{transform:scale(.95)}.fab-menu{bottom:70px;display:flex;flex-direction:column;gap:var(--spacing-sm);position:absolute;right:0}.fab-menu button{background:var(--color-surface);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text);cursor:pointer;font-family:var(--font-display);font-size:.85rem;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:transform var(--transition-fast);white-space:nowrap}.fab-menu button:active{transform:scale(.95)}.mobile-stats-drawer{background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;display:none;left:0;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:0;transform:translateY(calc(100% - 60px));transition:transform var(--transition-normal);z-index:20}.mobile-stats-drawer.expanded{transform:translateY(0)}.drawer-handle{background:#ffffff80;border-radius:var(--radius-full);cursor:pointer;height:4px;margin:0 auto var(--spacing-sm);width:40px}.drawer-peek{align-items:center;display:flex;justify-content:space-around;padding:var(--spacing-xs) 0}.drawer-peek .stat-mini{font-family:var(--font-display);text-align:center}.stat-mini .value{font-size:1.2rem;font-weight:var(--font-weight-bold)}.stat-mini .label{font-size:.75rem;opacity:.8}.mobile-only,.mobile-side-buttons,.mobile-toolbar{display:none}@media only screen and (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block}body{padding-top:56px}.desktopOnly{height:0;visibility:hidden}#ToolSidepanel,.goals-overlay,.mobile-fab,.mobile-stats-drawer,.mobile-tabs{display:none!important}.contact-modal{margin:var(--spacing-sm);max-height:85vh;width:95vw}.contact-form{padding:var(--spacing-lg)}.contact-title{font-size:1.25rem}.contact-success{padding:var(--spacing-xl)}strong{margin-left:.1em;margin-right:.1em}}.mobile-toolbar{align-items:center;background:var(--gradient-primary);box-shadow:0 2px 8px #00000026;gap:var(--spacing-xs);justify-content:space-between;left:0;padding:0 var(--spacing-sm);position:fixed;right:0;top:56px;z-index:15}.mobile-toolbar-goals{align-items:center;display:flex;gap:var(--spacing-sm)}.mobile-goal-item{align-items:center;display:flex;font-family:var(--font-display);font-weight:var(--font-weight-medium);gap:4px}.mobile-goal-label{font-size:.75rem;opacity:.85}.mobile-goal-value{font-size:.85rem;font-weight:var(--font-weight-bold)}.mobile-toolbar-tools{align-items:center;display:flex;gap:var(--spacing-xs)}.mobile-tool-btn{background:#ffffff4d;border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-family:var(--font-display);font-size:.7rem;font-weight:var(--font-weight-medium);min-height:28px;min-width:44px;padding:4px var(--spacing-sm);transition:transform var(--transition-fast),background var(--transition-fast)}.mobile-tool-btn:active{transform:scale(.95)}.mobile-tool-btn-active{background:#fffc;box-shadow:0 0 0 2px #ffffffe6}.mobile-next-btn{background:var(--gradient-button);border:none;border-radius:var(--radius-full);box-shadow:0 2px 8px #4184ea80;color:#fff;cursor:pointer;font-family:var(--font-display);font-size:.75rem;font-weight:var(--font-weight-medium);min-height:32px;padding:var(--spacing-xs) var(--spacing-sm);transition:transform var(--transition-fast);white-space:nowrap}.mobile-next-btn:active{transform:scale(.95)}.mobile-next-btn-blocked{background:var(--gradient-button-blocked);box-shadow:none;opacity:.5;pointer-events:none}.mobile-side-buttons{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;max-width:70px;min-width:60px;padding:4px 6px}.mobile-side-buttons-right{align-items:center}.mobile-side-btn{background:#fff9;border:none;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;color:var(--color-text);cursor:pointer;font-family:var(--font-display);font-size:.85rem;font-weight:var(--font-weight-semibold);min-height:44px;min-width:44px;padding:8px 12px;transition:transform var(--transition-fast),background var(--transition-fast);width:100%}.mobile-side-btn:active{transform:scale(.95)}.mobile-side-btn-active{background:#fffffff2;box-shadow:0 0 0 2px var(--color-primary),0 2px 4px #00000026}.mobile-side-next{background:var(--gradient-button);color:#fff}.mobile-side-btn-blocked{opacity:.5;pointer-events:none}@media only screen and (max-width:768px) and (orientation:portrait){.mobile-toolbar{display:none!important}.mobile-side-buttons{display:flex!important}#uvMapper{flex-direction:column;height:calc(100vh - 56px);overflow:hidden;top:56px}@supports (height:100dvh){#uvMapper{height:calc(100dvh - 56px)}}#side{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;gap:8px;height:45%;justify-content:flex-start;max-height:50%;min-height:180px;order:0;padding:4px;width:100%}#canvas{align-self:center;aspect-ratio:1/1;border-radius:4px;flex-shrink:0;height:calc(100% - 8px);margin:0;max-height:none;max-width:calc(100vw - 140px);min-height:160px;min-width:160px;width:auto}.mobile-side-buttons{align-items:stretch!important;box-sizing:border-box;flex:1 1;flex-direction:column!important;gap:8px;height:100%;justify-content:flex-end!important;max-width:none;min-width:120px;padding:4px}.mobile-side-stats{background:#fff6;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:8px}.mobile-side-stat{align-items:center;display:flex;font-family:var(--font-display);justify-content:space-between}.mobile-side-stat-label{font-size:.75rem;font-weight:var(--font-weight-medium);opacity:.85}.mobile-side-stat-value{font-size:.9rem;font-weight:var(--font-weight-bold)}.mobile-side-buttons-grid{grid-gap:6px;display:grid;flex-shrink:0;gap:6px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#canvas #canvas2D{height:100%!important;width:100%!important}#canvas-container{flex:1 1 auto;margin:0;min-height:0;order:1;overflow:hidden;padding:0;width:100%}.insideCanvas{bottom:1em;top:auto;z-index:10}.insideCanvas.offset{left:5em}}@media only screen and (max-width:896px) and (orientation:landscape){#ToolSidepanel,.desktop-only,.goals-overlay{display:none!important}.mobile-toolbar{display:flex;height:36px}.mobile-toolbar-tools{display:flex}.mobile-side-buttons{display:none!important}#uvMapper{flex-direction:row;height:calc(100vh - 92px);overflow:hidden;top:92px}@supports (height:100dvh){#uvMapper{height:calc(100dvh - 92px)}}#side{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;height:100%;justify-content:center;order:0;overflow:hidden;padding:4px;width:auto}#canvas{aspect-ratio:1;border-radius:4px;flex-shrink:0;height:calc(100% - 8px);margin:0;max-width:none;width:auto}#canvas-container{flex:1 1 auto;height:100%;margin:0;min-width:0;order:1;overflow:hidden;padding:0;position:relative}.insideCanvas{left:1em;position:absolute;top:.5em;z-index:10}.insideCanvas.offset{left:5em}}.webgl-error{align-items:center;background:var(--gradient-primary);display:flex;height:100%;justify-content:center}.webgl-error-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(153deg,#ffffffc2,#ffffff6e 35%,#ffffff30);border:1px solid #ffffff4d;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;max-width:400px;padding:var(--spacing-xl) var(--spacing-2xl);text-align:center}.webgl-error-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.8}.webgl-error-card h2{color:var(--color-text);font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.webgl-error-card p{color:var(--color-text);font-family:var(--font-body);font-size:.95rem;line-height:1.5;margin:0 0 var(--spacing-lg) 0;opacity:.85}.webgl-error-btn{background-image:var(--gradient-button);border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #4184ea80;color:#fff;cursor:pointer;font-family:var(--font-display);font-size:1rem;font-weight:var(--font-weight-medium);padding:.6em 1.5em;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.webgl-error-btn:hover{box-shadow:0 6px 20px #4184ea99;transform:translateY(-2px)}.webgl-error-btn:active{transform:translateY(0)}.Header{background:var(--gradient-primary);box-shadow:0 2px 12px #4f769c4d;box-sizing:border-box;font-family:var(--font-display);height:56px;justify-content:space-between;left:0;padding:0 var(--spacing-md);position:fixed;top:0;width:100%;z-index:var(--z-header)}.Header,.logo-link{align-items:center;display:flex}.logo-link{flex-shrink:0;height:100%;order:1;padding:var(--spacing-sm) 0;text-decoration:none;z-index:calc(var(--z-header) + 2)}.logoHeader{height:32px;transition:transform var(--transition-fast);width:auto}.logo-link:hover .logoHeader{transform:scale(1.05)}.nav-menu{flex:1 1;gap:var(--spacing-sm);justify-content:space-between;margin-left:var(--spacing-md);min-width:0;order:2}.nav-menu,.nav-menu ul{align-items:center;display:flex}.nav-menu ul{flex-shrink:0;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.nav-primary{justify-content:flex-start}.nav-secondary{flex-shrink:1;justify-content:flex-end}.nav-menu a,.nav-menu button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:.95rem;font-weight:var(--font-weight-normal);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.nav-menu a:hover,.nav-menu button:hover{background:#ffffff40;color:var(--color-text)}.nav-menu a:active,.nav-menu button:active{transform:scale(.97)}.nav-menu a.active{background:#ffffff59;font-weight:var(--font-weight-bold)}.nav-menu a:focus-visible,.nav-menu button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.version-badge{background:#fff3!important;border-radius:var(--radius-full)!important;font-size:.85rem!important;font-weight:var(--font-weight-medium)!important;padding:var(--spacing-xs) var(--spacing-sm)!important}.version-badge:hover{background:#ffffff59!important}.hamburger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;height:44px;justify-content:center;opacity:0;padding:0;pointer-events:none;position:relative;transition:background var(--transition-fast),opacity .15s ease;visibility:hidden;width:44px;z-index:calc(var(--z-header) + 2)}.hamburger:hover{background:#fff3}.hamburger span{background:var(--color-text);border-radius:2px;display:block;height:2px;position:absolute;transition:transform var(--transition-normal),opacity var(--transition-fast);width:20px}.hamburger span:first-child{transform:translateY(-7px)}.hamburger span:nth-child(2){transform:translateY(0)}.hamburger span:nth-child(3){transform:translateY(7px)}.hamburger.open span:first-child{transform:translateY(0) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(0) rotate(-45deg)}.nav-backdrop{display:none}.version-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:var(--spacing-md);top:64px;transform:translateY(-10px);transition:opacity var(--transition-normal),transform var(--transition-normal);width:min(400px,calc(100vw - var(--spacing-md)*2));z-index:var(--z-modal)}.version-modal.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.version-modal-header{align-items:center;background:var(--gradient-primary);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.version-modal-header h3{color:var(--color-text);font-size:1.1rem;font-weight:var(--font-weight-semibold);margin:0}.version-close{align-items:center;background:#ffffff4d;border:none;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:0;transition:background var(--transition-fast),transform var(--transition-fast);width:32px}.version-close:hover{background:#ffffff80;transform:scale(1.1)}.version-content{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.version-item{border-bottom:1px solid #0000000f;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.version-item:last-child{border-bottom:none}.version-number{background:var(--gradient-primary);border-radius:var(--radius-sm);color:var(--color-text);flex-shrink:0;font-size:.8rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.version-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.4}@media (max-width:900px){.nav-menu{gap:var(--spacing-xs)}.nav-menu a,.nav-menu button{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:768px){.Header{height:56px;min-height:56px;padding:0 var(--spacing-sm)}.logoHeader{height:28px}.hamburger{flex-shrink:0;opacity:1;order:3;pointer-events:auto;visibility:visible}.nav-menu{flex:1 1;margin-left:var(--spacing-sm);margin-right:var(--spacing-sm);order:2}.nav-primary{flex:1 1;justify-content:center}.nav-primary a{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.nav-secondary{align-items:stretch;background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:0 4px 16px #4f769c59;flex-direction:column;gap:var(--spacing-xs);min-width:140px;opacity:0;padding:var(--spacing-md) var(--spacing-lg);pointer-events:none;position:fixed;right:var(--spacing-sm);top:60px;transform:translateY(-4px);transition:none;visibility:hidden;z-index:calc(var(--z-header) + 1)}.nav-menu.open .nav-secondary{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;visibility:visible}.nav-secondary li{display:flex;width:100%}.nav-secondary li:last-child{padding-bottom:var(--spacing-sm)}.nav-secondary a,.nav-secondary button{border-radius:var(--radius-md);font-size:1rem;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-align:center;width:100%}.nav-secondary .version-badge{background:#0000!important;border-radius:var(--radius-md)!important;font-size:1rem!important;font-weight:var(--font-weight-normal)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.nav-secondary .version-badge:hover{background:#ffffff40!important}.nav-secondary .version-badge:after{content:" ▾";display:inline-block;font-size:.8em;transition:transform var(--transition-fast)}.nav-secondary .version-badge[aria-expanded=true]:after{transform:rotate(180deg)}.nav-secondary .version-badge[aria-expanded=true]{background:#ffffff4d!important}.nav-backdrop{background:#0000004d;bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:56px;transition:opacity .3s ease;z-index:var(--z-header)}.nav-backdrop.visible{opacity:1;pointer-events:auto}.version-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;max-height:70vh;max-width:100%;overflow-y:auto;right:0;top:auto;transform:translateY(100%);width:100%}.version-modal.visible{transform:translateY(0)}.version-modal-header{position:-webkit-sticky;position:sticky;top:0}}@media (min-width:1200px){.Header{padding:0 var(--spacing-xl)}.nav-menu{margin-left:var(--spacing-xl)}.nav-menu ul{gap:var(--spacing-sm)}}img{background-color:#8ec5fc88;border-radius:.2em}.page,img{width:100%}.page{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:0 auto;max-width:900px;min-height:0;overflow-x:hidden;padding:0 var(--spacing-lg);padding-bottom:var(--spacing-2xl)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-left:0;margin-top:var(--spacing-lg);text-align:left}h1,h2{font-family:Montserrat,sans-serif}h2{border-top:4px solid #161d6d;font-size:2em;font-weight:600;margin-left:auto;margin-right:auto;max-width:600px;padding-top:var(--spacing-md);scroll-margin-top:80px;text-align:center}hr{background-color:#4b4b4b;height:1em}.img-card{background-color:#fff3;border-radius:.5em;box-shadow:5px 5px 10px #434c5e;flex:1 1 250px;max-width:300px;min-width:180px;z-index:4}.separator{height:var(--spacing-2xl);width:100%}figcaption{font-family:Montserrat,sans-serif;font-size:.875em;font-weight:300;text-align:center}.sectionParagraphe-row{display:flex;flex-direction:row;font-size:1.5em;padding-left:0;padding-right:0}.sectionParagraphe-column{align-items:flex-start;display:flex;flex-direction:column;font-size:clamp(1rem,1vw + .9rem,1.4rem);margin:auto;padding-left:0;padding-right:0;width:100%}.sectionParagraphe-column p,.sectionParagraphe-row p{font-size:1.1em;max-width:75ch;padding-left:0;width:100%}.important li,.information li,.sectionParagraphe-column li,.sectionParagraphe-row li{line-height:1.6;padding:.4em 0}.important ol,.important ul,.information ol,.information ul,.sectionParagraphe-column ol,.sectionParagraphe-column ul,.sectionParagraphe-row ol,.sectionParagraphe-row ul{margin:.5em 0;padding-left:1.5em}.important{border:solid;border-color:#b2cdff7a;border-radius:1em;border-width:thin;font-weight:600!important}.important,.information{font-family:Montserrat,sans-serif}.information{font-weight:300!important}.important,.information{border-radius:1em;box-shadow:25px 25px 50px #7283a385,-25px -25px 50px #b2cdff83;box-sizing:border-box;margin:auto;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl);padding:var(--spacing-sm);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);width:100%}.important p,.information p{padding-left:0;width:100%}.logo{position:absolute;right:10px;top:10px;width:10vmax}.img-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-lg);margin-top:var(--spacing-xl);width:100%}.img-wrapper,.nextButton{align-items:center;justify-content:center}.nextButton{background-image:linear-gradient(90deg,#8ec5fc,#e0c3fc);border-radius:5em;box-shadow:25px 25px 50px #7283a3,-25px -25px 50px #b2cdff;color:#242d88;display:inline-flex;font-family:Montserrat;font-size:2em;font-weight:600!important;margin:var(--spacing-xl) auto var(--spacing-2xl) auto;min-height:44px;padding:.5em 1.5em;text-align:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.nextButton:hover{box-shadow:30px 30px 60px #7283a3,-30px -30px 60px #b2cdff;transform:translateY(-2px)}.nextButton:active{transform:translateY(0)}.nextButton:focus-visible{outline:2px solid #4481eb;outline-offset:3px}#clickCube{align-items:center;background:#ffffffd9;border-radius:.5em;bottom:15%;box-shadow:0 4px 20px #00000026;display:flex;font-family:Montserrat,sans-serif;font-size:1.2em;font-weight:600;justify-content:center;left:calc(35% - 15vw);max-width:400px;min-width:200px;padding:.75em 1.5em;pointer-events:none;position:absolute;text-align:center;width:30vw;z-index:9}#homepage{display:flex;flex:1 1 auto;flex-direction:row;height:calc(100% - 56px);margin:0;max-height:100%;max-width:100%;min-height:0;padding:0;position:fixed;top:56px;width:100vw}#sideLanding{align-items:center;background-image:linear-gradient(90deg,#8ec5fc,#e0c3fc);box-shadow:-4px 0 10px #4f769c;flex:none;min-width:280px;overflow-y:auto;padding:5%;width:30%;z-index:2}#sideLanding,#sideLandingContent{display:flex;flex-direction:column}#sideLandingContent{margin:auto;max-width:100%;overflow:hidden;width:100%}#sideLanding h1{word-wrap:break-word;font-size:clamp(2em,4vw,4em);margin:0;overflow-wrap:break-word;text-align:left}#sideLanding h2{border-top:none;color:#242b38;font-size:clamp(1em,2vw,1.5em);margin:0;text-align:left}#sideLanding p{word-wrap:break-word;font-size:clamp(1em,1.5vw,1.5em);overflow-wrap:break-word}.nextButton a:hover{color:#010814}.img-card:hover{transform:scale(1.1)}.centered{align-items:center}.glossary{background-color:#ffffff4d;border-radius:1em;box-shadow:25px 25px 50px #7283a385,-25px -25px 50px #b2cdff83;box-sizing:border-box;margin:auto;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-md);max-width:100%;overflow-x:hidden;padding:1.5em 2em;width:100%}.glossary ul{column-count:2;column-gap:2em;list-style:none;margin:0;padding:0}.glossary li{word-wrap:break-word;border-bottom:1px solid #0000001a;break-inside:avoid;line-height:1.6;overflow-wrap:break-word;padding:.6em 0;page-break-inside:avoid}.glossary li:last-child{border-bottom:none}.sectionParagraphe-column h4{color:#242d88;font-family:Montserrat,sans-serif;font-size:1.1em;font-weight:600;margin-bottom:.5em}.important h4,.information h4{margin-top:.5em}.reading-progress-container{background:#0000001a;height:3px;left:0;position:fixed;right:0;top:56px;z-index:100}.reading-progress{background:var(--gradient-button);height:100%;transition:width .1s ease-out}.toc{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;font-family:Montserrat,sans-serif;font-size:.9rem;left:var(--spacing-lg);max-height:calc(100vh - 150px);overflow-y:auto;padding:var(--spacing-md);position:fixed;top:120px;width:200px}.toc-title{border-bottom:2px solid #161d6d;color:#161d6d;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);text-transform:uppercase}.toc-link{border-left:2px solid #0000;color:#4b5563;display:block;font-weight:500;line-height:1.4;padding:var(--spacing-xs) 0;padding-left:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.toc-link:hover{background:#8ec5fc33;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#161d6d}.toc-link.active{background:#8ec5fc4d;border-left-color:#4481eb;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#161d6d;font-weight:600}@media (max-width:1200px){.toc{display:none}}.back-to-top{align-items:center;background-image:linear-gradient(90deg,#8ec5fc,#e0c3fc);border:none;border-radius:50%;bottom:var(--spacing-xl);box-shadow:8px 8px 16px #7283a3,-8px -8px 16px #b2cdff;color:#242d88;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:var(--spacing-xl);transform:translateY(10px);transition:opacity var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-fast);width:50px;z-index:50}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{box-shadow:10px 10px 20px #7283a3,-10px -10px 20px #b2cdff;transform:translateY(-2px)}.back-to-top:active{transform:translateY(0)}.back-to-top:focus-visible{outline:2px solid #4481eb;outline-offset:3px}.back-to-top svg{stroke-width:2.5;height:22px;width:22px}@media only screen and (max-width:768px){.page{padding:0 var(--spacing-md)}.page strong{white-space:normal}.important,.information{word-wrap:break-word;overflow-wrap:break-word;padding-left:var(--spacing-md);padding-right:var(--spacing-md);width:100%}.sectionParagraphe-column p,.sectionParagraphe-row p{padding-left:0;width:100%}.img-card{flex:1 1 100%;max-width:400px;min-width:auto;width:100%}.logo{width:5vmax}h1{font-size:3em}h2{font-size:2em;margin-left:3%;margin-right:3%}.img-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center}.nextButton{font-size:1.5em;height:auto;padding:.75em 1.5em}#clickCube{bottom:auto;font-size:1em;left:50%;max-width:none;min-width:auto;top:calc(55vh - 2em);transform:translateX(-50%);width:80vw}#homepage{flex-direction:column;height:calc(100vh - 56px)}#homepage>div:first-child{flex:1 1;min-height:0}#sideLanding{box-sizing:border-box;flex-shrink:0;height:auto;max-height:45vh;min-width:auto;overflow-y:auto;padding:5%;width:100%}#sideLanding h1{font-size:2em}#sideLanding h2{font-size:1.3em}#sideLanding p{font-size:1em}.glossary{padding:1em;width:100%}.glossary ul{column-count:1}.back-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg)}}
/*# sourceMappingURL=main.66065d3a.css.map*/