@layer config,base,components,utilities;@layer components{.hero-home[data-v-fef50648]{padding-block:var(--spacing-l) var(--spacing-xl)}.hero-box[data-v-fef50648]{display:grid;position:relative;justify-items:center;padding:clamp(3rem,2rem + 6vw,8rem) var(--spacing-m);border-radius:var(--radius-24);background:var(--surface-dim);color:var(--on-surface-text);gap:var(--spacing-m);text-align:center}.hero-eyebrow[data-v-fef50648]{min-height:1lh;margin:0;color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.hero-title[data-v-fef50648]{margin:0;font-size:clamp(3.25rem,1rem + 8vw,8.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.035em;line-height:.98;text-wrap:balance}.hero-dot[data-v-fef50648]{display:inline-block;transform-origin:50% 85%;transition:color .4s ease;color:var(--accent-green)}.hero-lead[data-v-fef50648]{max-width:46ch;margin:0;font-size:var(--text-xl);line-height:1.6;text-wrap:balance}.hero-link[data-v-fef50648]{padding-inline:.06em;transition:background-size var(--transition-duration) ease;background:linear-gradient(var(--u),var(--u)) 0 100% /100% 2px no-repeat,linear-gradient(var(--t),var(--t)) 0 100% /100% 0 no-repeat;color:inherit;text-decoration:none}.hero-link[data-v-fef50648]:is(:hover,:focus-visible){background-size:100% 2px,100% 100%;color:inherit}.hero-link.c-green[data-v-fef50648]{--u:var(--dg-green);--t:var(--dg-green-tint)}.hero-link.c-blue[data-v-fef50648]{--u:var(--dg-blue);--t:var(--dg-blue-tint)}.hero-link.c-pink[data-v-fef50648]{--u:var(--dg-pink);--t:var(--dg-pink-tint)}.hero-link.c-yellow[data-v-fef50648]{--u:var(--dg-yellow);--t:var(--dg-yellow-tint)}.hero-link.c-orange[data-v-fef50648]{--u:var(--accent-orange);--t:color-mix(in srgb,var(--accent-orange) 14%,transparent)}.hero-actions[data-v-fef50648]{display:flex;flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-s);gap:.75rem}.hero-mascot[data-v-fef50648]{position:absolute;right:var(--spacing-l);bottom:0;width:120px;height:auto}@media not (min-width:48rem){.hero-mascot[data-v-fef50648]{display:none}}abbr[data-v-fef50648]{text-decoration:none}}.code-editor[data-v-27ab1f39]{display:flex;flex-direction:column;width:100%;height:100%;min-height:320px;max-height:460px;overflow:hidden;border:1px solid var(--color-slate-800);border-radius:var(--radius-24);background-color:var(--color-slate-900);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;color:var(--color-slate-300);font-family:Menlo,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6}.editor-header[data-v-27ab1f39]{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-slate-800);background-color:var(--color-black-alpha)}.window-controls[data-v-27ab1f39]{display:flex;gap:.5rem;margin-right:1rem}.control[data-v-27ab1f39]{width:.75rem;height:.75rem;border-radius:50%}.control.close[data-v-27ab1f39]{background-color:#ff5f56}.control.minimize[data-v-27ab1f39]{background-color:#ffbd2e}.control.maximize[data-v-27ab1f39]{background-color:#27c93f}.filename[data-v-27ab1f39]{opacity:80%;color:var(--color-slate-400);font-family:var(--font-base);font-size:.8rem}.editor-body[data-v-27ab1f39]{display:flex;flex:1;padding:1rem 0;overflow:auto}.line-numbers[data-v-27ab1f39]{display:flex;flex-direction:column;min-width:3.5rem;margin-right:1rem;padding:0 1rem;border-right:1px solid var(--color-slate-800);color:var(--color-slate-600);text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-content[data-v-27ab1f39]{flex:1;padding-right:1rem;white-space:pre}.code-content pre[data-v-27ab1f39]{margin:0;overflow:hidden;line-height:inherit;text-wrap:nowrap}.code-content[data-v-27ab1f39] ::-moz-selection{color:var(--color-slate-900)}.code-content[data-v-27ab1f39] ::selection{color:var(--color-slate-900)}.cursor[data-v-27ab1f39]{display:inline-block;width:.6em;height:1.2em;animation:blink-27ab1f39 1s step-end infinite;opacity:70%;background-color:var(--color-blue-400);vertical-align:text-bottom}@keyframes blink-27ab1f39{0%,to{opacity:70%}50%{opacity:0}}.editor-body[data-v-27ab1f39]::-webkit-scrollbar{width:8px;height:8px}.editor-body[data-v-27ab1f39]::-webkit-scrollbar-track{background:var(--color-slate-900)}.editor-body[data-v-27ab1f39]::-webkit-scrollbar-thumb{border-radius:4px;background:var(--color-slate-700)}.music-player[data-v-991c949e]{display:flex;position:relative;flex-direction:column;width:100%;min-width:356px;max-width:360px;padding:var(--spacing-12) var(--spacing-32) var(--spacing-16) var(--spacing-32);transition:transform .3s ease;border-radius:var(--radius-24);background-color:light-dark(var(--color-slate-800),var(--color-slate-200));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:light-dark(var(--color-white),var(--color-slate-800));gap:.5rem}.music-player.is-playing[data-v-991c949e]{transform:matrix3d(1,0,0,-.0001,0,1,0,0,0,1,1,0,0,0,0,1)}.player-header[data-v-991c949e]{display:flex;align-items:center;justify-content:space-between}.header-title[data-v-991c949e]{font-size:1.1rem;font-weight:700}.icon-btn[data-v-991c949e]{display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .2s;border:none;background:none;color:light-dark(var(--color-white),var(--color-slate-800));cursor:pointer}.heart-btn[data-v-991c949e]:focus,.heart-btn[data-v-991c949e]:hover{color:var(--color-pink-500)}.heart-btn.has-liked[data-v-991c949e]{color:var(--color-pink-500)}.heart-btn.has-liked svg[data-v-991c949e]{fill:var(--color-pink-500)}.cover-container[data-v-991c949e]{position:relative;width:100%;overflow:hidden;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000004d;aspect-ratio:1}.cover-image[data-v-991c949e]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slide-next-enter-active[data-v-991c949e],.slide-next-leave-active[data-v-991c949e],.slide-prev-enter-active[data-v-991c949e],.slide-prev-leave-active[data-v-991c949e]{transition:transform .3s ease,opacity .3s ease}.slide-next-enter-from[data-v-991c949e]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-991c949e],.slide-prev-enter-from[data-v-991c949e]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-991c949e]{transform:translate(100%);opacity:0}.track-info[data-v-991c949e]{text-align:center}.track-title[data-v-991c949e]{margin:var(--spacing-8) 0 0 0;color:light-dark(var(--color-slate-200),var(--color-slate-800));font-size:var(--text-20);font-weight:var(--font-weight-bold)}.track-artist[data-v-991c949e]{margin:0;color:light-dark(var(--color-slate-400),var(--color-slate-600));font-size:var(--text-16)}.progress-container[data-v-991c949e]{width:100%;height:6px;overflow:hidden;border-radius:9999px;background-color:light-dark(hsla(0,0%,100%,.2),var(--color-slate-400));cursor:pointer}.progress-bar[data-v-991c949e]{width:100%;height:100%}.progress-fill[data-v-991c949e]{height:100%;transition:width .1s linear;border-radius:9999px;background-color:light-dark(var(--color-yellow-300),var(--color-pink-500))}.controls[data-v-991c949e]{display:flex;align-items:center;justify-content:space-between}.control-sm[data-v-991c949e]{opacity:70%}.control-md[data-v-991c949e]:disabled{opacity:50%;cursor:not-allowed}.control-sm.active[data-v-991c949e]{opacity:100%;color:var(--color-yellow-300)}.control-md[data-v-991c949e]{transform:scale(1.2)}.play-btn[data-v-991c949e]{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;transition:transform .1s;border:none;border-radius:50%;background-color:#a3e635;box-shadow:0 4px 6px -1px #0000001a;color:var(--color-slate-800);cursor:pointer}.play-btn[data-v-991c949e]:active{transform:scale(.95)}.equalizer[data-v-991c949e]{display:flex;position:absolute;z-index:10;inset:0;align-items:flex-end;justify-content:center;pointer-events:none;gap:.5rem;mix-blend-mode:color-dodge}.bar[data-v-991c949e]{width:40px;transition:height .1s ease;border-radius:2px;background-color:#4b4a4a}@layer config,base,components,utilities;@layer components{.tabs-container:not(:last-child){margin-bottom:var(--spacing-l)}.tabs{display:flex;flex-wrap:nowrap;margin:0 0 var(--spacing-m) calc(var(--spacing-4)*-1);padding:var(--spacing-4);overflow-x:auto;list-style:none;gap:var(--spacing-8)}.tabs>*{flex-shrink:0}@media not (min-width:64rem){.tabs::-webkit-scrollbar{height:var(--spacing-4)}.tabs::-webkit-scrollbar-thumb{background-color:var(--color-gray-500)}}.tab-panels [data-layout*=duo]{align-items:stretch}.tab-panels img{max-height:460px;border-radius:var(--radius-24);-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}}.appsweb-diagram[data-v-bd1a540f]{display:flex;position:relative;align-items:center;justify-content:center;height:var(--block-size,470px);overflow:hidden;background-color:light-dark(var(--color-slate-900),var(--color-slate-800))}.appsweb-log-wrap[data-v-bd1a540f]{position:absolute;z-index:10;width:var(--log-width,25%);inset-block:0;inset-inline-start:0}.appsweb-wall-wrap[data-v-bd1a540f]{position:absolute;z-index:10;bottom:var(--spacing-16);left:calc(25% + var(--spacing-16));padding:var(--spacing-8);border-radius:var(--radius-8);background-color:light-dark(var(--color-slate-800),var(--color-slate-900))}.appsweb-technos-wrap[data-v-bd1a540f]{display:flex;position:absolute;align-items:center;justify-content:center;width:52%;inset-block:0;inset-inline-start:24%}.appsweb-floating-avatars-wrap[data-v-bd1a540f]{width:50%;height:100%;margin-right:25%;margin-left:25%;overflow:hidden}.appsweb-chart-wrap[data-v-bd1a540f]{position:absolute;z-index:10;width:var(--chart-width,25%);background-color:light-dark(var(--color-slate-800),var(--color-slate-900));inset-block:0;inset-inline-end:0}.appsweb-juice-wrap[data-v-bd1a540f]{position:absolute}.appsweb-emoji-wrap[data-v-bd1a540f]{position:absolute;inset-block-start:50%;translate:0 -50%}.appsweb-emoji-wrap--idees[data-v-bd1a540f]{inset-inline-start:calc(var(--log-width, 25%) + 12rem)}.appsweb-emoji-wrap--resultat[data-v-bd1a540f]{inset-inline-end:calc(var(--chart-width, 25%) + 1.5rem)}.appsweb-btn-pause[data-v-bd1a540f]{display:flex;position:absolute;z-index:20;align-items:center;justify-content:center;padding:0;border:0;color:var(--color-gray-400);cursor:pointer;inset-block-end:.5rem;inset-inline-end:.5rem}.appsweb-btn-pause[data-v-bd1a540f]:is(:hover,:focus-visible){outline:none;color:var(--color-white)}
