html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.background{z-index:0;background:url(/Flowlearner%20background.png) 50%/cover no-repeat;position:fixed;inset:0}body{color:#000;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:sans-serif;line-height:1.5}.container{z-index:1;box-sizing:border-box;width:100%;max-width:760px;height:100%;margin:0 auto;padding:20px;position:relative}:root{--r-tab:14px;--r-shell:24px;--r-panel:20px;--tab-overlap:10px;--tab-lift:10px;--tab-gap:14px;--active-drop:24px;--seam-cap:14px;--tab-row-gap:12px;--shell-surface:#ffffff80}.tab-system{border-radius:var(--r-shell);touch-action:pan-y;flex-direction:column;height:100%;min-height:0;display:flex}.tab-row{gap:var(--tab-row-gap);border-radius:var(--r-shell);z-index:2;padding-bottom:var(--tab-gap);align-items:flex-start;display:flex;position:relative}.tab{min-width:0;color:inherit;border-radius:var(--r-tab);text-align:left;z-index:3;border:0;flex:1;align-items:center;gap:12px;padding:10px 14px;font-size:24px;font-weight:600;transition:background .15s;display:flex;position:relative}.tab-icon{object-fit:cover;border-radius:50%;flex:0 0 40px;width:40px;height:40px}.active-tab{background:var(--shell-surface);padding-bottom:calc(10px + var(--tab-gap));margin-bottom:calc(-1 * var(--tab-gap));cursor:default;border-bottom-right-radius:0;border-bottom-left-radius:0}.inactive-tab{background:var(--shell-surface);cursor:pointer}.mother-container{background:var(--shell-surface);border-radius:var(--r-shell);-webkit-backdrop-filter:blur(2px);z-index:1;flex:1;min-height:0;margin-top:0;padding-top:0;position:relative;overflow:visible}.tab-system.active-flowlearner .mother-container{border-top-left-radius:0}.tab-system.active-creators .mother-container{border-top-right-radius:0}.tab-panel{border-radius:var(--r-shell);flex-direction:column;gap:14px;height:100%;min-height:0;padding:14px;display:flex;overflow:hidden}.rounded-container{overflow-wrap:break-word;background:#fff3;border-radius:18px;padding:16px}.header{text-align:center}.logo{border-radius:50%;width:64px;height:64px;margin:0 auto 10px;display:block}.title{margin:0;font-size:32px}.subtitle{overflow-wrap:break-word;margin:10px 0;font-size:18px}.section-header{align-items:center;margin-bottom:10px;display:flex}.icon{margin-right:10px;font-size:24px}.section-title{margin:0;font-size:24px}.section-text{overflow-wrap:break-word;margin:0;font-size:16px}.yellow-icon{color:#ff0}.blue-icon{color:#3b82f6}.purple-icon{color:#7c3aed}.social-buttons{flex-wrap:wrap;justify-content:flex-start;margin:20px 0;display:flex}.social-button{color:#000;background-color:#ddd;border-radius:20px;margin:5px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-block}.support{text-align:center;margin:10px 0;font-size:12px}.support a{color:inherit}.copyright{text-align:center;font-size:12px}.home-container{z-index:1;box-sizing:border-box;place-items:center;width:min(760px,100% - 40px);min-height:100%;margin:0 auto;display:grid;position:relative}.home-card{background:var(--shell-surface);-webkit-backdrop-filter:blur(4px);text-align:center;border-radius:28px;width:100%;padding:24px;box-shadow:0 20px 60px #0000002e}.home-logo{object-fit:cover;border-radius:50%;width:72px;height:72px;margin-bottom:14px}.home-eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.home-title{margin:0;font-size:clamp(34px,7vw,58px);line-height:1}.home-subtitle{max-width:540px;margin:16px auto 0;font-size:18px}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.home-button{min-height:74px;color:inherit;background:#ffffff52;border-radius:20px;justify-content:center;align-items:center;padding:14px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.home-button:hover,.home-button:focus-visible{background:#ffffff80}@media (width>=768px){.container{max-width:900px}.social-buttons{justify-content:center}}@media (prefers-color-scheme:dark){:root{--shell-surface:#00000080}body{color:#fff}.rounded-container{background:#0000003d}.social-button{color:#fff;background-color:#333}}@media (width<=480px){.container{padding:10px}.tab-panel{gap:10px;padding:10px}.tab{font-size:20px}.title{font-size:28px}.subtitle{font-size:16px}.section-title{font-size:20px}.section-text{font-size:14px}.home-container{width:min(100% - 20px,760px)}.home-card{padding:18px}.home-actions{grid-template-columns:1fr}.home-button{min-height:56px;font-size:16px}}