:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;height:100%}#root{height:100%;max-width:780px;min-width:320px;margin:0 auto;padding:1rem 2rem 2rem;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.social-layout{display:flex;flex-direction:column;height:100%}.social-title{text-align:center;padding:clamp(.5rem,1.5vh,1rem) 0}.social-title h1{margin:0;font-size:2.8em;font-weight:700}.social-user-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.social-user-info{display:flex;flex-direction:row;align-items:center;gap:.75rem}.social-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.social-user-text{display:flex;flex-direction:column;gap:.15rem}.social-user-name{font-weight:600;font-size:1.05em}.social-user-email{font-size:.9em;opacity:.65}.social-action-buttons{display:flex;gap:.6rem}.social-action-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 1rem;border:1.5px solid #646cff!important;border-radius:10px;background-color:transparent;font-size:.9em;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.dirty-dot{position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background-color:#f59e0b;border:2px solid #242424}.social-action-btn:hover{background-color:#646cff;color:#fff}@media(prefers-color-scheme:light){.dirty-dot{border-color:#fff}}.social-action-ts{font-size:.78em;opacity:.65}.social-action-btn:hover .social-action-ts{opacity:.9}.social-nav{display:flex;gap:.5rem;padding:.75rem 0 0}.social-nav-tab{background:transparent;border:none!important;border-radius:0;padding:.5rem .75rem .6rem;font-size:1.25em;font-weight:500;cursor:pointer;opacity:.6;border-bottom:3px solid transparent!important;transition:opacity .15s,border-bottom-color .15s}.social-nav-tab:hover{opacity:.9;border-color:transparent}.social-nav-tab.active{opacity:1;border-bottom-color:#646cff!important}.social-content{flex:1;padding:.5rem;opacity:.6;font-size:1.05em}.container{display:flex;flex-direction:column;height:100%}.main{flex:1;display:flex;flex-direction:column;gap:clamp(1.5rem,4vh,3rem);padding:clamp(.75rem,2vh,2rem) 0 0}.title-section{text-align:center}.title-section h1{font-size:2.8em;font-weight:700;margin:0}.login-section{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.login-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.2em;font-weight:600;border:2px solid #646cff;border-radius:12px;text-decoration:none;transition:background-color .2s,color .2s}.login-button:hover{background-color:#646cff;color:#fff}.email-icon{width:32px;height:32px;object-fit:contain;border-radius:6px}.intro-section{width:100%;text-align:justify;flex:1;min-height:0;overflow-y:auto}.intro-section p{font-size:1.05em;line-height:1.7;color:#ffffffbf;margin:0 0 1em}.intro-section ul{font-size:1.05em;line-height:1.7;color:#ffffffbf;margin:0 0 1em;padding-left:1.5em}.intro-section li{margin-bottom:.25em}.intro-section .key-principle{font-size:1.5em}.intro-section strong{color:#fffffff2}@media(prefers-color-scheme:light){.intro-section p,.intro-section ul{color:#444}.intro-section strong{color:#213547}}.footer{text-align:center;padding:1.5rem 0;font-size:.9em}