.access-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--background);z-index:1000;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.access-card{width:min(100%,720px);margin:3vh auto;padding:clamp(16px,4vw,32px);border:1px solid var(--border);border-radius:16px;background:var(--surface)}.access-logo{display:block;width:190px;max-width:70%;height:auto;margin-bottom:24px}.access-badge{display:table;border:2px solid var(--accent);border-radius:50%;padding:16px;font-size:26px;font-weight:700}.access-card h1{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.2}.access-card p{color:var(--muted);line-height:1.6}.access-card button{display:block;width:100%;min-height:48px;margin:12px 0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text);font-weight:700}.access-card .access-yes{background:var(--accent);color:var(--on-accent)}.access-card button:disabled{opacity:.6}.access-links{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}.access-card a{color:var(--text);text-decoration:underline}.access-loading{padding:24px}.privacy-banner{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:780px;max-height:60dvh;overflow:auto;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;z-index:1200;box-shadow:0 8px 32px #0009}.privacy-banner p{line-height:1.5;margin:0 0 12px}.privacy-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.privacy-actions button,.privacy-actions a{color:var(--text);text-decoration:underline}.privacy-dialog{width:min(92vw,560px);max-height:85dvh;overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:24px}.privacy-dialog::backdrop{background:#000b}.privacy-dialog p{line-height:1.5}.privacy-dialog label{display:flex;align-items:flex-start;gap:12px;padding:12px 0}.privacy-dialog input{width:22px;height:22px;accent-color:var(--accent)}.access-page :focus-visible,.privacy-dialog :focus-visible,.privacy-banner :focus-visible,.privacy-open:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}.feed-preference-dialog{position:relative}.feed-preference-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:24px;cursor:pointer}.feed-preference-close:disabled{opacity:.45;cursor:default}.feed-preference-dialog h2{padding-right:32px}.entry-choice{display:flex;align-items:flex-start;gap:12px;padding:12px 0;line-height:1.5}.entry-choice input{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--accent)}:root{font-family:DM Sans,sans-serif;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--background: #0B0810;--surface: #19121F;--border: #37253E;--text: #F7F2F8;--accent-secondary: #8B3DFF;--accent-red: #E40000;--on-accent: #0B0810;--background-rgb: 11, 8, 16;--surface-rgb: 25, 18, 31;--accent-soft: rgba(229, 0, 222, .1);--accent-border: rgba(229, 0, 222, .35);--muted: #BDADC5;--accent: #E500DE}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:4px}::selection{color:var(--on-accent);background:var(--accent)}.form-submit:not(:disabled):hover,.public-profile-follow:not(:disabled):hover,.retry-button:not(:disabled):hover{background:var(--accent-secondary);color:var(--text)}.nav-item:hover,.mobile-navigation-dialog button:hover,.mobile-navigation-dialog button:focus-visible{background:#8b3dff1f;color:var(--text)}.action-button:hover .action-icon,.video-options-actions button:not(:disabled):hover{border-color:var(--accent-secondary);box-shadow:0 0 12px #8b3dff38}
