/* Ozzoo Premium White · design system */
:root{--oz-ink:#101a35;--oz-muted:#66738b;--oz-border:#e7ebf4;--oz-purple:#6746e8;--oz-blue:#315edc;--oz-bg:#f6f8fc;--oz-shadow:0 10px 32px rgba(20,33,71,.055)}
html,body{max-width:100%;overflow-x:clip}body.app-body{background:var(--oz-bg)!important;color:var(--oz-ink)!important;font-family:Manrope,'DM Sans',sans-serif!important}body.app-body *{box-sizing:border-box}body.app-body h1,body.app-body h2,body.app-body h3,body.app-body strong{color:var(--oz-ink);letter-spacing:-.035em}body.app-body p,body.app-body small{line-height:1.55}body.app-body .panel,body.app-body .post-card,body.app-body .composer,body.app-body .profile-card,body.app-body .settings-card{background:#fff!important;border:1px solid var(--oz-border)!important;border-radius:20px!important;box-shadow:var(--oz-shadow)!important}body.app-body .btn-primary{background:linear-gradient(115deg,#315edc,#7450e9)!important;color:white!important;border:0!important;box-shadow:0 6px 16px #614be02b}body.app-body .btn-outline{background:#fff!important;color:#30416c!important;border:1px solid #dce3f2!important}body.app-body .btn{border-radius:11px!important;font-weight:800!important}body.app-body .field{font-size:14px!important;min-height:46px!important;border:1px solid #dfe5f1!important;border-radius:11px!important;color:#172444!important}body.app-body .field-label{font-size:12px!important;color:#33405c!important}body.app-body .field:focus{border-color:#7556e8!important;box-shadow:0 0 0 4px #7556e819!important}body.app-body .avatar{overflow:hidden}body.app-body .avatar img{width:100%;height:100%;object-fit:cover}body.app-body .avatar.framed{overflow:visible!important;border-width:3px!important;box-shadow:0 0 0 3px white,0 3px 10px #24305220}body.app-body .avatar.framed img{border-radius:50%}body.app-body .profile-cover{background:radial-gradient(circle at 85% 20%,#d8d3ff,transparent 35%),linear-gradient(115deg,#eaf1ff,#f5edff)!important}body.app-body .profile-names h1{font-size:clamp(24px,4vw,35px)!important}body.app-body .post-body{font-size:15px!important;line-height:1.75!important;overflow-wrap:anywhere;word-break:normal}body.app-body .post-card{overflow:visible}body.app-body .post-card img,body.app-body .post-card video,body.app-body iframe{max-width:100%}body.app-body .post-actions{display:flex!important;align-items:stretch!important;gap:5px!important;flex-wrap:nowrap!important}body.app-body .post-action{flex:1 1 0!important;min-width:0!important;justify-content:center!important;gap:6px!important;font-size:12px!important;font-weight:800!important;padding:12px 5px!important;white-space:nowrap!important}body.app-body .post-action svg{width:19px;height:19px;flex-shrink:0}body.app-body .topic-tabs,body.app-body .feed-filters,body.app-body .feed-categories{max-width:100%;overflow-x:auto!important;scrollbar-width:none;display:flex!important;flex-wrap:nowrap!important;gap:9px!important}body.app-body .topic-tabs>*,body.app-body .feed-filters>*,body.app-body .feed-categories>*{flex:0 0 auto!important;white-space:nowrap!important}body.app-body .feed-top,body.app-body .feed-layout,body.app-body .feed-main,body.app-body .main-content{min-width:0!important}body.app-body .feed-top h1{font-size:clamp(25px,4vw,34px)!important}body.app-body .buzz-tile{border-radius:17px!important;overflow:hidden}body.app-body .buzz-tile:focus-visible,body.app-body button:focus-visible,body.app-body a:focus-visible{outline:3px solid #7a5bee!important;outline-offset:3px}body.app-body .composer-top{font-size:14px!important}body.app-body .role-pill{font-weight:800!important}body.app-body .frames-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;gap:12px!important}body.app-body .frame-option{padding:14px!important;border-radius:14px!important;background:#fff!important;color:#263452!important;font-size:12px!important;gap:12px!important;transition:transform .15s,border-color .15s,box-shadow .15s}body.app-body .frame-option:hover{transform:translateY(-2px);border-color:#a99af6!important}body.app-body .frame-option:has(input:checked){background:#f6f3ff!important;border:2px solid #7655e8!important;box-shadow:0 0 0 3px #7655e814!important}body.app-body .frame-preview{height:47px!important;width:47px!important;font-size:13px!important;overflow:hidden!important;flex:0 0 47px!important}body.app-body .frame-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.frame-live-preview{display:flex;align-items:center;gap:22px;padding:20px;margin-bottom:18px;border:1px solid #e4defb;border-radius:18px;background:linear-gradient(120deg,#fbfaff,#f0f5ff)}.frame-live-preview .avatar{width:104px!important;height:104px!important;flex:0 0 104px!important}.frame-live-preview strong{font-size:17px}.frame-live-preview p{color:#6a7690;font-size:12px;margin:7px 0 0}.oz-avatar-editor{background:#fafbff;border:1px solid #e0e5f1;border-radius:18px;padding:18px;margin:18px 0}.oz-crop-viewport{touch-action:none;cursor:grab}.oz-crop-viewport:active{cursor:grabbing}#oz-crop-zoom{accent-color:#6746e8;width:min(100%,340px)}
@media(max-width:700px){body.app-body .container{width:calc(100% - 24px)!important}body.app-body .post-card{padding:15px 13px 0!important;border-radius:17px!important}body.app-body .post-body{font-size:14px!important}body.app-body .post-action{font-size:11px!important;gap:4px!important;padding:12px 2px!important}body.app-body .post-action svg{width:17px;height:17px}body.app-body .composer-bottom{display:flex!important;gap:5px!important;flex-wrap:wrap!important}body.app-body .composer-bottom button{font-size:11px!important;flex:1 1 auto!important}body.app-body .feed-top{flex-wrap:wrap!important;gap:8px!important}body.app-body .profile-action{padding-top:52px!important}body.app-body .profile-main-avatar>.avatar{width:100px!important;height:100px!important;flex-basis:100px!important}body.app-body .frames-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.app-body .frame-option{padding:10px!important;gap:7px!important;font-size:11px!important}body.app-body .frame-preview{width:38px!important;height:38px!important;flex-basis:38px!important}body.app-body .frame-live-preview .avatar{width:86px!important;height:86px!important;flex-basis:86px!important}body.app-body .settings-card{padding:17px!important}}
@media(max-width:390px){body.app-body .post-action{font-size:10px!important}body.app-body .post-action svg{width:16px;height:16px}body.app-body .frames-grid{grid-template-columns:1fr 1fr!important}}@media(prefers-reduced-motion:reduce){body.app-body .frame-option{transition:none!important}}