@import"https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&display=swap";.turn-your-device{display:none!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#191919;color:#fff;z-index:1000;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.turn-your-device h1{font-size:2rem;margin-top:2rem}.turn-your-device svg{width:8rem;height:auto}@media(orientation:landscape){.turn-your-device{display:flex!important}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay .loading-spinner{display:flex;flex-direction:column;align-items:center;color:#fff}.loading-overlay .loading-spinner .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #e21617;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-overlay .loading-spinner p{font-size:18px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkpointShimmer{0%{box-shadow:0 0 .4rem #ffffff73,0 0 .9rem #ffffff40}to{box-shadow:0 0 .8rem #ffffffe6,0 0 1.8rem #fff9}}html{font-size:62.5%}html body{margin:0;padding:0;box-sizing:border-box;background:#191919;width:100vw;min-height:100vh;color:#fff;font-family:Hind,sans-serif;font-size:1.6rem}html body.manual-mode footer{display:none!important}html body *{box-sizing:border-box;margin:0}html body #root,html body #root .page-container{width:100vw;min-height:100vh}html body #root .page-container.classroom-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100vh}html body #root .page-container.classroom-section header{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100vw;height:10rem}html body #root .page-container.classroom-section header .subtle-back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:0;border-radius:999rem;background:#ffffff14;color:#ffffffbf;font-family:Hind,sans-serif;font-size:1.3rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;z-index:9999}html body #root .page-container.classroom-section header .subtle-back-button svg{width:1.4rem;height:1.4rem}html body #root .page-container.classroom-section header .subtle-back-button:hover{background:#ffffff29;color:#fff}html body #root .page-container.classroom-section header h1{margin-top:1rem;font-size:2rem}html body #root .page-container.classroom-section header img{height:6rem;width:auto!important}html body #root .page-container.classroom-section header button{background:transparent;border:0;cursor:pointer;outline:0;color:#fff;font-size:inherit;font-family:Hind,sans-serif;display:flex;align-items:center;margin-top:1rem}html body #root .page-container.classroom-section header button svg{height:2rem;width:auto;margin-right:.5rem;position:relative;top:-.2rem}html body #root .page-container.classroom-section header button p{margin:0}html body #root .page-container.classroom-section footer{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}html body #root .page-container.classroom-section footer img{height:8rem}html body #root .page-container.classroom-section footer img.mirrored-template{transform:scaleX(-1)}html body #root .page-container.classroom-section footer .recap-actions{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;list-style:none;padding-left:0}html body #root .page-container.classroom-section footer .recap-actions li{margin:.5rem 0;width:100%}html body #root .page-container.classroom-section footer .recap-actions li button{background-color:#4ed964;width:100%;border:0;cursor:pointer;outline:0;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:999rem}html body #root .page-container.classroom-section footer .recap-actions li:nth-child(2) button{background-color:#ff4e4e}html body #root .page-container.classroom-section .camera-intro{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;left:0;z-index:999;background-color:#191919;width:100vw;height:100vh;overflow-x:hidden;padding:2rem}html body #root .page-container.classroom-section .camera-intro .intro-container{display:flex;flex-direction:column;align-items:center;width:100%;overflow-y:auto;overflow-x:hidden;height:100vh;justify-content:center}html body #root .page-container.classroom-section .camera-intro .intro-container:not(:has(>:last-child:in-viewport)){justify-content:flex-start}html body #root .page-container.classroom-section .camera-intro .intro-container .logo{height:6rem;margin-bottom:3rem}html body #root .page-container.classroom-section .camera-intro .intro-container h1{font-size:1.8rem}html body #root .page-container.classroom-section .camera-intro .intro-container>p{text-align:left;width:100%;margin:1rem}html body #root .page-container.classroom-section .camera-intro .intro-container ul{list-style:none;padding-left:0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:3rem}html body #root .page-container.classroom-section .camera-intro .intro-container ul li{color:#fff;font-weight:700;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(50% - 2rem);text-align:center}html body #root .page-container.classroom-section .camera-intro .intro-container ul li img{width:7rem;height:7rem;margin-bottom:1rem;object-fit:contain}html body #root .page-container.classroom-section .camera-intro .intro-container button{margin-top:3rem;padding:1rem 2rem;border:0;border-radius:999rem;background-color:#e21617;color:#fff;font-weight:700;cursor:pointer;outline:0}html body #root .page-container.classroom-section .camera-intro .intro-container button.upload-btn{background:transparent;border:solid .2rem white;margin-top:1rem}html body #root .page-container.classroom-section .camera-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191919;position:relative;overflow:visible;flex-wrap:wrap}html body #root .page-container.classroom-section .camera-container video{width:100vw;height:100vw;max-width:400px;max-height:400px;object-fit:cover}html body #root .page-container.classroom-section .camera-container .centrage{width:100vw;height:100vw;max-width:400px;max-height:400px;position:absolute;z-index:2}html body #root .page-container.classroom-section .camera-container .switch-camera{position:absolute;bottom:1rem;right:1rem;border:0;background:#0000004d;border-radius:999rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}html body #root .page-container.classroom-section .camera-container .switch-camera svg{width:2rem;height:auto}html body #root .page-container.classroom-section .camera-container .scan-template-container{width:100vw;height:100vw;max-width:400px;max-height:400px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;pointer-events:none}html body #root .page-container.classroom-section .camera-container .scan-template-container .scan-template-image{height:90%;opacity:.5}html body #root .page-container.classroom-section .checkpoints{display:flex;width:100vw;max-width:400px;list-style:none;padding-left:0;justify-content:center;align-items:center}html body #root .page-container.classroom-section .checkpoints li{width:calc(7.1428571429vw - 1rem);max-width:calc(28.5714285714px - 1rem);margin:.5rem;height:calc(7.1428571429vw - 1rem);max-height:calc(28.5714285714px - 1rem);background-color:#ff4e4e;transition:background-color .2s,box-shadow .2s;border-radius:999rem}html body #root .page-container.classroom-section .checkpoints li.next{background-color:#ffd95e;border:.1rem solid rgba(255,255,255,.9);box-shadow:0 0 .6rem #ffffffb3,0 0 1.4rem #ffffff73;animation:checkpointShimmer 1.2s ease-in-out infinite alternate}html body #root .page-container.classroom-section .checkpoints li.done{background-color:#4ed964;animation:none;box-shadow:none}html body #root .page-container.classroom-section .camera-recap{width:100vw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:.5rem}html body #root .page-container.classroom-section .camera-recap div{width:calc(33% - 1rem);margin:.5rem}html body #root .page-container.classroom-section .camera-recap div img{width:100%;height:auto}html body #root .page-container.classroom-section .camera-recap div p{opacity:.7;text-align:center}html body #root .page-container.story-section{display:flex;flex-direction:column;justify-content:space-around;align-items:center}html body #root .page-container.story-section header{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100vw;height:calc((100vh - 100vw)/2);min-height:calc((100vh - 400px)/2)}html body #root .page-container.story-section header .subtle-back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border:0;border-radius:999rem;background:#ffffff14;color:#ffffffbf;font-family:Hind,sans-serif;font-size:1.3rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;z-index:9999}html body #root .page-container.story-section header .subtle-back-button svg{width:1.4rem;height:1.4rem}html body #root .page-container.story-section header .subtle-back-button:hover{background:#ffffff29;color:#fff}html body #root .page-container.story-section header h1{margin-top:1rem;font-size:2rem}html body #root .page-container.story-section header img{height:6rem;width:auto!important}html body #root .page-container.story-section header p{margin:0}html body #root .page-container.story-section .camera-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#191919;position:relative;overflow:hidden;flex-wrap:wrap}html body #root .page-container.story-section .camera-container video{width:100vw;height:100vw;max-width:400px;max-height:400px;object-fit:cover}html body #root .page-container.story-section .camera-container .centrage{width:100vw;height:100vw;max-width:400px;max-height:400px;position:absolute;z-index:2;transform:scale(1.3)}html body #root .page-container.story-section .camera-container .switch-camera{position:absolute;bottom:1rem;right:1rem;border:0;background:#0000004d;border-radius:999rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}html body #root .page-container.story-section .camera-container .switch-camera svg{width:2rem;height:auto}html body #root .page-container.story-section .camera-container .preview{position:absolute;z-index:2;width:100vw;height:100vw;max-height:400px;max-width:400px;top:0;left:0}html body #root .page-container.story-section .camera-container .story-recap h2{font-size:2rem;text-align:center;margin-bottom:1rem}html body #root .page-container.story-section .camera-container .story-recap ul{display:flex;list-style:none;padding-left:0;width:100vw;max-width:400px;padding:0 .5rem}html body #root .page-container.story-section .camera-container .story-recap ul li{width:calc(33.3333333333% - .5rem);margin:.25rem;padding:0}html body #root .page-container.story-section .camera-container .story-recap ul li button{background:transparent;border:0;cursor:pointer;outline:0;padding:0;border:solid .3rem #191919;border-radius:1rem;overflow:hidden}html body #root .page-container.story-section .camera-container .story-recap ul li button.active{border:solid .3rem white}html body #root .page-container.story-section .camera-container .story-recap ul li button img{width:100%;height:100%;object-fit:cover;display:block}html body #root .page-container.story-section .camera-container .scan-template-container{width:100vw;height:100vw;max-width:400px;max-height:400px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;pointer-events:none}html body #root .page-container.story-section .camera-container .scan-template-container .scan-template-image{height:90%;opacity:.5}html body #root .page-container.story-section footer{height:calc((100vh - 100vw)/2);min-height:calc((100vh - 400px)/2);display:flex;align-items:center;justify-content:center;flex-direction:column}html body #root .page-container.story-section footer .capture-button{background:#000;width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;padding:1rem;outline:0;cursor:pointer;border:solid .5rem rgb(148,148,148);border-radius:999rem}html body #root .page-container.story-section footer .capture-button img{width:75%;height:auto}html body #root .page-container.story-section footer .recap-actions{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;list-style:none;padding-left:0}html body #root .page-container.story-section footer .recap-actions li{margin:.5rem 0;width:100%}html body #root .page-container.story-section footer .recap-actions li button{background-color:#4ed964;width:100%;border:0;cursor:pointer;outline:0;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:999rem}html body #root .page-container.story-section footer .recap-actions li:nth-child(2) button{background-color:#ff4e4e}html body #root .page-container .upload-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:#191919;color:#fff;min-height:100vh}html body #root .page-container .upload-container .upload-header{text-align:center;margin-bottom:2rem}html body #root .page-container .upload-container .upload-header .logo{height:4rem;margin-bottom:1rem}html body #root .page-container .upload-container .upload-header h2{margin:1rem 0;color:#e21617;font-size:1.5rem}html body #root .page-container .upload-container .upload-header p{color:#ccc;margin-bottom:2rem}html body #root .page-container .upload-container .upload-content{width:100%;max-width:500px}html body #root .page-container .upload-container .upload-content .upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #666;border-radius:1rem;padding:3rem 2rem;margin-bottom:2rem;cursor:pointer;transition:all .3s ease;background:transparent}html body #root .page-container .upload-container .upload-content .upload-button:hover{border-color:#e21617;background:#e216171a}html body #root .page-container .upload-container .upload-content .upload-button svg{margin-bottom:1rem;opacity:.7}html body #root .page-container .upload-container .upload-content .upload-button p{margin:0;color:#ccc;font-weight:700}html body #root .page-container .upload-container .upload-content .uploaded-preview{margin-bottom:2rem}html body #root .page-container .upload-container .upload-content .uploaded-preview h3{color:#e21617;margin-bottom:1rem;text-align:center}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item{position:relative;width:120px;text-align:center}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .preview-controls{display:flex;justify-content:center;gap:.3rem;margin-bottom:.3rem}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .move-btn{width:28px;height:28px;background:#222;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;margin:0 2px;transition:background .2s,transform .2s;box-shadow:0 1px 4px #0000001f;opacity:.85}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .move-btn:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.5}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .move-btn:not(:disabled):hover{background:#e21617;color:#fff;transform:scale(1.12)}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item img{width:100%;height:120px;object-fit:cover;border-radius:.5rem;border:2px solid #333}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .remove-btn{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#e21617;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .remove-btn:hover{background:#f33;transform:scale(1.1)}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item .remove-btn svg{width:14px;height:14px}html body #root .page-container .upload-container .upload-content .uploaded-preview .preview-grid .preview-item p{margin:.5rem 0 0;font-size:1.6rem;color:#ccc}html body #root .page-container .upload-container .upload-content .upload-actions{text-align:center}html body #root .page-container .upload-container .upload-content .upload-actions>p{margin-bottom:2rem;color:#fff;font-weight:700}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li{width:100%}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li button{width:100%;padding:1rem 2rem;border:0;border-radius:999rem;background-color:#4caf50;color:#fff;font-weight:700;cursor:pointer;outline:0;transition:all .3s ease}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li button:hover{background-color:#45a049;transform:translateY(-2px)}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li:nth-child(2) button{background-color:#e21617}html body #root .page-container .upload-container .upload-content .upload-actions .recap-actions li:nth-child(2) button:hover{background-color:#f33}html body #root .page-container .upload-container .upload-content .reset-upload{width:100%;padding:.8rem 1.5rem;border:2px solid #666;border-radius:999rem;background:transparent;color:#ccc;font-weight:700;cursor:pointer;outline:0;margin-top:1rem;transition:all .3s ease}html body #root .page-container .upload-container .upload-content .reset-upload:hover{border-color:#e21617;color:#e21617}html body #root .flash{position:fixed;inset:0;width:100vw;height:100vh;z-index:999;background:#fffc;opacity:0;transition:opacity .2s;pointer-events:none}html body #root .flash.active{opacity:1}@keyframes flash-effect{0%{opacity:0}10%{opacity:1}to{opacity:0}}.flash.active{animation:flash-effect .5s}#root>div{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;min-height:100vh;padding:2rem}@keyframes waiting-shine{0%{left:-100%}50%,to{left:160%}}@keyframes waiting-pulse{0%,to{box-shadow:0 0 .6rem #fff3}50%{box-shadow:0 0 2rem #ffffffb3,0 0 1rem #fff6}}body header{padding:2rem;display:flex;justify-content:center}body header img{width:80%;max-width:9rem}body .page-container{min-height:auto!important}body .page-container h1{width:calc(100% - 4rem);text-align:center;display:block;margin:0 auto .5rem;font-size:3rem}body .page-container.login-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}body .page-container.login-section header{padding:0 2rem 2rem}body .page-container.login-section header img{width:auto;max-width:8rem}body .page-container.login-section form{display:flex;flex-direction:column;justify-content:center;align-items:center}body .page-container.login-section form input{width:100%;max-width:20rem;padding:1rem;font-size:1.6rem;border-radius:.5rem;border:0;outline:0;background-color:#000;color:#fff;text-align:center;margin-bottom:3rem}body .page-container.login-section form button{width:8rem;height:8rem;font-size:2rem;font-weight:700;border-radius:9999px;border:0;outline:0;background-color:#80171e;color:#fff}body .page-container.login-section form button:hover{background:transparent}body .page-container.home-section{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}body .page-container.home-section header{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}body .page-container.home-section header .header-top-left{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:1.6rem;z-index:5}body .page-container.home-section header .header-top-left .calendar-btn{position:relative;background:transparent;border:0;outline:0;padding:0;cursor:pointer;opacity:.7;width:3.8rem;height:3.8rem;display:flex;align-items:center;justify-content:center;transition:all .25s ease}body .page-container.home-section header .header-top-left .calendar-btn svg{width:3.2rem;height:3.2rem;display:block}body .page-container.home-section header .header-top-left .calendar-btn:hover{opacity:1;transform:scale(1.08)}body .page-container.home-section header .header-top-left .calendar-btn:active{transform:scale(.95)}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry{position:relative;background:transparent;border:0;outline:0;padding:0;width:3.8rem;height:3.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:all .35s cubic-bezier(.25,1,.5,1);overflow:visible}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__glow-ring{position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.45) 0%,rgba(255,175,0,.18) 60%,transparent 75%);opacity:0;filter:blur(5px);pointer-events:none;transition:opacity .4s ease}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__shimmer{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,245,215,.4) 50%,transparent 65%);background-size:200% 200%;opacity:0;pointer-events:none;transition:opacity .4s ease}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__icon-container{position:relative;z-index:2;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__svg{width:100%;height:100%;display:block}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__bubble-main{fill:transparent!important;stroke:#a0a5b0!important;filter:none!important;transition:all .3s ease}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__bubble-secondary{fill:transparent!important;stroke:#7e8492!important;animation:none!important;transition:all .3s ease}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry .reseau-entry__dot{fill:#a0a5b0!important;opacity:.7;animation:none!important}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry:hover{opacity:1;transform:scale(1.08)}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry:hover .reseau-entry__bubble-main,body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry:hover .reseau-entry__bubble-secondary{stroke:#fff!important}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry:hover .reseau-entry__dot{fill:#fff!important;opacity:1}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry:active{transform:scale(.95)}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread{opacity:1;width:4.2rem;height:4.2rem;background:linear-gradient(135deg,#2d2619f2,#14100cfa);border:1.5px solid rgba(255,215,0,.7);border-radius:50%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #000000b3,0 0 18px #ffd70073,0 0 30px #ffaf0040,inset 0 1px 2px #ffffff80;animation:wildVibe 2s ease-in-out infinite alternate}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__glow-ring{opacity:.85;animation:luxuryGlowPulse 2.5s ease-in-out infinite alternate}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__shimmer{opacity:1;animation:luxuryShimmer 3.8s ease-in-out infinite}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__icon-container{width:2.8rem;height:2.8rem}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__bubble-main{fill:url(#luxeGlowFill)!important;stroke:url(#luxeGoldGrad)!important;filter:url(#luxeDropGlow)!important}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__bubble-secondary{fill:#ffd70040!important;stroke:url(#luxeGoldGrad)!important;animation:floatBubbles 3s ease-in-out infinite alternate!important}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__dot{animation:dotGlow 2.2s infinite ease-in-out!important}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__dot--1{fill:#fff!important;animation-delay:0s}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__dot--2{fill:#ffe082!important;animation-delay:.3s}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__dot--3{fill:#ffd54f!important;animation-delay:.6s}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__badge{position:absolute;top:-.4rem;right:-.4rem;z-index:10;display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:2.1rem;padding:0 .55rem;background:linear-gradient(135deg,#ff2a5f,#d90429);border:1.5px solid #ffe082;border-radius:1.1rem;box-shadow:0 3px 12px #d90429bf,0 0 14px #ff2a5fb3}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__badge .reseau-entry__badge-ping{position:absolute;inset:-3px;border-radius:1.1rem;background:#ff2a5fa6;animation:badgePing 1.8s cubic-bezier(0,0,.2,1) infinite;z-index:-1}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread .reseau-entry__badge .reseau-entry__badge-text{color:#fff;font-size:1.1rem;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread:hover{transform:scale(1.1);border-color:#ffeb8c;box-shadow:0 10px 32px #000c,0 0 30px #ffd700bf,0 0 50px #ffaf0073,inset 0 1px 3px #fffc}body .page-container.home-section header .header-top-left .reseau-btn.reseau-entry.has-unread:hover .reseau-entry__glow-ring{opacity:1;filter:blur(7px)}body .page-container.home-section header .logout-button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:0;outline:0;color:#fff;font-size:1.6rem;padding:.5rem 1rem;margin-top:1rem;opacity:.8}body .page-container.home-section header .logout-button svg{height:2rem;margin-left:.4rem;position:relative;top:0rem}body .page-container.home-section ul{list-style:none;padding-left:0;margin-bottom:2rem}body .page-container.home-section ul li{width:100%;list-style:none;padding-left:0;background-color:transparent}body .page-container.home-section ul li:nth-child(odd){background-color:transparent}body .page-container.home-section nav ul{background-color:transparent;height:6rem;display:flex;justify-content:center;align-items:center}body .page-container.home-section nav ul li{width:max-content;background:transparent!important}body .page-container.home-section nav ul li button{font-size:1.6rem;background-color:#060606;border:0;outline:0;padding:1rem 1.5rem;color:#fff;margin:0 1rem;border-radius:.8rem;border:.2rem solid #060606;opacity:.8;transition:all .2s ease-in-out}body .page-container.home-section nav ul li button.selected{background-color:#060606;border:.2rem solid #80171E;opacity:1}body .page-container.home-section .clients li a,body .page-container.home-section .clients li .search-btn{color:#fff;text-decoration:none;font-size:1.8rem;text-align:center;font-weight:700;position:relative;width:90%;display:flex;justify-content:center;align-items:center;margin:1rem auto;background-color:#060606;padding:.75rem;border-radius:.8rem;border:0}body .page-container.home-section .clients li a p,body .page-container.home-section .clients li .search-btn p{width:100%;font-size:1.9rem}body .page-container.home-section .clients li a>svg,body .page-container.home-section .clients li .search-btn>svg{height:2rem;width:auto;margin-right:1rem}body .page-container.home-section .clients li a.search-btn,body .page-container.home-section .clients li .search-btn.search-btn{height:6.5rem}body .page-container.home-section .clients li a span,body .page-container.home-section .clients li .search-btn span{display:block;opacity:1;font-weight:400;display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.6rem}body .page-container.home-section .clients li a span svg,body .page-container.home-section .clients li .search-btn span svg{height:1.6rem;margin-right:.4rem;position:relative;top:-.2rem}body .page-container.home-section .clients li a .remove-button,body .page-container.home-section .clients li .search-btn .remove-button{width:5rem;height:5rem;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:0;border:0;outline:0;border-radius:.5rem}body .page-container.home-section .clients li a .remove-button img,body .page-container.home-section .clients li .search-btn .remove-button img{height:60%;width:auto;display:block}body .page-container.home-section .clients li a{border-top:solid .4rem #ccc}body .page-container.home-section .clients li a .salon-name{font-size:1.6rem;color:#ccc}body .page-container.home-section .clients li a.bordeaux{border-top-color:#80171e}body .page-container.home-section .clients li a.bordeaux .salon-name{color:#ffe3be}body .page-container.home-section .clients li.waiting a{background-color:#80171e;overflow:hidden;animation:waiting-pulse 2s ease-in-out infinite}body .page-container.home-section .clients li.waiting a:after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);animation:waiting-shine 2.4s ease-in-out infinite}body .page-container.home-section .clients li.no-client{text-align:center;padding:2rem;font-size:1.6rem;color:#666}body .page-container.home-section .clients li .search-mode-bar{display:flex;align-items:center;width:90%;margin:1rem auto;background-color:#060606;border-radius:.8rem;padding:.75rem;height:6.5rem}body .page-container.home-section .clients li .search-mode-bar .search-back-btn{width:4rem;height:4rem;background:transparent;border:0;outline:0;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;padding:0}body .page-container.home-section .clients li .search-mode-bar .search-back-btn svg{height:2.2rem;width:auto}body .page-container.home-section .clients li .search-mode-bar input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:1.8rem;padding:0 .8rem;font-family:inherit}body .page-container.home-section .clients li .search-mode-bar input::placeholder{color:#555}body .page-container.home-section .clients li .search-result-btn{color:#fff;font-size:1.8rem;font-weight:700;position:relative;width:90%;display:flex;justify-content:flex-start;align-items:center;margin:1rem auto;background-color:#060606;padding:.75rem;border-radius:.8rem;border:0;cursor:pointer;text-align:left}body .page-container.home-section .clients li .search-result-btn .search-result-photo{width:5rem;height:5rem;border-radius:50%;object-fit:cover;margin-right:1rem;flex-shrink:0}body .page-container.home-section .clients li .search-result-btn p{font-size:1.9rem;margin:0}.home-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#000 60%,transparent)}.home-bottom-nav__btn{flex:1;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem 1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;background-color:#80171e;color:#fff;transition:opacity .2s ease}.home-bottom-nav__btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.home-bottom-nav__btn p{margin:0}.home-bottom-nav__btn:hover{opacity:.85}.new-client-modal{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:nc-modal-fade-in .2s ease}.new-client-modal__box{width:100%;background-color:#111;border-radius:1.2rem 1.2rem 0 0;padding:1.6rem 1.5rem;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.8rem;animation:nc-modal-slide-up .25s ease;max-height:92dvh;overflow-y:auto}.new-client-modal h3{font-size:1.8rem;font-weight:700;margin:0 0 .4rem;text-align:center;color:#fff}.new-client-modal__fields{display:flex;flex-direction:column;gap:.7rem;text-align:left}.new-client-modal__row{display:flex;gap:.8rem}.new-client-modal__row .new-client-modal__field{flex:1}.new-client-modal__field{display:flex;flex-direction:column;gap:.3rem}.new-client-modal__field label{font-size:1.5rem;color:#888;font-weight:500}.new-client-modal__field input,.new-client-modal__field select{background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.7rem;color:#fff;font-size:1.5rem;padding:.75rem 1rem;outline:none;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box;width:100%;margin-bottom:.4rem!important}.new-client-modal__field input::placeholder,.new-client-modal__field select::placeholder{color:#555}.new-client-modal__field input:focus,.new-client-modal__field select:focus{border-color:#80171e}.new-client-modal__field:nth-child(3){width:100%}.new-client-modal__field:nth-child(3) input{width:100%;max-width:100%}.new-client-modal__email{display:flex;align-items:center;gap:.4rem}.new-client-modal__email input{flex:1;min-width:0}.new-client-modal__email span{font-size:1.5rem;color:#888;flex-shrink:0}.new-client-modal__email select{flex:0 0 auto;width:auto}.new-client-modal__email-custom{flex:0 0 12rem;min-width:0}.new-client-modal__checkbox{display:flex;align-items:flex-start;gap:.7rem;font-size:1.35rem;color:#ccc;line-height:1.4;cursor:pointer;margin-bottom:.4rem}.new-client-modal__checkbox input[type=checkbox]{width:1.6rem;height:1.6rem;min-width:1.6rem;margin-top:.15rem;accent-color:#80171E;cursor:pointer;flex-shrink:0;vertical-align:middle}.new-client-modal__checkbox span{flex:1;vertical-align:middle}.new-client-modal__checkbox a{color:#e05060;text-decoration:underline}.new-client-modal__checkbox a:hover{color:#fff}.new-client-modal__checkbox:nth-child(4) span{position:relative;top:.2rem}.new-client-modal__checkbox:nth-child(4){margin:.4rem auto 3rem}.new-client-modal__actions{display:flex;gap:.8rem;margin-top:.2rem}.new-client-modal__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.new-client-modal__btn--cancel{background-color:#1e1e1e;color:#aaa}.new-client-modal__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.new-client-modal__btn--submit{background-color:#80171e;color:#fff}.new-client-modal__btn--submit:hover{opacity:.85}.new-client-modal__btn--submit:disabled{opacity:.35;cursor:not-allowed}@keyframes nc-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nc-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes luxuryGlowPulse{0%{transform:scale(.95);opacity:.45}50%{transform:scale(1.08);opacity:.85}to{transform:scale(.95);opacity:.45}}@keyframes luxuryShimmer{0%{background-position:200% 0}40%{background-position:-200% 0}to{background-position:-200% 0}}@keyframes floatBubbles{0%{transform:translate(0) scale(1)}to{transform:translate(-1px,-1.5px) scale(1.05)}}@keyframes dotGlow{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.25);filter:drop-shadow(0 0 3px #ffffff)}}@keyframes badgePing{0%{transform:scale(1);opacity:.85}75%,to{transform:scale(1.45);opacity:0}}@keyframes wildVibe{0%{box-shadow:0 4px 20px #000000b3,0 0 16px #ffd70066,0 0 28px #ffaf0033}to{box-shadow:0 6px 26px #000c,0 0 25px #ffd700bf,0 0 42px #ffaf0073}}.reseau-section{position:relative;display:flex;flex-direction:row;height:100vh;height:100dvh;overflow:hidden;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e9edef}.reseau-dropoverlay{position:absolute;inset:0;z-index:100;background:#0b141aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .2s ease}.reseau-dropoverlay__content{display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:3rem 4.5rem;border:2px dashed #80171E;border-radius:1.6rem;background:#80171e2e;color:#fff;box-shadow:0 15px 40px #0009}.reseau-dropoverlay__content svg{width:4.8rem;height:4.8rem;color:#80171e}.reseau-dropoverlay__content span{font-size:1.8rem;font-weight:600}.reseau-header{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;padding-top:calc(1rem + env(safe-area-inset-top));min-height:calc(6.2rem + env(safe-area-inset-top));background:#202c33;border-bottom:1px solid rgba(255,255,255,.05);flex:0 0 auto;z-index:10;box-shadow:0 1px 3px #0000004d}.reseau-header__back{background:transparent;border:0;outline:0;padding:.4rem;color:#8696a0;cursor:pointer;transition:color .2s ease}.reseau-header__back svg{width:2.4rem;height:2.4rem;display:block}.reseau-header__back:hover{color:#e9edef}.reseau-header__logo{height:3.2rem;width:auto}.reseau-header__spacer{flex:1 1 auto}.reseau-header__back--list{display:none}.reseau-header__icon{flex:0 0 auto;width:3.4rem;height:3.4rem;border:0;border-radius:50%;background:transparent;color:#8696a0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,color .18s ease}.reseau-header__icon svg{width:2rem;height:2rem}.reseau-header__icon:hover{background:#ffffff14;color:#e9edef}.reseau-header__title{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem}.reseau-header__title strong,.reseau-header__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseau-header__title strong{font-size:1.5rem;font-weight:600;color:#e9edef}.reseau-header__title span{font-size:1.2rem;color:#8696a0}.reseau-header__search{display:flex;align-items:center;gap:.6rem;background:#2a3942;border:0;border-radius:1.8rem;padding:.5rem 1.2rem;margin-left:auto}.reseau-header__search svg{width:1.6rem;height:1.6rem;color:#8696a0;flex:0 0 auto}.reseau-header__search input{background:transparent;border:0;outline:0;color:#e9edef;font-family:inherit;font-size:1.35rem;width:11rem}.reseau-header__search input::placeholder{color:#8696a0}.reseau-header__salon{margin-left:.4rem;font-size:1.3rem;font-weight:500;color:#e28a90;background:#80171e33;border:1px solid rgba(128,23,30,.3);padding:.4rem 1rem;border-radius:1.2rem;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseau-header__salon--members{display:inline-flex;align-items:center;gap:.6rem;max-width:none;padding:.5rem 1.2rem;background:transparent;border-color:#ffffff29;color:#e9edef;cursor:pointer;transition:background .18s ease,border-color .18s ease}.reseau-header__salon--members svg{flex:0 0 auto;opacity:.6}.reseau-header__salon--members:hover{background:#ffffff0f;border-color:#ffffff47}.reseau-side{flex:0 0 34rem;max-width:42%;min-height:0;display:flex;flex-direction:column;background:#111b21;border-right:1px solid rgba(255,255,255,.08)}.reseau-chat{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.reseau-convs{list-style:none;margin:0;padding:0;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.reseau-convs::-webkit-scrollbar{display:none}.reseau-conv{display:flex;align-items:center;gap:1.3rem;width:100%;padding:0 0 0 1.4rem;background:transparent;border:0;color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.reseau-conv:hover{background:#202c33}.reseau-conv--active,.reseau-conv--active:hover{background:#2a3942}.reseau-conv__avatar{position:relative;flex:0 0 4.8rem;width:4.8rem;height:4.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#111b21;font-size:1.6rem;font-weight:600;letter-spacing:.02em}.reseau-conv__avatar--public{background:linear-gradient(135deg,#9b1d25,#680f14);color:#fff}.reseau-conv__avatar--small{flex-basis:3.8rem;width:3.8rem;height:3.8rem;font-size:1.3rem}.reseau-conv__lock{position:absolute;right:-.3rem;bottom:-.3rem;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111b21;color:#8696a0}.reseau-conv__lock svg{width:1.1rem;height:1.1rem}.reseau-conv__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.4rem 1.4rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.reseau-conv__line{display:flex;align-items:baseline;gap:.8rem;min-width:0}.reseau-conv__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.55rem;font-weight:500;color:#e9edef}.reseau-conv__time{flex:0 0 auto;font-size:1.15rem;font-variant-numeric:tabular-nums;color:#8696a0}.reseau-conv__time--unread{color:#e28a90}.reseau-conv__preview{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;color:#8696a0}.reseau-conv__badge{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .6rem;border-radius:1rem;background:#9b1d25;color:#fff;font-size:1.1rem;font-weight:700}.reseau-feed{position:relative;flex:1 1 auto;overflow-y:auto;padding:1.2rem 1.6rem;display:flex;flex-direction:column}.reseau-feed__empty{margin:auto;text-align:center;color:#8696a0;font-size:1.5rem;line-height:1.6}.reseau-feed__day{display:flex;justify-content:center;margin:1.4rem 0 1rem}.reseau-feed__day span{font-size:1.2rem;font-weight:500;color:#8696a0;background:#111b21;padding:.4rem 1.2rem;border-radius:.8rem;box-shadow:0 1px 2px #0006;text-transform:uppercase;letter-spacing:.04em}.reseau-post-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%}.reseau-post-wrapper--mine{align-items:flex-end}@keyframes waBubbleIn{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.reseau-post{position:relative;background:#202c33;border:0;border-radius:.8rem;border-top-left-radius:0;padding:.6rem .8rem;margin-bottom:.4rem;min-width:14rem;max-width:75%;animation:waBubbleIn .15s ease-out;box-shadow:0 1px 2px #00000059}.reseau-post--mine{background:#5c1217;border-top-left-radius:.8rem;border-top-right-radius:0;color:#fff}.reseau-post--grouped{margin-top:-.2rem;border-top-left-radius:.8rem}.reseau-post--mine.reseau-post--grouped{border-top-right-radius:.8rem}.reseau-post--media-only{padding:.3rem .3rem .4rem}.reseau-post__head{display:flex;align-items:center;justify-content:space-between;margin:.2rem .4rem .3rem}.reseau-post__author{font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.reseau-post__quote{border-left:4px solid #80171E;padding:.4rem .8rem;margin:.4rem;font-size:1.25rem;color:#ffffffd9;background:#0003;border-radius:.4rem}.reseau-post__quote-author{font-weight:600;color:#80171e;margin-bottom:.1rem}.reseau-post__quote-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reseau-post__quote--lost{font-style:italic;color:#8696a0}.reseau-post__content{font-size:1.48rem;line-height:1.42;white-space:pre-wrap;word-break:break-word;margin:.2rem .4rem}.reseau-post__content--jumbo{font-size:4.4rem;line-height:1.15;margin:.4rem .4rem .2rem}.reseau-post__attachments{display:flex;flex-direction:column;gap:.4rem;margin:.2rem 0}.reseau-post__foot{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.2rem;padding:0 .4rem;float:right}.reseau-post__foot .reseau-post__time{font-size:1.1rem;color:#f1f1f2a6}.reseau-post__actions{display:flex;gap:.8rem;margin-right:auto;opacity:.4;transition:opacity .15s ease}.reseau-post__actions button{background:transparent;border:0;outline:0;padding:0;color:#ffffffb3;font-family:inherit;font-size:1.1rem;cursor:pointer}.reseau-post__actions button:hover{color:#fff}.reseau-post__actions button.is-danger:hover{color:#ff5252}.reseau-post:hover .reseau-post__actions,.reseau-post:focus-within .reseau-post__actions{opacity:1}.reseau-scroll-bottom{position:absolute;right:2rem;bottom:8rem;z-index:20;width:4rem;height:4rem;border-radius:50%;background:#202c33;color:#8696a0;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0006;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.reseau-scroll-bottom svg{width:2.2rem;height:2.2rem}.reseau-scroll-bottom:hover{color:#fff;background:#2a3942}.reseau-receipt{flex:0 0 auto;display:inline-flex;align-items:center;color:#8696a0}.reseau-receipt svg{width:1.6rem;height:1.1rem;display:block}.reseau-receipt--read{color:#8696a0}.reseau-receipt--all{color:#53bdeb}.reseau-feed__error{margin:auto;text-align:center;max-width:34rem;padding:2rem;background:#202c33;border:1px solid rgba(255,82,82,.3);border-radius:1.2rem}.reseau-feed__error p{font-size:1.45rem;line-height:1.5;color:#e2b0b0;margin:0 0 .8rem}.reseau-feed__error p strong{color:#fff}.reseau-feed__error button{margin-top:.8rem;background:#80171e;border:0;outline:0;color:#111b21;font-family:inherit;font-size:1.4rem;font-weight:600;padding:.8rem 1.8rem;border-radius:.8rem;cursor:pointer}.reseau-feed__error button:hover{opacity:.9}.reseau-paused{flex:0 0 auto;margin:0 1.6rem .8rem;padding:.8rem;background:#1f1c14;border:1px solid rgba(255,215,0,.2);border-radius:.8rem;color:gold;font-family:inherit;font-size:1.3rem;cursor:pointer}.reseau-composer{flex:0 0 auto;position:relative;background:#202c33;border-top:1px solid rgba(255,255,255,.05);padding:1rem 1.4rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.reseau-composer__reply{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0003;border-left:4px solid #80171E;border-radius:.4rem;padding:.6rem 1rem;margin-bottom:.8rem;font-size:1.3rem;color:#e9edef}.reseau-composer__reply button{background:transparent;border:0;outline:0;color:#8696a0;font-size:1.6rem;cursor:pointer}.reseau-composer__reply button:hover{color:#fff}.reseau-composer__error{font-size:1.3rem;color:#ff6b6b;margin:0 0 .8rem}.reseau-composer__row{display:flex;align-items:flex-end;gap:.8rem}.reseau-composer textarea{flex:1;min-width:0;background:#2a3942;border:0;border-radius:1.8rem;color:#e9edef;font-family:inherit;font-size:1.5rem;line-height:1.4;padding:.9rem 1.4rem;outline:none;resize:none;max-height:12rem;field-sizing:content}.reseau-composer textarea::placeholder{color:#8696a0}.reseau-composer__send{flex:0 0 auto;width:4.4rem;height:4.4rem;border:0;outline:0;border-radius:50%;background:#80171e;color:#111b21;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease}.reseau-composer__send svg{width:2.2rem;height:2.2rem}.reseau-composer__send:hover{opacity:.9}.reseau-composer__send:active{transform:scale(.92)}.reseau-composer__send:disabled{opacity:.3;transform:none;cursor:not-allowed}.reseau-composer__count{font-size:1.2rem;color:#8696a0;margin:.5rem 0 0;text-align:right}.reseau-composer__attach{flex:0 0 auto;width:4.4rem;height:4.4rem;border:0;outline:0;border-radius:50%;background:transparent;color:#8696a0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}.reseau-composer__attach svg{width:2.4rem;height:2.4rem}.reseau-composer__attach:hover{color:#e9edef}.reseau-att{display:block;text-decoration:none;color:inherit;border-radius:.6rem;overflow:hidden}.reseau-att--image{cursor:pointer;position:relative}.reseau-att--image img{display:block;width:100%;max-height:28rem;object-fit:cover;border-radius:.6rem;background:#000;transition:opacity .15s ease}.reseau-att--image:hover img{opacity:.95}.reseau-att--video video{display:block;width:100%;max-height:28rem;object-fit:contain;border-radius:.6rem;background:#000}.reseau-att--audio{display:flex;flex-direction:column;gap:.4rem}.reseau-att--audio audio{width:100%}.reseau-att--doc{display:flex;align-items:center;gap:1rem;background:#0000002e;border-radius:.6rem;padding:.8rem 1rem;transition:background .2s ease}.reseau-att--doc:hover{background:#00000047}.reseau-att--doc svg{width:2rem;height:2rem;flex:0 0 auto;color:#8696a0}.reseau-att__badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:.5rem;background:#80171e;color:#111b21;font-size:1.1rem;font-weight:700}.reseau-att__badge--pdf{background:#ea4335;color:#fff}.reseau-att__badge--excel{background:#34a853;color:#fff}.reseau-att__badge--word{background:#4285f4;color:#fff}.reseau-att__badge--ppt{background:#fa7b17;color:#fff}.reseau-att__meta{flex:1;min-width:0;display:flex;flex-direction:column}.reseau-att__name{font-size:1.35rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseau-att__size{font-size:1.15rem;color:#8696a0}.reseau-album{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem;margin:.2rem 0;width:30rem;max-width:100%}.reseau-album__tile{position:relative;display:block;padding:0;border:0;border-radius:.6rem;overflow:hidden;background:#0d1418;aspect-ratio:1;cursor:pointer}.reseau-album__tile img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.reseau-album__tile:hover img{opacity:.92}.reseau-album--1{grid-template-columns:1fr}.reseau-album--1 .reseau-album__tile{width:100%;aspect-ratio:4/3;max-height:34rem}.reseau-album--3 .reseau-album__tile:first-child{grid-column:1/-1;aspect-ratio:2/1}.reseau-album__more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b141a9e;color:#fff;font-size:2.6rem;font-weight:600}.reseau-lightbox{position:fixed;inset:0;z-index:1000;background:#0b141af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.reseau-lightbox__close{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:0;color:#fff;font-size:2rem;width:4rem;height:4rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.reseau-lightbox__close:hover{background:#fff3}.reseau-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.reseau-lightbox__nav svg{width:2.4rem;height:2.4rem}.reseau-lightbox__nav:hover{background:#fff3}.reseau-lightbox__nav--prev{left:1.6rem}.reseau-lightbox__nav--next{right:1.6rem}.reseau-lightbox__count{font-variant-numeric:tabular-nums;color:#8696a0}.reseau-lightbox__img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:.8rem;box-shadow:0 10px 30px #000c}.reseau-lightbox__meta{margin-top:1.6rem;display:flex;align-items:center;gap:1.6rem;color:#fff;font-size:1.4rem}.reseau-lightbox__meta a{color:#80171e;text-decoration:none;font-weight:600}.reseau-lightbox__meta a:hover{text-decoration:underline}.reseau-composer__files{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.8rem;max-height:18rem;overflow-y:auto}.reseau-chip{position:relative;display:flex;align-items:center;gap:.9rem;background:#2a3942;border-radius:.8rem;padding:.7rem .9rem;overflow:hidden}.reseau-chip--error{background:#ff525226}.reseau-chip--error .reseau-chip__sub{color:#ff6b6b}.reseau-chip__thumb{width:3.4rem;height:3.4rem;border-radius:.5rem;object-fit:cover;flex:0 0 auto}.reseau-chip__badge{flex:0 0 auto;width:3.4rem;height:3.4rem;border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:1.05rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.reseau-chip__meta{flex:1;min-width:0;display:flex;flex-direction:column}.reseau-chip__name{font-size:1.35rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseau-chip__sub{font-size:1.15rem;color:#8696a0}.reseau-chip__bar{position:absolute;left:0;bottom:0;height:.3rem;width:100%;background:#ffffff1a}.reseau-chip__bar i{display:block;height:100%;background:#80171e;transition:width .2s ease}.reseau-chip>button{flex:0 0 auto;background:transparent;border:0;outline:0;color:#8696a0;font-size:1.5rem;cursor:pointer;padding:.2rem .4rem}.reseau-chip>button:hover{color:#fff}.reseau-composer__emoji{flex:0 0 auto;width:4.4rem;height:4.4rem;border:0;outline:0;border-radius:50%;background:transparent;color:#8696a0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}.reseau-composer__emoji svg{width:2.4rem;height:2.4rem}.reseau-composer__emoji:hover{color:#e9edef}.reseau-composer__emoji.is-open{color:#80171e}.reseau-emojis{position:absolute;left:1.4rem;right:1.4rem;bottom:calc(100% + .6rem);z-index:60;display:flex;flex-direction:column;max-width:42rem;height:32rem;background:#202c33;border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 1.2rem 3.2rem #0000008c;overflow:hidden}.reseau-emojis__search{flex:0 0 auto;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06)}.reseau-emojis__search svg{flex:0 0 auto;width:1.8rem;height:1.8rem;color:#8696a0}.reseau-emojis__search input{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:0;color:#e9edef;font-size:1.4rem;font-family:inherit}.reseau-emojis__search input::placeholder{color:#8696a0}.reseau-emojis__search button{flex:0 0 auto;background:transparent;border:0;outline:0;color:#8696a0;font-size:1.5rem;cursor:pointer;padding:0}.reseau-emojis__search button:hover{color:#fff}.reseau-emojis__grid{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:.4rem 1rem 1rem;-webkit-overflow-scrolling:touch}.reseau-emojis__title{margin:.8rem 0 .4rem;font-size:1.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8696a0}.reseau-emojis__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.2rem}.reseau-emojis__row button{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:0;outline:0;border-radius:.6rem;font-size:2.4rem;line-height:1;cursor:pointer;transition:background-color .12s ease}.reseau-emojis__row button:hover,.reseau-emojis__row button:focus-visible{background:#ffffff1a}.reseau-emojis__row button:active{background:#ffffff2e}.reseau-emojis__empty{margin:2.4rem 0;text-align:center;font-size:1.35rem;color:#8696a0}.reseau-emojis__tabs{flex:0 0 auto;display:flex;border-top:1px solid rgba(255,255,255,.06);background:#0003}.reseau-emojis__tabs button{flex:1 1 0;padding:.8rem 0;background:transparent;border:0;border-bottom:2px solid transparent;outline:0;font-size:2rem;line-height:1;cursor:pointer;opacity:.55;transition:opacity .15s ease,border-color .15s ease}.reseau-emojis__tabs button:hover{opacity:.85}.reseau-emojis__tabs button.is-active{opacity:1;border-bottom-color:#80171e}@media(max-width:760px){.reseau-side{flex:1 1 auto;max-width:none;border-right:0}.reseau-chat,.reseau-section--chat .reseau-side{display:none}.reseau-section--chat .reseau-chat{display:flex}.reseau-header__back--list{display:block}.reseau-header__search input{width:7rem}}@media(max-width:480px){.reseau-emojis{height:28rem;max-width:none}.reseau-emojis__row{grid-template-columns:repeat(auto-fill,minmax(3.6rem,1fr))}.reseau-emojis__row button{font-size:2.2rem}}.reseau-att__gif{position:absolute;top:.6rem;left:.6rem;padding:.15rem .5rem;border-radius:.35rem;background:#000000a6;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.06em;pointer-events:none}.reseau-banned{margin:auto;padding:3rem 2rem;max-width:42rem;text-align:center;color:#e9edef}.reseau-banned__logo{height:5rem;width:auto;opacity:.5;margin-bottom:2rem}.reseau-banned h2{margin:0 0 1rem;font-size:2rem}.reseau-banned p{margin:0 0 2.4rem;color:#8696a0;line-height:1.5}.reseau-banned__btn{padding:1.2rem 2.4rem;border:0;border-radius:9999px;background:#80171e;color:#fff;font-size:1.5rem;font-weight:600;cursor:pointer}.app-dialog .reseau-members{width:min(46rem,92vw);max-width:none;height:80vh;height:80dvh;max-height:100%;padding:0;gap:0;align-items:stretch;text-align:left;background:#0f171c;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);border-radius:1.2rem;box-shadow:0 2rem 5rem #0000008c;overflow:hidden}.app-dialog .reseau-members__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;padding:2.2rem 2.2rem .6rem}.app-dialog .reseau-members__title{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:.01em;color:#e9edef}.app-dialog .reseau-members__count{flex:0 0 auto;font-size:1.2rem;font-variant-numeric:tabular-nums;color:#8696a0}.app-dialog .reseau-members__hint{margin:0;padding:0 2.2rem 1.8rem;font-size:1.25rem;line-height:1.55;color:#8696a0}.app-dialog .reseau-members__state{margin:0;padding:0 2.2rem 1.6rem;font-size:1.3rem;color:#8696a0}.app-dialog .reseau-members__state--error{color:#ff6b6b}.app-dialog .reseau-members__list{list-style:none;margin:0;padding:0 2.2rem;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}.app-dialog .reseau-members__list::-webkit-scrollbar{display:none}.app-dialog .reseau-members__item{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:5.6rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.06)}.app-dialog .reseau-members__item:first-child{border-top:0}.app-dialog .reseau-members__who{display:flex;flex-direction:column;gap:.3rem;min-width:0}.app-dialog .reseau-members__who strong{display:flex;align-items:center;gap:.8rem;font-size:1.45rem;font-weight:500;color:#e9edef}.app-dialog .reseau-members__who span{font-size:1.2rem;color:#8696a0;font-variant-numeric:tabular-nums}.app-dialog .reseau-members__self{font-size:1.1rem;font-weight:400;color:#8696a0}.app-dialog .reseau-members__item--banned strong{color:#8696a0}.app-dialog .reseau-members__item--banned .reseau-members__who span{color:#e28a90bf}.app-dialog .reseau-members__tag{flex:0 0 auto;font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8696a0}.app-dialog .reseau-members__ask{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.app-dialog .reseau-members__btn{flex:0 0 auto;padding:.7rem 1.2rem;border:0;border-radius:.8rem;background:transparent;color:#8696a0;font-size:1.3rem;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease}.app-dialog .reseau-members__btn:hover{background:#ffffff0f;color:#e9edef}.app-dialog .reseau-members__btn--danger{color:#ff6b6b}.app-dialog .reseau-members__btn--danger:hover{background:#ff6b6b1f;color:#ff8b8b}.app-dialog .reseau-members__btn:disabled{opacity:.45;cursor:default;background:transparent}.app-dialog .reseau-members__foot{display:flex;justify-content:flex-end;padding:1.4rem 2.2rem 1.8rem;border-top:1px solid rgba(255,255,255,.06)}.app-dialog .reseau-members__close{padding:.9rem 1.8rem;border:1px solid rgba(255,255,255,.16);border-radius:.9rem;background:transparent;color:#e9edef;font-size:1.3rem;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease}.app-dialog .reseau-members__close:hover{background:#ffffff0f;border-color:#ffffff47}.app-dialog .reseau-group__fields{display:flex;flex-direction:column;gap:.8rem;padding:0 2.2rem 1.4rem}.app-dialog .reseau-group__input{width:100%;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:.9rem;background:#1a262d;color:#e9edef;font-family:inherit;font-size:1.4rem;outline:none}.app-dialog .reseau-group__input:focus{border-color:#ffd70073}.app-dialog .reseau-group__input--search{font-size:1.3rem;padding:.8rem 1.2rem}.app-dialog .reseau-group__pick{display:flex;align-items:center;gap:1.2rem;width:100%;cursor:pointer}.app-dialog .reseau-group__pick input{flex:0 0 auto;width:1.8rem;height:1.8rem;accent-color:#9b1d25;cursor:pointer}.app-dialog .reseau-group__foot{align-items:center;gap:.6rem}.app-dialog .reseau-group__spacer{flex:1 1 auto}.app-dialog .reseau-group__question{flex:1 1 auto;min-width:0;font-size:1.35rem;color:#e9edef}.app-dialog .reseau-group .reseau-members__close.reseau-group__danger{background:#9b1d25;border-color:#9b1d25;color:#fff}.app-dialog .reseau-group .reseau-members__close.reseau-group__danger:hover{background:#b0222b;border-color:#b0222b}.app-dialog .reseau-group .reseau-members__close:disabled{opacity:.45;cursor:default}#root>div{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;padding:2rem}#root>div h1{font-size:2.2rem;font-weight:400;text-align:center}#root>div .success-countdown{font-size:1.6rem;opacity:.8;text-align:center;margin:2rem 0 0}#root>div .success-info{font-size:1.6rem;text-align:center}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:before,.success-checkmark .check-icon:after{content:"";height:100px;position:absolute;background:#191919;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#191919}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.comments-section{display:flex;flex-direction:column;align-items:center;padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.comments-section header{padding:2rem;display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;position:relative}.comments-section header .calendar-btn{position:absolute;top:2rem;left:2rem;background:transparent;border:0;outline:0;padding:.4rem;cursor:pointer;opacity:.7;transition:opacity .2s ease}.comments-section header .calendar-btn svg{width:3rem;height:auto;display:block}.comments-section header .calendar-btn:hover{opacity:1}.comments-section header img{width:80%;max-width:9rem;margin-bottom:2rem}.comments-section header h1{width:calc(100% - 4rem);text-align:center;display:block;margin:0 auto;font-size:3rem}.comments-section header h1 .customer-last-name{white-space:nowrap}.comments-section header h1 .customer-name-actions{display:flex;justify-content:center;align-items:center;gap:1.6rem;margin-top:.8rem;margin-bottom:.8rem}.comments-section header h1 .customer-name-actions .customer-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;opacity:.6;cursor:pointer;transition:opacity .2s ease;text-decoration:none}.comments-section header h1 .customer-name-actions .customer-contact-icon svg{width:100%;height:100%;display:block}.comments-section header h1 .customer-name-actions .customer-contact-icon:hover{opacity:1}.comments-section header h1 .customer-name-actions .customer-contact-icon--phone{color:#4cd964}.comments-section header h1 .customer-name-actions .customer-edit-icon{width:2.2rem;height:2.2rem;opacity:.6;cursor:pointer;transition:opacity .2s ease}.comments-section header h1 .customer-name-actions .customer-edit-icon:hover{opacity:1}.comments-section header h1 .customer-name-actions .customer-delete-icon{width:2.2rem;height:2.2rem;color:#ff4d4d;opacity:.6;cursor:pointer;transition:opacity .2s ease}.comments-section header h1 .customer-name-actions .customer-delete-icon:hover{opacity:1}.comments-section header .pictures-actions{display:flex;gap:1rem;margin-top:1rem;width:calc(100vw - 4rem);overflow:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.comments-section header .pictures-actions::-webkit-scrollbar{display:none}.comments-section header .pictures-actions button{font-size:1.6rem;background-color:#060606;border:0;outline:0;padding:1rem 1.5rem;color:#fff;border-radius:.8rem;border:.2rem solid #060606;opacity:.8;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.comments-section header .pictures-actions button svg{width:3rem;height:3rem;margin-right:1rem}.comments-section header .pictures-actions button p{margin:0}.comments-section header .pictures-actions button:hover{opacity:1;border-color:#80171e}.comments-section h2{font-size:2rem;font-weight:400;color:#aaa;margin-bottom:1.5rem;align-self:flex-start;text-align:center;width:100%;padding:0 2rem}.comments-section .comments-list{width:100%;display:flex;flex-direction:column}.comments-section .no-comment{text-align:center;padding:2rem;font-size:1.6rem;color:#666}.comment{display:flex;align-items:center;background-color:#0f0f0f;padding:1.6rem 1.2rem;transition:border-color .2s ease}.comment:nth-child(2n){background-color:transparent}.comment:hover{border-color:#333}.comment__body{flex:1;display:flex;flex-direction:column;gap:.4rem}.comment__content{font-size:1.6rem;color:#fff;margin:0;line-height:1.4}.comment__meta{gap:.8rem;flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:.5rem}.comment__date{font-size:1.5rem;color:#666}.comment__author{font-size:1.2rem;color:#80171e;font-weight:700;display:none}.comment__actions{display:flex;gap:.5rem}.comment__btn{width:3.6rem;height:3.6rem;border:0;outline:0;border-radius:9999rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.comment__btn svg{width:1.8rem;height:1.8rem}.comment__btn--edit{background-color:#ffbf0020;border:solid 1px #ffbf00;color:#fff}.comment__btn--edit:hover{background-color:#2a2a2a;color:#fff}.comment__btn--delete{background-color:#ff4d4d20;border:solid 1px #ff4d4d;color:#fff}.comment__btn--delete:hover{background-color:#2d0a0d;color:#80171e}.comments-tabs{display:flex;width:100%;border-bottom:.15rem solid #222;margin-bottom:.5rem}.comments-tabs__btn{flex:1;padding:1.2rem 1rem;background:transparent;border:0;outline:0;color:#666;font-size:1.5rem;font-weight:600;cursor:pointer;transition:color .2s ease;border-bottom:.25rem solid transparent;margin-bottom:-.15rem}.comments-tabs__btn--active{color:#fff;border-bottom-color:#80171e}.comments-tabs__btn:hover:not(.comments-tabs__btn--active){color:#aaa}.photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;width:100%;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.photos-grid .no-comment{grid-column:1/-1}.photos-grid__item{aspect-ratio:1/1;overflow:hidden;background:#111;border:0;outline:0;padding:0;cursor:pointer;display:block;transition:opacity .15s ease}.photos-grid__item:hover{opacity:.85}.photos-grid__item img{width:100%;height:100%;object-fit:cover;display:block}.photo-popup{position:fixed;inset:0;background-color:#000000eb;display:flex;align-items:flex-end;justify-content:center;z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-fade-in .2s ease}.photo-popup__box{width:100%;background-color:#0d0d0d;border-radius:1.4rem 1.4rem 0 0;padding-bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;animation:modal-slide-up .25s ease;position:relative;overflow:hidden}.photo-popup__close{position:absolute;top:1rem;right:1rem;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#0009;border:0;outline:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.photo-popup__close svg{width:1.8rem;height:1.8rem}.photo-popup__close:hover{background-color:#000000d9}.photo-popup__img{width:100%;max-height:55vh;object-fit:contain;background:#000;display:block}.photo-popup__meta{display:flex;gap:1rem;padding:.8rem 1.5rem;font-size:1.3rem;color:#888;justify-content:center;text-align:center}.photo-popup__actions{display:flex;gap:1rem;padding:.5rem 1.5rem 0}.photo-popup__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1.1rem 1rem;border:0;outline:0;border-radius:.8rem;font-size:1.4rem;font-weight:700;cursor:pointer;transition:opacity .2s ease}.photo-popup__btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.photo-popup__btn--mail{background-color:#1a1a1a;color:#ccc;border:.15rem solid #333}.photo-popup__btn--mail:hover{background-color:#252525;color:#fff}.photo-popup__btn--delete{background-color:#ff4d4d20;color:#ff4d4d;border:.15rem solid rgba(255,77,77,.3333333333)}.photo-popup__btn--delete:hover{background-color:#2d0a0d}.comments-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;gap:1rem;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#000 60%,transparent)}.comments-bottom-nav__btn{flex:1;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:1.1rem 1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.comments-bottom-nav__btn svg{width:1.8rem;height:1.8rem;flex-shrink:0}.comments-bottom-nav__btn--back{background-color:#1a1a1a;color:#ccc}.comments-bottom-nav__btn--back:hover{background-color:#2a2a2a;color:#fff}.comments-bottom-nav__btn--new{background-color:#80171e;color:#fff}.comments-bottom-nav__btn--new:hover{opacity:.85}.comment-modal{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease}.comment-modal__box{width:100%;background-color:#111;border-radius:1.2rem 1.2rem 0 0;padding:2rem 1.5rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.2rem;animation:modal-slide-up .25s ease}.comment-modal h3{font-size:1.8rem;font-weight:700;margin:0;text-align:center;color:#fff}.comment-modal__textarea{width:100%;background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.8rem;color:#fff;font-size:1.6rem;line-height:1.5;padding:1rem 1.2rem;resize:none;outline:none;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.comment-modal__textarea::placeholder{color:#555}.comment-modal__textarea:focus{border-color:#80171e}.comment-modal__actions{display:flex;gap:1rem}.comment-modal__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.comment-modal__btn--cancel{background-color:#1e1e1e;color:#aaa}.comment-modal__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.comment-modal__btn--submit{background-color:#80171e;color:#fff}.comment-modal__btn--submit:hover{opacity:.85}.comment-modal__btn--submit:disabled{opacity:.35;cursor:not-allowed}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dialog-pop-in{0%{opacity:0;transform:scale(.9) translateY(1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes icon-pop-in{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.app-dialog{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;animation:modal-fade-in .2s ease}.app-dialog__box{width:100%;max-width:32rem;background-color:#111;border-radius:1.4rem;padding:2.4rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;border-top:.3rem solid #80171E;box-shadow:0 1.5rem 4rem #00000080;animation:dialog-pop-in .25s cubic-bezier(.34,1.56,.64,1)}.app-dialog__box--success{border-top-color:#2ecc71}.app-dialog__box--error{border-top-color:#ff4d4d}.app-dialog__box--confirm{border-top-color:#e8a020}.app-dialog__icon{width:5.2rem;height:5.2rem;border-radius:9999rem;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;animation:icon-pop-in .35s cubic-bezier(.34,1.56,.64,1) .05s backwards}.app-dialog__icon svg{width:2.6rem;height:2.6rem}.app-dialog__box--success .app-dialog__icon{background-color:#2ecc7120;color:#2ecc71}.app-dialog__box--error .app-dialog__icon{background-color:#ff4d4d20;color:#ff4d4d}.app-dialog__box--confirm .app-dialog__icon{background-color:#e8a02020;color:#e8a020}.app-dialog h3{font-size:1.9rem;font-weight:700;margin:0;color:#fff}.app-dialog__message{font-size:1.5rem;line-height:1.5;color:#ccc;margin:0}.app-dialog__actions{display:flex;gap:1rem;width:100%;margin-top:.6rem}.app-dialog__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease,transform .1s ease;margin-top:.6rem;background-color:#80171e;color:#fff}.app-dialog__btn:hover{opacity:.85}.app-dialog__btn:active{transform:scale(.97)}.app-dialog__btn--cancel{background-color:#1e1e1e;color:#aaa;margin-top:0}.app-dialog__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.app-dialog__btn--confirm{margin-top:0}.app-dialog__btn--danger{background-color:#ff4d4d}.edit-client-modal{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease}.edit-client-modal__box{width:100%;background-color:#111;border-radius:1.2rem 1.2rem 0 0;padding:2rem 1.5rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.4rem;animation:modal-slide-up .25s ease}.edit-client-modal h3{font-size:1.8rem;font-weight:700;margin:0;text-align:center;color:#fff}.edit-client-modal__fields{display:flex;flex-direction:column;gap:1rem}.edit-client-modal__field{display:flex;flex-direction:column;gap:.4rem}.edit-client-modal__field label{font-size:1.3rem;color:#888;font-weight:500}.edit-client-modal__field input,.edit-client-modal__field select{background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.8rem;color:#fff;font-size:1.6rem;padding:.9rem 1.2rem;outline:none;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box;width:100%}.edit-client-modal__field input::placeholder,.edit-client-modal__field select::placeholder{color:#555}.edit-client-modal__field input:focus,.edit-client-modal__field select:focus{border-color:#80171e}.edit-client-modal__field select{appearance:none;cursor:pointer;padding-right:3.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center}.edit-client-modal__field select option{background-color:#1a1a1a;color:#fff}.edit-client-modal__input-row{display:flex;align-items:stretch;gap:.8rem}.edit-client-modal__input-row input{flex:1;min-width:0}.edit-client-modal__contact-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.6rem;background-color:#1a1a1a;border:.15rem solid #2e2e2e;border-radius:.8rem;color:#fff;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.edit-client-modal__contact-btn svg{width:2.2rem;height:2.2rem;display:block}.edit-client-modal__contact-btn:hover{border-color:#80171e;background-color:#222}.edit-client-modal__contact-btn--disabled{opacity:.3;pointer-events:none}.edit-client-modal__warning{font-size:1.3rem;color:#e8a020;background-color:#2a1f00;border:.1rem solid #5a3d00;border-radius:.6rem;padding:.7rem 1rem;margin:0;line-height:1.4}.edit-client-modal__actions{display:flex;gap:1rem}.edit-client-modal__btn{flex:1;padding:1.1rem;border:0;outline:0;border-radius:.8rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.edit-client-modal__btn--cancel{background-color:#1e1e1e;color:#aaa}.edit-client-modal__btn--cancel:hover{background-color:#2a2a2a;color:#fff}.edit-client-modal__btn--submit{background-color:#80171e;color:#fff}.edit-client-modal__btn--submit:hover{opacity:.85}.edit-client-modal__btn--submit:disabled{opacity:.35;cursor:not-allowed}