:root{--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc04;--google-green:#34a853;--google-gray:#5f6368;--font-family:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-color:#fff;--text-color:#202124;--border-radius-lg:24px;--border-radius-md:12px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-family);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;line-height:1.5}h1,h2,h3,h4{color:#3c4043;font-weight:500}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.google-btn{background-color:var(--google-blue);color:#fff;border-radius:var(--border-radius-lg);padding:12px 24px;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:hover{background-color:#1a73e8;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.google-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:disabled{color:#9aa0a6;box-shadow:none;cursor:not-allowed;background-color:#dadce0}.app-container{background:#fff;flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 20px #0000000d}.p-20{padding:20px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.app-content{touch-action:pan-y}:root{--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--cui-primary:#321fdb;--cui-success:#2eb85c;--cui-danger:#e55353;--cui-warning:#f9b115;--cui-info:#39f;--cui-body-bg:#ebedef;--cui-card-bg:#fff;--cui-text-heading:#4f5d73;--cui-text-body:#8a93a2;--cui-border-color:#d8dbe0;--cui-border-radius:.375rem;--cui-box-shadow:0 1px 1px 0 #3c4b6424;--font-family:"Inter", "Roboto", "Google Sans", sans-serif}body{font-family:var(--font-family);background-color:var(--cui-body-bg);color:var(--cui-text-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{color:var(--cui-text-heading);margin-top:0}.drawer-overlay{z-index:1000;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{z-index:1001;background:#fff;flex-direction:column;width:280px;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 10px #0000001a}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #f1f3f4;align-items:center;padding:20px;display:flex}.drawer-header h3{color:#3c4043;margin:0;font-size:1.2rem}.close-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;margin-right:15px;padding:0;font-size:24px;line-height:1}.drawer-nav{flex-direction:column;flex:1;padding:20px 0;display:flex}.nav-item{color:#5f6368;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:12px 24px;font-size:1rem;transition:background-color .2s,color .2s;display:flex}.nav-item:hover{color:var(--google-blue);background-color:#f8f9fa}.nav-item.active{color:var(--google-blue);background-color:#e8f0fe;font-weight:500}.nav-icon{margin-right:15px;font-size:1.2rem}.drawer-footer{background-color:#f8f9fa;border-top:1px solid #f1f3f4;padding:20px}.drawer-lang-selector{margin-bottom:20px}.drawer-lang-selector label{color:#80868b;margin-bottom:5px;font-size:.8rem;display:block}.drawer-lang-selector select{color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:4px;width:100%;padding:8px}.drawer-branding{color:#5f6368;align-items:center;gap:10px;font-size:.9rem;display:flex}