@import"https://fonts.googleapis.com/css2?family=VT323&family=IBM+Plex+Mono:wght@400;600&display=swap";@font-face{font-family:Andale Mono;src:url(/fonts/ANDALEMO%202.TTF) format("truetype");font-display:swap}@font-face{font-family:Slice Regular;src:url(/fonts/SliceRegular.otf) format("opentype");font-style:normal}@font-face{font-family:Didot-Italic;src:url(/fonts/Didot-Italic.ttf) format("truetype");font-style:italid}@font-face{font-family:Retro Font;src:url(/fonts/PF%20Pixelscript%20Pro%20Regular.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Snell Roundhand;src:url(/fonts/snell_roundhand/SnellRoundhandLTStd-Scr.ttf) format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Snell Roundhand bold;src:url(/fonts/snell_roundhand/SnellRoundhandLTStd-BdScr.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:ITC Machine Bold;src:url(/fonts/ITC%20Machine%20Bold.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:UnivesalCondBlack Regular;src:url(frontend/public/fonts/UniversalCondBlack\ Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Karrik;src:url(/fonts/Karrik-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Terminal;src:url(/fonts/terminal-grotesque-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{font-weight:400;line-height:1.2;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-color-clear: rgba(252, 240, 240, 1);--font-color-dark: rgba(26, 26, 26, .757);--color-yellow-body: rgba(221, 255, 0, .87);--home-page-bg-color: #f5f5f5;--mosaic-bg-color: #f6f0f0;--mosaic-border-color: rgb(136, 134, 134);--main-font: "Andale Mono", ui-monospace;--secondary-font: "Slice Regular", Arial, sans-serif;--italic-font: "Didot-Italic", serif;--retro-font: "Retro Font", Arial, sans-serif;--popup-font: "ITC Machine Bold", Arial, sans-serif;--hand-font: "Snell Roundhand", cursive;--copy-link-font: "UnivesalCondBlack Regular", Arial, sans-serif;--whisper1-font: "Karrik", sans-serif;--whisper2-font: "Terminal", sans-serif}:root::-webkit-scrollbar{display:none}:root{-ms-overflow-style:none;scrollbar-width:none}body{margin:0;font-family:var(--main-font);display:flex;place-items:center;min-width:320px;min-height:100vh;background:#fff}a{color:var(--font-color-clear);font-weight:900}button{cursor:pointer}@media (max-width: 900px){:root{font-size:.95em}h1{font-size:2.2em}}@media (max-width: 625px){:root{font-size:.85em}h1{font-size:1.5em}body{min-width:100vw}}#root{width:100%;max-width:100vw;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@media (max-width: 900px){.card{padding:1em}h1{font-size:2.2em}}@media (max-width: 625px){.card{padding:.5em}h1{font-size:1.5em}.logo{height:3em;padding:.5em}}.card{padding:2em}.read-the-docs{color:#888}.mecene-button{position:fixed;top:20px;left:20px;z-index:500;cursor:pointer;display:inline-block;text-decoration:none}.mecene-button-img{width:auto;height:auto;max-width:250px;display:block;transition:all .3s ease}@media screen and (max-width: 625px){.mecene-button{position:absolute;top:0%;left:66vw}.mecene-button-img{max-width:130px}}.stacked-folder-container{display:flex;gap:1rem;width:100%;height:100vh;position:relative;background-color:var(--home-page-bg-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2rem 1rem;box-sizing:border-box;align-items:flex-start}.stack-wrapper{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.folder-stack{display:flex;flex-direction:column;align-items:center;width:100%}.folder-stack .folder-card--header{margin-bottom:0!important}.folder-stack .folder-card--header:hover,.folder-stack .folder-card--header:focus-within{margin-bottom:0!important;z-index:auto}.folder-stack .folder-card--header:hover .folder-header,.folder-stack .folder-card--header:focus-within .folder-header{opacity:0}.folder-card.folder-card--active{margin-bottom:1em!important;z-index:10}.folder-card.folder-card--active .folder-header{opacity:1}.folder-card.folder-card--active .folder-main-content{opacity:1;margin-left:2rem}.scroll-track{width:20px;height:calc(100% - 40px);border:solid 1px rgb(200,200,200);border-radius:6px;position:relative;flex-shrink:0;margin-top:120px;height:50vh}.scroll-thumb{width:100%;height:60px;background:none;border-radius:6px;cursor:grab;transition:opacity .2s ease;position:absolute;left:0;touch-action:none;display:flex;align-items:center;justify-content:center}.scroll-thumb img{width:50px;height:50px;object-fit:contain;display:block;transform:rotate(-90deg);margin-right:1rem}.scroll-thumb:hover{opacity:.8}.scroll-thumb.dragging{opacity:.9;cursor:grabbing}@media screen and (max-width: 625px){.scroll-track{width:1px}.scroll-thumb{height:50px}.folder-stack .folder-card{height:100px;max-height:100px;margin-bottom:-70px;width:90%;max-width:90%}.folder-stack .folder-svg-wrapper{height:75px}.folder-stack .folder-title{font-size:.85rem}.folder-stack .folder-author{font-size:.6rem}.folder-stack .folder-content{padding:.3em 1em 0}.folder-stack .folder-card--header{margin-bottom:0!important}.folder-stack .folder-card--footer{width:90%;margin-top:1rem}}.chunk-navigation{position:absolute;bottom:1%;left:50%;transform:translate(-50%);width:100%}.chunk-navigation button{background-color:transparent;color:#000}chunk-nav-btn{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;color:#000;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chunk-nav-btn:hover:not(:disabled){background:#fff6;transform:scale(1.1)}.chunk-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:scale(.9)}.intro_replay_btn{position:fixed;top:20px;right:20px;z-index:500;background:none;border:none;color:#94a33d;font-size:1rem;font-weight:700;cursor:pointer;padding:.5rem 1rem;font-family:Snell Roundhand,cursive;transition:all .3s ease;text-decoration:none}.intro_replay_btn:hover{transform:scale(1.1);text-shadow:0 0 10px rgba(35,41,0,.5)}.intro_replay_btn:active{transform:scale(.95)}@media screen and (max-width: 625px){.intro_replay_btn{font-size:.85rem;top:10px;right:10px;padding:.3rem .8rem}}.gossip-room-btn{position:fixed;bottom:20px;right:10px;z-index:500;background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease}.gossip-room-btn img{width:350px;height:auto;display:block;transition:transform .3s ease}.gossip-room-btn:hover img{transform:scale(1.1)}.gossip-room-btn:active img{transform:scale(.95)}@media screen and (max-width: 625px){.gossip-room-btn{top:70%;left:50%;transform:translate(-50%);width:fit-content;height:fit-content;padding:0}.gossip-room-btn img{width:200px}}.blog-intro{padding:2rem;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:var(--home-page-bg-color);color:#010000;line-height:1.7;font-family:Andale Mono,monospace}.blog-intro p{max-width:1200px;font-size:1rem}@media screen and (max-width: 625px){.blog-intro{padding:.5rem;line-height:1.2}.blog-intro p{max-width:350px;font-size:.9rem}}.folders-stack--wrapper{width:100%;max-width:100vw;height:100vh;max-height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:0 1rem;box-sizing:border-box;background-color:var(--home-page-bg-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20}.folders-stack{margin-top:5rem;height:100%}.folder-card{width:100%;max-width:600px;min-width:280px;height:150px;max-height:250px;margin-bottom:-110px;border-radius:12px;position:relative;z-index:1;overflow:visible;transition:all .7s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.folder-card.folder-card--expanded{z-index:100;position:relative}@media (hover: none) and (pointer: coarse){.folder-card{margin-bottom:-110px}.folder-card{position:relative}}.folder-card--header{margin-top:0;margin-bottom:-60px}.folder-card--footer{width:700px;margin-top:2rem}.folder-card:hover,.folder-card:focus-within{margin-bottom:1em;z-index:10}.folder-card:hover .folder-header,.folder-card:focus-within .folder-header{opacity:1}.folder-card:hover .folder-main-content,.folder-card:focus-within .folder-main-content{opacity:1}.folder-svg-wrapper{width:100%;height:110px;position:relative;border-radius:12px;display:flex;align-items:center;justify-content:center}.folder-image-link{display:block;text-decoration:none}.folder-image{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;border-radius:12px}.folder-content{position:absolute;top:50%;left:10%;width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.5em 2em 0;box-sizing:border-box;pointer-events:auto}.folder-header{width:350px;margin-left:1rem;display:flex;justify-content:space-between;align-items:center;z-index:2;opacity:0;transition:opacity .4s cubic-bezier(.34,1.56,.64,1)}.folder-title{font-size:1.2rem;color:var(--font-color-dark);transition:color .5s cubic-bezier(.77,0,.18,1)}.folder-author{font-size:.8rem;color:var(--font-color-dark);transition:color .5s cubic-bezier(.77,0,.18,1)}.folder-main-content{position:absolute;top:80%;font-size:.6rem;color:var(--font-color-dark);text-align:left;opacity:0}@media (hover: none) and (pointer: coarse){.folder-card--expanded{margin-bottom:50px}.folder-card--expanded .folder-header,.folder-card--expanded .folder-main-content{opacity:1}.folder-card--expanded~.folder-card,.folder-card--expanded~.folder-card~.folder-card{opacity:.5;pointer-events:none}.folder-card+.folder-card--expanded~.folder-card{opacity:.5}}@media (hover: hover){.folder-card{position:relative}.folder-card:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:50px;pointer-events:auto}.folder-card:hover .folder-header,.folder-card:has(>*:hover):after:hover~.folder-header,.folder-card:hover .folder-main-content,.folder-card:has(>*:hover):after:hover~.folder-main-content{opacity:1}}@media screen and (max-width: 625px){.folders-stack{height:auto;min-height:100vh;justify-content:start;overflow-y:auto;padding-top:1rem;padding-bottom:1rem}.folder-content{left:5%}.folder-header{width:170px}.folder-card:first-child{margin-top:1rem;margin-bottom:0}.folder-card--header{margin:0}.folder-card--footer{width:400px}}.stack-index-buttons{position:absolute;bottom:5%;display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap;z-index:1}.stack-index-btn{width:24px;height:24px;border-radius:50%;border:2px solid #ccc;background:transparent;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.stack-index-btn:hover{background:#fff3;border-color:#fff}.stack-index-btn.active{background:#fff;color:#000;border-color:#fff}.filter-bar{position:absolute;bottom:3%;width:100%;display:flex;justify-content:center;gap:5rem}.filter-btn{border:none;background:none;color:#000;font-family:var(--main-font);font-size:1rem;letter-spacing:3px}.filter-btn--active{transform:rotate(180deg);color:#685b5b}.filter-btn:hover{transform:scale(1.1) translateY(-10px);letter-spacing:1px;transition:transform .3s ease-in-out}.filter-trigger-btn{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:200;background:transparent;border:none}.filter-overlay{position:fixed;width:100vw;max-width:100%;height:100vh;background-image:url(https://pub-f40c928893604e5a88020abc31e69a5e.r2.dev/background/sparkles.gif);background-color:#000000cd;z-index:2000;display:flex;justify-content:center;align-items:center}.filter-overlay--panel{position:relative;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.filter-overlay--close{position:absolute;top:5%;left:5%;background-color:transparent;border:none;padding:.5rem;color:#fff;font-family:var(--whisper2-font);font-size:2.5rem}.filter-overlay--list{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6rem;padding:0!important;margin:0!important}.filter-overlay--item{font-size:3rem;letter-spacing:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;background-color:transparent;border:none;font-family:var(--whisper2-font);color:#fff}.filter-overlay--item--active{transform:rotate(180deg);color:#685b5b}.comments-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;width:100%;height:100%;background-image:url(https://pub-f40c928893604e5a88020abc31e69a5e.r2.dev/background/espace_comm.jpg);background-size:100%}.comments-first-part{width:100%;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.comments-section--title{background:linear-gradient(90deg,#b39ddb,#f4a0a0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:2rem;font-family:var(--retro-font);min-height:10vh;display:flex;justify-content:center;align-items:center}.comment-form{width:500px;max-width:85vw}.button_comments{font-family:var(--whisper1-font);letter-spacing:3px;font-size:1.2rem;padding:.15rem .5rem;background:linear-gradient(90deg,#b39ddb,#f4a0a0);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0003}.button_comments:hover{background:linear-gradient(90deg,#a0f4e9,#dbb89d);transform:translateY(-2px)}.comment-form textarea,.comment-form select,.comment-form input{font-size:16px!important;padding:.5rem;width:100%;box-sizing:border-box;background-color:#fcfafa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#151212}@media screen and (max-width: 625px){.comment-form textarea,.comment-form select{transform:scale(.8);width:125%}}.comment-form select{padding:.5rem;width:100%;box-sizing:border-box;color:#ac4747;font-weight:900}.comment-form textarea{padding:.5rem;width:100%;box-sizing:border-box;color:#151212}.empty-comments{text-align:center;margin-bottom:3rem}.comments-list{width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.comment-item{width:70%;max-width:70%;text-align:left;margin-left:2rem;margin-bottom:3rem;border-bottom:1px solid #80807d;background-color:#c4bd9820;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:1rem 0;padding-bottom:1rem}.comment-header{display:flex;justify-content:space-between}.comment-header strong{color:#ad00ad}span.date{font-size:.9em;color:#363636}.comment-body{display:flex;flex-direction:column;width:100%;max-width:90vw;word-wrap:break-word;overflow-wrap:break-word;color:#000}.comment-warning-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.comment-warning-popup{background-color:#fff4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#c5c1c1;font-weight:900;padding:2rem;border-radius:8px;max-width:600px;width:90%;box-shadow:0 4px 6px #0000001a;border:solid rgba(255,255,255,.541) 10px;text-align:left}.comment-warning-popup h2{margin-top:0;font-family:Snell Roundhand,cursive;color:#d2403b;font-size:2.5rem;border-bottom:dashed 2px grey;width:fit-content}.comment-warning-popup p{font-family:var(--copy-link-font);color:#cfcacae8;line-height:1.6;font-size:1.15rem;margin-bottom:1rem}.btn-agree-warning{margin-top:1rem;font-family:Snell Roundhand,cursive;font-size:1.2rem;background-color:#464646;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s;width:100%}.btn-agree-warning:hover{background-color:#4cae4c}@media screen and (max-width: 625px){.comment-warning-popup{max-width:250px}.comment-warning-popup h2{font-size:2rem;text-align:center}.comment-warning-popup p{font-size:1rem;line-height:1.2}.comments-section--title{font-size:1.5rem;font-family:var(--retro-font);min-height:12vh}.comment-form select,.comment-form textarea{font-size:8px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.random-icon-spot{animation:fadeInScale .5s ease-out;pointer-events:none}.random-icon-spot.animate{animation:fadeInScale .5s ease-out,float 3s ease-in-out infinite}.random-icon-spot.spin{animation:fadeInScale .5s ease-out,spin 4s linear infinite}.icon-spot-container{position:relative}@media (max-width: 768px){.random-icon-spot{width:60px!important;height:60px!important}}.share-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.share-modal{position:fixed;top:50%;left:5%;width:fit-content;height:fit-content;max-width:calc(100% - 40px);transform:translateY(-50%);box-shadow:0 10px 40px #0000004d;border-radius:12px;z-index:1000;overflow:visible;background-color:transparent}.share-modal-bg{display:block;width:350px;border-radius:5px;height:auto;max-width:100%;object-fit:contain}.share-modal-header{font-family:var(--copy-link-font);display:flex;justify-content:space-between;align-items:center;padding:20px;position:absolute;top:0;left:0;right:0;z-index:3}.share-modal-header h2{margin:0;font-size:1.3rem;font-weight:700}.share-modal-close{background:none;border:none;color:#000;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.share-modal-close:hover{color:#ff007b}.share-modal-content{padding:120px 20px;display:flex;flex-direction:column;gap:5px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.share-modal-url-link{font-family:var(--copy-link-font);color:#ff007b;font-size:1rem;text-transform:uppercase;cursor:pointer;padding:15px;border-radius:8px;display:block;word-break:break-all;transition:all .2s ease}.share-modal-url-link:hover{opacity:.8;transform:scale(1.02)}.share-modal-url-display,.share-modal-url,.share-modal-copy-btn{display:none}@media (max-width: 600px){.share-modal-bg{display:block;width:250px;border-radius:5px;height:auto;max-width:100%;object-fit:contain}.share-modal-header{padding:10px 0 0}.share-modal-close{font-size:17px}.share-modal-content{padding:80px 20px}}.interactive-icon{pointer-events:auto!important;cursor:pointer!important;transition:all .2s ease}.interactive-icon:hover{transform:scale(1.1);filter:brightness(1.2)}.interactive-icon:active{transform:scale(.95)}.interactive-icon-container{position:relative}@keyframes iconGlow{0%{filter:drop-shadow(0 0 0px rgba(102,126,234,0))}50%{filter:drop-shadow(0 0 8px rgba(102,126,234,.6))}to{filter:drop-shadow(0 0 0px rgba(102,126,234,0))}}.interactive-icon:hover{animation:iconGlow .6s ease-in-out}@media (max-width: 768px){.interactive-icon:hover{transform:none;filter:brightness(1.3)}}.dq-root{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(circle at 10% 15%,rgba(160,187,202,.12),transparent 34%),radial-gradient(circle at 85% 10%,rgba(164,132,147,.14),transparent 40%),linear-gradient(180deg,#2e3777,#160f33);font-family:VT323,monospace;padding:0 1rem 2rem;box-sizing:border-box;overflow:hidden}.dq-page-header{position:sticky;top:0;z-index:3;width:min(100%,980px);display:flex;justify-content:flex-start;padding:1rem 0;background:linear-gradient(180deg,#06070cf7,#06070c00);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dq-home-link{color:#cedae2;text-decoration:none;font-size:.82rem;letter-spacing:.08rem;background:#131d26d9;border:1px solid #8ea8b8;padding:.38rem .72rem;border-radius:0;box-shadow:inset 0 0 0 1px #ffffff14,0 0 10px #8ea8b840;text-shadow:0 0 6px rgba(142,168,184,.4);transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.dq-home-link:hover{color:#d8c2cc;border-color:#b8a0ac;box-shadow:inset 0 0 0 1px #ffffff14,0 0 12px #b8a0ac4d}.dq-content{position:relative;z-index:2;width:100%;height:100vh;max-height:100vh;overflow:hidden;display:flex;justify-content:center;padding-top:.3rem}.dq-noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.45;mix-blend-mode:soft-light;animation:dq-noise 8s steps(1) infinite}.dq-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(149,172,186,.06) 0 1px,transparent 1px 36px),repeating-linear-gradient(90deg,rgba(160,134,146,.06) 0 1px,transparent 1px 36px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px);background-size:36px 36px,36px 36px,100% 4px;pointer-events:none;z-index:1;opacity:.5}.dq-card{position:relative;z-index:2;width:100%;max-width:700px;height:700px;max-height:fit-content;background:linear-gradient(180deg,#101422f2,#0b0d18fa);border:2px solid #8fa8b8;border-radius:0;padding:3.2rem 2.5rem 2.4rem;box-sizing:border-box;box-shadow:0 0 0 2px #a88d994d,0 0 28px #8fa8b833,0 0 48px #715f692e;overflow:hidden;animation:dq-fadeup .45s cubic-bezier(.16,1,.3,1) both}.dq-card:before{content:"delusional_quiz.exe";position:absolute;top:0;left:0;right:0;height:1.9rem;padding:.3rem .7rem;background:linear-gradient(90deg,#8ea8b8,#9e8591);color:#0d1016;font-size:1.25rem;font-family:Snell Roundhand bold,cursive;font-weight:700;letter-spacing:.04rem;text-transform:lowercase}.dq-card--exit{animation:dq-fadeout .3s ease both}.dq-eyebrow{font-size:.76rem;letter-spacing:.2rem;color:#cbd8e1d9;text-transform:uppercase;margin-bottom:1.3rem;text-shadow:0 0 7px rgba(142,168,184,.45)}.dq-title{font-family:Snell Roundhand,cursive;font-size:clamp(3rem,9vw,5rem);line-height:.86;margin:0 0 1.4rem;letter-spacing:.02rem;display:flex;flex-direction:column;color:#d7dee4;text-shadow:0 0 10px rgba(122,145,159,.32)}.dq-title__accent{color:#b8a0ac;text-shadow:0 0 10px rgba(168,141,153,.38)}.dq-intro-sub{color:#dcebffdb;font-size:.9rem;margin-bottom:1.8rem;line-height:1.65;letter-spacing:.01rem}.dq-disclaimer{margin-bottom:1.2rem;color:#c9b790e6;font-size:.8rem;text-shadow:0 0 6px rgba(201,183,144,.25)}.dq-progress{width:100%;height:7px;background:#1e263fe6;border:1px solid rgba(143,168,184,.55);margin-bottom:2.2rem;position:relative}.dq-progress_fill{height:100%;background:repeating-linear-gradient(90deg,#8ea8b8 0,#8ea8b8 10px,#9e8591 10px,#9e8591 20px);transition:width .35s ease}.dq-progress_label{position:absolute;right:0;top:10px;font-size:.66rem;color:#c6d5dedb;letter-spacing:.12rem}.dq-qnum{font-family:Snell Roundhand bold,cursive;font-size:4.1rem;color:#8fa8b854;line-height:1;margin-bottom:-.55rem;letter-spacing:.08rem;-webkit-user-select:none;user-select:none}.dq-question{font-family:Snell Roundhand,cursive;font-size:2em;color:#eaf7ff;line-height:1.7;margin-bottom:1.5rem;font-weight:600}.dq-answers{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.6rem}.dq-answer{display:flex;align-items:flex-start;gap:.75rem;background:#0e1b28e6;border:1px solid rgba(143,168,184,.4);padding:.8rem 1rem;color:#d8f4ffdb;font-family:VT323,monospace;font-size:.95rem;line-height:1.55;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease;width:100%;box-sizing:border-box}.dq-answer:hover{background:#1f3549f2;border-color:#b8a0ac;transform:translate(2px);color:#fff}.dq-answer--selected{background:linear-gradient(90deg,#8fa8b838,#a88d9938)!important;border-color:#b8a0ac!important;color:#fff!important;box-shadow:inset 0 0 0 1px #ffffff29}.dq-answer--dimmed{opacity:.45}.dq-answer__letter{font-family:VT323,monospace;font-size:1.3rem;color:#9ab4c3;flex-shrink:0;width:1.1rem;line-height:1;text-shadow:0 0 7px rgba(154,180,195,.45)}.dq-btn{display:block;width:100%;padding:.84rem;background:linear-gradient(180deg,#b6c6d0,#8ea3b0);color:#100916;font-family:VT323,monospace;font-weight:400;font-size:1.25rem;letter-spacing:.03rem;border:1px solid #9fb3bf;cursor:pointer;box-shadow:0 2px #4f616c,inset 0 0 0 1px #ffffff40;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.dq-btn:hover{filter:saturate(1.15);transform:translateY(-1px);box-shadow:0 3px #4f616c,inset 0 0 0 1px #ffffff47}.dq-btn:active{transform:translateY(1px);box-shadow:0 1px #4f616c,inset 0 0 0 1px #ffffff47}.dq-btn:disabled,.dq-btn--disabled{opacity:.34;cursor:not-allowed;pointer-events:none}.dq-btn--ghost{background:#22252feb;color:#d4d6dc;border:1px solid rgba(159,163,176,.55);box-shadow:0 2px #474d5a,inset 0 0 0 1px #ffffff14}.dq-btn--ghost:hover{background:#363a46f2;color:#fff}.dq-result-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.dq-result-tag{font-size:.74rem;letter-spacing:.15rem;color:#c4d3dde6;text-transform:uppercase;margin-top:.75rem;text-shadow:0 0 7px rgba(143,168,184,.3)}.dq-result-title{font-family:Shell Roundhand,cursive;font-size:clamp(2.5rem,7vw,4.5rem);line-height:.9;margin:0 0 .45rem;letter-spacing:.02rem}.dq-result-score{font-size:.72rem;color:#ebf6ffeb;letter-spacing:.16rem;margin-bottom:1.2rem}.dq-result-main-content{display:flex;justify-content:space-between;align-items:center}.dq-result-desc{font-size:1rem;width:70%;color:#e1eeffe0;line-height:1.2;text-align:left;margin-bottom:1.35rem}.dq-result-img{width:200px;height:200px}.dq-result-img img{display:block;width:100%;height:100%}.dq-bar-wrap{margin-bottom:2rem}.dq-bar-track{width:100%;height:6px;background:#121c2cf2;border:1px solid rgba(143,168,184,.45);overflow:hidden;margin-bottom:.7rem}.dq-bar-fill{height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.dq-bar-labels{display:flex;justify-content:space-between;font-size:.62rem;color:#c7edffbf;letter-spacing:.1rem}.dq-loading{text-align:center;color:#cff5ffb8;font-size:.95rem}.dq-spinner{width:24px;height:24px;border:2px solid rgba(159,178,191,.32);border-top-color:#b8a0ac;animation:dq-spin .7s linear infinite;margin:0 auto 1rem}@media screen and (max-width: 625px){.dq-card{position:absolute;top:20%;width:90vw;max-width:90vw;height:auto;max-height:85vh;padding:2.8rem 1.1rem 1.8rem}.dq-home-link{position:absolute;top:3%;left:2%}.dq-page-header{padding:.75rem 0}.dq-card:before{font-size:1.05rem;height:1.6rem}.dq-title{font-size:clamp(2.5rem,11vw,3.8rem)}.dq-question{font-size:1.7rem;line-height:1.2}.dq-answer{font-size:.8rem;line-height:1.3}.dq-btn{font-size:.8rem;letter-spacing:8px}.dq-result-title{font-size:2rem}.dq-result-desc{font-size:.8rem}}@keyframes dq-fadeup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dq-fadeout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes dq-spin{to{transform:rotate(360deg)}}@keyframes dq-noise{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translateY(1%)}}.article-page-wrapper{position:relative;width:100%;min-height:100vh}body{background-color:#1a1a1a!important;background-image:none!important}.articlePage-header{position:relative;z-index:100;top:0%;width:100%;max-width:100%;height:fit-content;padding:1rem 0rem;border-bottom:none;display:flex;flex-direction:column;justify-content:center;align-items:start}.articlePage-header:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:1px;background-color:gray}.return_btn{position:absolute;top:3%;left:2%;z-index:1000;width:120px;height:auto}.return_btn img{display:block;width:100%;height:100%;object-fit:contain}.article_title{font-family:Snell Roundhand,cursive;font-size:4rem;color:var(--color-yellow-body);height:fit-content;margin-left:3rem;text-align:left}.article_header_info{display:flex;width:90%;height:100%;margin-left:3rem;overflow:hidden;justify-content:space-between}.article_author{font-size:1rem}@media screen and (max-width: 625px){.articlePage-header{position:relative;height:25vh}.return_btn{width:60px}.return_btn img{width:50%;height:50%}.article_title{max-width:90vw;font-size:2.5rem;top:20%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.article_author{font-size:.7rem}}.article-content{font-size:1.1em;font-weight:700!important;line-height:1.2;color:var(--color-yellow-body);text-align:justify;max-width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em 0}.article-content p{max-width:1200px;width:90vw;word-break:break-word}@media (max-width: 900px){.article-content{font-size:1em;line-height:1.5;padding:.5em 0}.article-content p{max-width:700px;font-size:1em}}@media (max-width: 625px){.article-content{padding:.2em 0}.article-content p{font-size:.8em;font-weight:900;max-width:320px;width:95vw}}.article-media{display:block;margin:1.5rem auto}.article-image{max-width:90vw;max-height:80vh;object-fit:contain}.article-audio-card{width:min(620px,94vw);margin:2rem auto;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#0c0c0ef2,#18181ceb);box-shadow:0 16px 32px #00000059,inset 0 1px #ffffff14}.article-audio-visual{position:relative;aspect-ratio:16 / 9;background:radial-gradient(circle at 20% 20%,#ffffff1a,#00000059)}.article-audio-cover{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05)}.article-audio-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000073,#00000014 40%,#00000059);pointer-events:none}.article-audio-element{display:none}.article-audio-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:999px;border:1px solid rgba(255,255,255,.6);background:#00000073;color:#fff;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .18s ease,background .18s ease,border-color .18s ease;z-index:2}.article-audio-play:hover{transform:translate(-50%,-50%) scale(1.06);background:#0000009e;border-color:#fff}.article-audio-play.is-playing{background:#2073538c;border-color:#b4ffdae6}.radio-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;overflow:hidden;width:min(620px,94vw);height:700px;margin:2rem auto;border-radius:14px}.radio-top{z-index:1000;position:relative}.radio-top img{width:100%;height:auto;display:block}.radio-content{position:absolute;top:10%;z-index:1;width:100%;height:auto}.radio-content img{width:100%;height:auto;display:block;object-fit:contain}.radio-play-button{display:block;width:48px;height:48px;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:3000;background:#ddff00de;padding:.25rem;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .18s ease,background .18s ease,border-color .18s ease;display:flex;align-items:center;justify-content:center}.radio-play-button img{display:block;width:100%;height:100%}.radio-play-button:hover{color:#08c299;border:solid 3px #fff}.radio-play-button.is-playing{background:var(--color-yellow-body);border-color:#b4ffdae6}@media screen and (max-width: 625px){.radio-container{height:280px}.radio-play-button{width:32px;height:32px}}.article-quizz-container{width:100%;padding:2rem 0;margin-top:3rem}.article-quizz-preview{max-width:900px;margin:0 auto;padding:1rem;text-align:center;border-radius:14px;display:flex;justify-content:space-around}@keyframes float{0%,to{transform:translateY(0);scale:1}50%{transform:translateY(-10px);scale:1.05;opacity:.8}}.article-quizz-button{padding:0;background:none;border:none;border-radius:0;cursor:pointer;font-size:1rem;width:auto;height:auto;animation:float 2.5s ease-out infinite;transition:all .2s ease}.article-quizz-button img{display:block;width:auto;height:auto;max-width:600px;object-fit:contain}.article-quizz-button:hover img{transform:scale(1.05)}.article-quizz-button:active img{transform:scale(.95)}.left-arrow-quizz{width:180px;height:auto;object-fit:contain}.right-arrow-quizz{width:150px;height:auto;object-fit:contain;transform:rotate(180deg)}.article-quizz-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#192337;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.article-quizz-close{position:absolute;top:1rem;right:1rem;color:#fff;width:70px;height:70px;border-radius:50%;background-color:#00000001;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10000}.article-quizz-close img{width:60px;height:60px}.article-quizz-close:hover{background:#fff3}@media screen and (max-width: 900px){.article-quizz-button img{max-width:170px}.arrow-quizz{max-width:20vw}.article-quizz-preview h3{font-size:3rem}}@media screen and (max-width: 625px){.article-quizz-button img{max-width:200px}.article-quizz-preview h3{font-size:2rem;margin-bottom:.8rem}.article-quizz-preview{padding:1rem .5rem}}.rich-italic{font-family:var(--italic-font);font-style:italic;font-size:21px}.rich-paragraph{margin:.5rem}@media screen and (max-width: 625px){.rich-italic{font-family:var(--italic-font);font-style:italic;font-size:15px}.rich-paragraph{margin:.5rem}}.img-grid{display:flex;flex-direction:column;justify-content:center}.img-little{width:250px}.takes-page{width:100%;max-width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.takes-visual{width:500px;max-width:650px;max-height:400px;object-fit:contain;margin-bottom:2rem;border-radius:8px}.takes-header{display:flex;width:100%;flex-direction:column;justify-content:space-around;height:fit-content;position:absolute;top:5%}.takes-heading{margin:1.5rem 0 .75rem;font-weight:900;line-height:1.3;font-family:Snell Roundhand,cursive}.return_btn{position:absolute;top:0%;left:2%;z-index:1000;width:120px;height:auto}.takes-h1,.takes-h2,.takes-h3{font-size:3.5rem;color:var(--color-yellow-body);letter-spacing:.05em;margin:1.5rem 2rem}.takes-h4{font-size:1.2rem;color:#ecece4}@media screen and (max-width: 625px){.takes-visual{width:320px;max-width:90vw}.takes-h3{font-size:2.5rem;margin:1.5rem .5rem}}@font-face{font-family:FSEX300;src:url(/fonts/FSEX300.ttf) format("truetype");font-weight:400;font-style:normal}.conv-page{position:relative;width:100%;height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem;margin-top:3rem}.chat-header{position:relative;display:flex;width:100%;height:fit-content;align-items:center;justify-content:center}.returnBtn{position:absolute;left:2%}.chat-header h2{font-size:2rem}.audio-player-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.radio-container{position:relative;width:420px;height:560px;margin-bottom:1rem}.radio-play-button{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10;background:none;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s;background:#8da108de;border-radius:12px}.radio-play-button:hover{opacity:1}.radio-play-button img{width:100%;height:100%}.radio-top{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:5;width:100%}.radio-top img{width:100%;display:block}.radio-content{position:absolute;top:50px;left:50%;transform:translate(-50%);width:100%;z-index:4;overflow:hidden;border-radius:4px}.radio-content img{width:100%;height:100%;object-fit:contain}.chatWindow{position:relative;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;min-height:0}.chat-messages{display:flex;flex-direction:column;flex:1;width:100%;gap:8px;padding:0 8px;scrollbar-width:none;margin-bottom:2rem;justify-content:center;align-items:center}.chat-messages::-webkit-scrollbar{display:none}.bubble-wrapper{overflow:hidden;white-space:nowrap;width:100%;padding:8px 0}.bubble-wrapper.left{font-family:var(--whisper1-font)}.bubble-wrapper.right{font-family:var(--whisper2-font);letter-spacing:2px}.ticker-track{display:inline-flex;animation:ticker-scroll 18s linear infinite}.bubble-wrapper.left .ticker-track{animation-direction:normal}.bubble-wrapper.right .ticker-track{animation-direction:reverse}.ticker-content{font-size:2.5rem;padding-right:4rem;display:inline-block}.bash-prefix{font-size:inherit}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bash-prefix{font-family:FSEX300,monospace;font-size:1.2rem;color:#888;margin-right:4px;padding:8px 12px;opacity:.6;font-style:italic}.cursor{display:inline-block;margin-left:2px;animation:blink .8s infinite}@media (max-width: 825px){.bubble{max-width:60%;padding:4px 6px;font-family:FSEX300,monospace;font-size:.95rem;line-height:1.2;word-break:break-word}.audio-player-wrapper{display:flex;justify-content:start;margin-bottom:1rem}.radio-container{width:320px;height:280px}.radio-top{width:320px}.radio-content{width:270px;height:fit-content;top:35px}.radio-play-button{width:30px;height:30px}.conv-page{padding-bottom:0rem}.chat-messages{display:flex;flex-direction:column;position:absolute;justify-content:center;align-items:center;top:30%;gap:8px;padding:0 8px;scrollbar-width:none;margin-bottom:3rem;width:100%}.bash-prefix{font-size:1rem}.ticker-content{font-size:1.3rem}}.mosaic-section{max-width:98vw;margin:0 auto;height:auto}.mosaic-header{position:relative;display:flex;width:100%;max-width:100%;justify-content:center;align-items:center;border-bottom:dotted white 2px;padding:2rem 0rem}.mosaic-return_btn{position:absolute;top:4%;left:0%;width:120px}.mosaic-return_btn img{width:100%;height:100%}.mosaic-section__title{font-family:var(--retro-font);font-size:2.5rem;font-weight:600;text-align:start;margin:2rem 0;color:inherit}.mosaic-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mosaic-card{display:flex;flex-direction:column;overflow:hidden;border-radius:4px;background:var(--mosaic-bg-color);aspect-ratio:4/3;cursor:pointer;width:fit-content;height:fit-content;border:solid 2px var(--mosaic-border-color);box-shadow:0 5px 10px #ffffff80}.mosaic-card__media{flex:1 1 0;padding:.75rem;display:flex;align-items:center;justify-content:center;min-height:120px}.mosaic-card-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.mosaic-card-video-container video{width:100%;height:100%;object-fit:cover;display:block;padding:.15rem;border:solid 3px var(--mosaic-border-color)}.mosaic-card__media img{width:100%;height:100%;object-fit:contain;display:block}.mosaic-card-video-timer{position:absolute;bottom:8px;right:8px;background:#000c;color:var(--mosaic-bg-color);padding:2px 4px;border-radius:2px;font-size:.6rem;font-weight:500;font-family:Arial,sans-serif;z-index:5;letter-spacing:.2px;cursor:pointer;opacity:.85;transition:opacity .2s ease}.mosaic-card-video-container:hover .mosaic-card-video-timer{opacity:1}.mosaic-card__footer{position:static;padding:.75rem 1rem;display:flex;flex-direction:column;flex-shrink:0;gap:.35rem}.mosaic-card__title{color:#8f6ab9;font-size:1rem;font-family:var(--main-font);margin:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:start}.mosaic-card__meta{display:flex;width:100%;flex-direction:column;align-items:start;justify-content:start;gap:.5rem;font-size:.8rem;color:#000000c2}.mosaic-card__date,.mosaic-card__views{display:block}@media screen and (max-width: 900px){.mosaic-grid{grid-template-columns:repeat(3,1fr)}.mosaic-card{width:30vw}.mosaic-card__title{font-size:1.2rem}.mosaic-card__meta{font-size:.7rem}}@media screen and (max-width: 500px){.mosaic-return_btn{position:absolute;top:-20%;left:0%;width:60px}.mosaic-grid{grid-template-columns:repeat(4,1fr);overflow-x:auto;overflow-y:hidden;width:95%;gap:.5rem;scroll-snap-type:x mandatory;padding:0 .5rem}.mosaic-card{min-width:22vw;width:22vw;height:fit-content;min-height:15vh;max-height:20vh;scroll-snap-align:start;flex-shrink:0}.mosaic-card__media{padding:.3rem;min-height:60px;max-height:80px}.mosaic-card-video-container video{border:solid grey 1px}.mosaic-card__footer{gap:.1rem}.mosaic-card__title{font-size:.5rem;line-height:1}.mosaic-card__meta{font-size:.6rem}}.mosaic-sate{padding:2rem;text-align:center;color:#0006;font-size:.85rem}.mosaic-sate--eror{color:#c00}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lightbox-in .2s ease both;padding:1.5rem}.lightbox-content{position:relative;max-width:90vw;width:700px;max-height:85vh;height:700px;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1rem;background-color:var(--mosaic-bg-color);border:9px var(--mosaic-border-color) solid;border-radius:5px;animation:lightbox-scale .25s cubic-bezier(.16,1 .3,1) both}.lightbox-media img,.lightbox-media video{margin-top:5rem;width:650px;max-width:90vw;height:auto;max-height:400px;object-fit:cover;border-radius:4px;display:block;border:15px rgb(0,0,0) solid}.lightbox-title{font-family:var(--retro-font);font-size:2rem;text-align:start;width:95%;color:#8f6ab9;font-weight:600;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.lightbox__meta{display:flex;flex-direction:column;gap:2rem;width:95%;text-align:start;font-size:.85rem;color:#000;margin-top:.5rem}.lightbox-close{position:absolute;z-index:1000;top:.5rem;right:1rem;background:transparent;color:#8f6ab9;font-size:2rem;font-weight:900;width:4rem;height:4rem;border-radius:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close:hover{background:#8f6ab9;border:5px solid var(--mosaic-border-color);color:var(--mosaic-bg-color)}.lightbox-video-container{position:relative;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-video-timer{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:4px 8px;border-radius:2px;font-size:.875rem;font-weight:500;font-family:Arial,sans-serif;z-index:10;letter-spacing:.3px;opacity:.9;transition:opacity .2s ease}.lightbox-video-container:hover .lightbox-video-timer{opacity:1}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 625px){.lightbox-content{justify-content:center;max-height:50vh;gap:.5rem}.lightbox-media img,.lightbox-media video{width:65vw;max-width:75vw;max-height:250px;border:7px solid rgba(0,0,0,.553)}.lightbox-title,.lightbox-close{font-size:1.5rem}}.intro-page{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center}.intro-prompt{position:absolute;z-index:100;background:transparent;padding:2rem;width:700px;max-width:80vw;height:100vh;font-family:var(--retro-font)}.intro-prompt-image{width:150px;height:auto;position:absolute;bottom:5%;left:50%;transform:translate(-50%);cursor:pointer}.intro-video{width:100%;height:100%;object-fit:fill}.intro-image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow-y:auto;overflow-x:hidden;background:#fff;z-index:50;will-change:transform,opacity,filter;backface-visibility:hidden}.intro-image{width:800px;height:auto;display:block}.intro-post-button{display:flex;justify-content:center;align-items:center;width:fit-content;padding:2rem 0;background:transparent;border:none;cursor:pointer}.intro-post-button img{width:150px;height:auto;transition:transform .2s ease}.intro-post-button:hover img{transform:scale(1.05)}.intro-post-button:active img{transform:scale(.95)}@media screen and (max-width: 1050px){.intro-video::-webkit-media-controls-panel{display:none!important;opacity:0!important}.intro-image{width:100%}.intro-post-button img{margin-top:3rem;width:75px}}#pseudo-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image:url(https://pub-f40c928893604e5a88020abc31e69a5e.r2.dev/background/pseudo_gossip_background.jpeg),linear-gradient(135deg,#667eea,#764ba2);background-position:center;z-index:1000}.room-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#33333395}.overlay-btn-wrapper{position:relative;width:95vw}.close-overlay-btn{background:none;position:absolute;top:0%;left:0%;font-size:2rem}.room-overlay-img{max-width:95vw;border-radius:5px}#pseudo-card{background:#0000006c;border-radius:12px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;gap:1.5rem}#pseudo-card h2{margin:0;font-size:2.8rem;text-align:center;color:#58d5dc;font-family:Snell Roundhand,cursive}#pseudo-card p{margin:0;text-align:center;color:#fff;font-size:.95rem}#pseudo-select{padding:.75rem;font-size:1rem;border:2px solid #667eea;border-radius:8px;cursor:pointer;background-color:#fff;color:#333;transition:all .3s ease}#pseudo-select:hover{border-color:#764ba2;box-shadow:0 0 10px #667eea4d}#pseudo-select:focus{outline:none;border-color:#764ba2;box-shadow:0 0 15px #764ba280}#join-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#5cc594,#969696);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}#join-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}#join-btn:active{transform:translateY(0)}#chat-room{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}#chat-header{display:grid;grid-template-columns:120px 1fr 120px;width:100%;max-width:100%;align-items:start;justify-items:start;gap:1rem;background-color:#00f;color:#fff;box-shadow:0 2px 10px #0000001a;min-height:28vh}#header-backg-img{width:100vw;height:100%;object-fit:cover;position:relative}#header-backg-img img{display:block;width:100%;height:100%}#room-connected{color:#fff}#return_btn{width:120px;display:flex;align-items:start;justify-content:start;position:absolute;top:0%}#return_btn img{width:100%;max-width:120px}#messages-list{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-image:url(https://pub-f40c928893604e5a88020abc31e69a5e.r2.dev/background/gossip_room_background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#333}#empty-state{text-align:center;color:#999;font-style:italic;margin:auto}.message-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.message-bubble{position:relative;background:#ffffff64;border-radius:8px;padding:.75rem 1rem;max-width:70%;box-shadow:0 2px 5px #0000001a}.message-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.85rem}.message-username{font-weight:700;color:#667eea;font-size:1.1rem}.message-time{color:#999;font-size:.75rem}.message-content{margin:0 0 0 1rem;text-align:start;word-wrap:break-word;color:#333}.reply-btn{position:absolute;bottom:10px;right:10px;font-size:.6rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.reply-btn:hover{background:#764ba2}.replies-list{max-width:80%;margin-top:.75rem;margin-left:10rem;border-left:4px solid #764ba2;padding:.75rem 0 .75rem 1rem;background:linear-gradient(90deg,rgba(118,75,162,.08) 0%,transparent 100%);border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:.8rem}.replies-list:before{content:"↳ Réponses";display:block;font-size:.8rem;color:#764ba2;font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed #764ba2}.reply-bubble{background:linear-gradient(135deg,#f5f0ff,#fff9f9);border-radius:8px;padding:.85rem 1rem;margin:0;box-shadow:0 2px 8px #764ba21f;border-left:4px solid #764ba2;transition:all .2s ease;position:relative}.reply-bubble:before{content:"→";position:absolute;left:-18px;top:.85rem;color:#764ba2;font-weight:700;font-size:1.2rem}.reply-bubble:hover{box-shadow:0 4px 12px #764ba240;background:linear-gradient(135deg,#ebe3ff,#fff5f5);transform:translate(2px)}.reply-bubble .message-header{margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid rgba(118,75,162,.2)}.reply-username{font-weight:700;color:#764ba2;font-size:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reply-bubble .message-content{font-size:.95rem;color:#333;font-style:italic;margin:.3rem 0 0}#chat-input-area{padding:1rem;background:#0000006a;border-top:1px solid #ddd;display:flex;flex-direction:column;gap:.75rem}#reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-left:3px solid #667eea;border-radius:4px;font-size:.9rem}#cancel-reply{background:none;border:none;color:#667eea;font-size:1.2rem;cursor:pointer;padding:0}#input-row{display:flex;gap:.5rem}#message-input{flex-grow:1;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:16px;transform:scale(.8);transition:border-color .2s ease}#message-input:focus{outline:none;border-color:#667eea}#send-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}#send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}#send-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width: 625px){#pseudo-screen{background-position:center;background-size:33%}#pseudo-card{margin:1rem}.message-bubble{max-width:90%}#messages-list{background-size:contain;background-repeat:repeat-y}.replies-list{margin-left:1.5rem;margin-top:.5rem;padding:.5rem 0 .5rem .75rem;gap:.5rem}.reply-bubble{padding:.6rem .75rem;font-size:.9rem}.reply-bubble:before{left:-14px;font-size:1rem}#chat-header{align-items:center;min-height:12vh}#return_btn{justify-content:start}#return_btn img{width:60px}#chat-room-name{font-size:1.4rem;height:10vh;width:100%}#img-room--header{justify-content:end}}