*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b0e17;color:#dfe4ef;font:14px/1.45 Arial,sans-serif}a{color:#c9d5ff;text-decoration:none}a:hover{color:#fff}.wrap{width:min(1380px,calc(100% - 32px));margin:auto}.top{background:#111629;border-bottom:1px solid #262d45;position:sticky;top:0;z-index:5}.topin{height:66px;display:flex;align-items:center;gap:34px}.brand{font-size:25px;font-weight:800;color:#fff}.brand span{color:#f33b65}.top nav{display:flex;gap:6px}.top nav a,.account a{padding:10px 13px;border-radius:6px}.top nav a.active,.top nav a:hover{background:#202741}.account{margin-left:auto;display:flex;align-items:center;gap:5px}.subbar{background:#171d31;border-bottom:1px solid #29304a}.subbar>.wrap{height:48px;display:flex;align-items:center;gap:24px}.search{margin-left:auto}.search input{width:280px;margin:0;background:#0e1323}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding-top:20px}.breadcrumb{color:#8f9ab8;margin:4px 0 14px}.breadcrumb a{color:#aab6d8}.welcome,.panel,.sidecard{background:#12182a;border:1px solid #252d47;border-radius:9px;padding:20px;margin-bottom:18px}.welcome{background:linear-gradient(120deg,#181d36,#29162f)}h1{margin:0 0 8px;font-size:25px}h2,h3{margin-top:0}.forumblock{border:1px solid #29314b;border-radius:8px;overflow:hidden;margin-bottom:18px;background:#111729}.cathead{padding:11px 15px;background:#242c48;border-bottom:1px solid #303a5b}.cathead strong{font-size:16px}.cathead span{margin-left:12px;color:#9ba6c3;font-size:12px}.forumrow{display:grid;grid-template-columns:46px minmax(260px,1fr) 90px 90px 270px;align-items:center;min-height:78px;border-bottom:1px solid #242b43;padding:10px 14px}.forumrow:last-child{border:0}.forumrow:hover{background:#151c30}.forumicon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#272f50}.forumtitle,.threadtitle{font-weight:700;font-size:16px;color:#edf1ff}.foruminfo div,.counts span,.lastpost span,small{display:block;color:#8f9ab8;font-size:12px;margin-top:3px}.counts{text-align:center}.counts b{display:block}.lastpost b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidecard h3{border-bottom:1px solid #29304a;padding-bottom:10px}.access{font-weight:700;font-size:17px}.access.ok{color:#76d69a}.progress{height:8px;background:#262d44;border-radius:20px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:#f33b65}.stats span{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #232a40}.pagehead{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.button,button{display:inline-block;border:0;border-radius:6px;background:#ed315c;color:white;padding:10px 15px;font-weight:700;cursor:pointer}.button.mini{padding:8px 11px}.threadlist{border:1px solid #29314b;border-radius:8px;overflow:hidden;background:#111729}.threadhead,.threadrow{display:grid;grid-template-columns:minmax(300px,1fr) 100px 220px;gap:15px;align-items:center;padding:12px 15px}.threadhead{background:#242c48;font-weight:700}.threadrow{min-height:66px;border-top:1px solid #242b43}.threadrow:hover{background:#151c30}.num{text-align:center}.empty{text-align:center;padding:35px;color:#8f9ab8}.post{display:grid;grid-template-columns:170px 1fr;background:#111729;border:1px solid #29314b;border-radius:8px;margin:14px 0;overflow:hidden}.author{padding:18px;text-align:center;background:#151b2e;border-right:1px solid #29314b}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#303a61;margin:0 auto 8px;font-size:22px;font-weight:800}.postbody{padding:16px 20px;min-height:150px}.postmeta{text-align:right;color:#7f8aa8;font-size:12px;border-bottom:1px solid #252c43;padding-bottom:9px}.posttext{padding-top:16px;font-size:15px}.narrow{width:min(720px,calc(100% - 32px));margin:40px auto}form{display:grid;gap:12px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #313a58;border-radius:6px;background:#0d1221;color:#fff}textarea{resize:vertical}.locked{text-align:center;padding:60px}.locked>div{font-size:40px}.mediagrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mediacard{background:#12182a;border:1px solid #29314b;border-radius:8px;overflow:hidden}.mediacard img,.mediacard video{width:100%;height:210px;object-fit:cover;background:#05070c}.mediacard>div{padding:11px}.membergrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.member{display:flex;align-items:center;gap:12px;background:#12182a;border:1px solid #29314b;border-radius:8px;padding:14px}.member .avatar{margin:0;width:42px;height:42px;font-size:16px}@media(max-width:950px){.layout{grid-template-columns:1fr}.forumrow{grid-template-columns:46px 1fr 75px 75px}.lastpost{display:none}.mediagrid,.membergrid{grid-template-columns:repeat(2,1fr)}.top nav{display:none}}@media(max-width:600px){.forumrow{grid-template-columns:40px 1fr}.counts{display:none}.threadhead,.threadrow{grid-template-columns:1fr 70px}.threadhead span:last-child,.threadrow>div:last-child{display:none}.post{grid-template-columns:1fr}.author{border-right:0;border-bottom:1px solid #29314b}.mediagrid,.membergrid{grid-template-columns:1fr}.account span{display:none}.subbar{display:none}}
/* v0.5 thread media */
.uploadbox{max-width:850px;margin:28px auto}.uploadbox form{display:grid;gap:14px}.uploadbox label:not(.check){display:grid;gap:7px;font-weight:700}.uploadbox input,.uploadbox select{width:100%;box-sizing:border-box}.check{display:flex;gap:9px;align-items:flex-start}.notice{padding:12px 14px;border:1px solid #35405f;background:#151c32;border-radius:8px;margin:12px 0}.threadmedia{margin:18px 0 24px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectiontitle h2{margin:0 0 14px}.mediagrid.compact{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.mediaframe{aspect-ratio:16/10;background:#090d18;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.mediaframe img,.mediaframe video{width:100%;height:100%;object-fit:cover}.lockedpreview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#171d32,#24203a);text-align:center}.lockedpreview span{font-size:30px}.lockedpreview small{opacity:.7}.media-locked{border-color:#353a55}
/* v0.6 new thread attachments */
.newthread label:not(.check){display:grid;gap:7px;font-weight:700}.attachbox{margin-top:8px;padding:16px;border:1px solid #303956;border-radius:8px;background:#101629}.attachbox h3{margin:0 0 6px}.attachbox .small{margin:4px 0 12px;color:#929dbb}.attachbox input[type=file]{padding:14px;border-style:dashed}.attachbox .check input{width:auto;margin-top:3px}.newthread button{margin-top:4px}
/* v0.7 creator profiles */
.profilefields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.linkbox{padding:16px;border:1px solid #303956;border-radius:8px;background:#101629;display:grid;grid-template-columns:1fr 1fr;gap:10px}.linkbox h3,.linkbox p{grid-column:1/-1}.creatorhero{padding:0;overflow:hidden}.creatorcover{display:block;width:100%;height:280px;object-fit:cover;background:#090d18}.creatoridentity{position:relative;display:flex;align-items:center;gap:18px;padding:18px 22px}.creatoravatar{width:100px;height:100px;border-radius:14px;object-fit:cover;border:4px solid #12182a;margin-top:-54px;background:#242c48}.creatoravatar.placeholder{display:grid;place-items:center;font-size:34px;font-weight:800}.creatoridentity h1{margin:0}.creatoridentity p{margin:4px 0 8px;color:#9ba6c3}.platformlinks{display:flex;flex-wrap:wrap;gap:7px}.platformlinks a{background:#242c48;border:1px solid #35405f;padding:6px 9px;border-radius:6px;font-size:12px}.hero-upload{margin-left:auto}@media(max-width:650px){.profilefields,.linkbox{grid-template-columns:1fr}.linkbox h3,.linkbox p{grid-column:1}.creatorcover{height:180px}.creatoridentity{align-items:flex-start;flex-wrap:wrap}.creatoravatar{width:78px;height:78px}.hero-upload{margin-left:0;width:100%;text-align:center}}
/* v0.8 media inside posts */
.postmedia{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:18px}.postmediaitem{position:relative;overflow:hidden;border:1px solid #303956;border-radius:8px;background:#090d18;min-height:150px}.postmediaitem img,.postmediaitem video{display:block;width:100%;height:220px;object-fit:cover;background:#05070c}.postmediaitem a{display:block}.media-status{position:absolute;left:8px;bottom:8px;background:rgba(10,14,24,.88);padding:5px 8px;border-radius:5px;color:#d8def2}.reply form{display:grid;gap:12px}.reply form>label{display:grid;gap:7px;font-weight:700}.replymedia{padding:14px;border:1px solid #303956;border-radius:8px;background:#101629;display:grid;gap:10px}.replymedia>label:not(.check){display:grid;gap:7px;font-weight:700}.replymedia input[type=file]{padding:14px;border-style:dashed}.replymedia .check input{width:auto;margin-top:3px}@media(max-width:650px){.postmedia{grid-template-columns:1fr}.postmediaitem img,.postmediaitem video{height:auto;max-height:480px}}

/* v0.8.1 image lightbox */
.postmediaitem a.cn-lightbox-link{display:block;cursor:zoom-in}
.cn-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:56px 72px}
.cn-lightbox.open{display:flex}
.cn-lightbox-image{display:block;max-width:calc(100vw - 144px);max-height:calc(100vh - 112px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.55)}
.cn-lightbox-close,.cn-lightbox-prev,.cn-lightbox-next{position:fixed;border:0;background:rgba(18,24,43,.88);color:#fff;cursor:pointer;z-index:10000;border-radius:10px;font-size:30px;line-height:1}
.cn-lightbox-close{top:18px;right:22px;width:46px;height:46px}
.cn-lightbox-prev,.cn-lightbox-next{top:50%;transform:translateY(-50%);width:52px;height:64px}
.cn-lightbox-prev{left:18px}.cn-lightbox-next{right:18px}
.cn-lightbox-counter{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(18,24,43,.88);color:#fff;padding:7px 12px;border-radius:999px;font-size:13px}
body.cn-lightbox-open{overflow:hidden}
@media(max-width:700px){.cn-lightbox{padding:55px 12px 70px}.cn-lightbox-image{max-width:calc(100vw - 24px);max-height:calc(100vh - 125px)}.cn-lightbox-prev,.cn-lightbox-next{width:42px;height:54px;font-size:25px}.cn-lightbox-prev{left:7px}.cn-lightbox-next{right:7px}}


/* v0.8.2 media protection + hover cursor fix */
.postmediaitem a.cn-lightbox-link,
.postmediaitem a.cn-lightbox-link:hover,
.postmediaitem a.cn-lightbox-link img,
.postmediaitem a.cn-lightbox-link:hover img{cursor:zoom-in!important}
.cn-protected-media,.cn-lightbox-image{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.cn-lightbox-image{cursor:default!important}
/* v0.8.3 creator profile editing */
.creator-edit{margin-left:auto;background:#303a61}.creator-edit+.hero-upload{margin-left:0}.editcreator .pagehead{margin:0 0 18px}.editcreator .pagehead p{margin:5px 0 0}.button.secondary{background:#303a61}.edit-preview{display:block;margin:4px 0 8px;border:1px solid #35405f;background:#090d18}.avatar-preview{width:96px;height:96px;object-fit:cover;border-radius:10px}.cover-preview{width:100%;height:110px;object-fit:cover;border-radius:8px}.editcreator label small{font-weight:400;color:#8f9ab8}@media(max-width:650px){.creator-edit{margin-left:0}.creator-edit,.hero-upload{width:100%;text-align:center}}

/* v0.9 platform icons, guest lock and registration */
.platformlinks{align-items:center}.platformlinks .platformicon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;transition:.15s transform,.15s background}.platformlinks .platformicon:hover{transform:translateY(-2px);background:#303a61}.platformicon svg{width:20px;height:20px;display:block}.platformicon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.platform-instagram{color:#f05}.platform-tiktok{color:#fff}.platform-youtube{color:#ff334d}.platform-onlyfans{color:#32a9e0}.platform-fansly{color:#4ba3ff}.platform-website{color:#c8d1eb}.guestlock{text-align:center;max-width:720px;margin:38px auto;padding:42px 28px}.guestlock-icon{font-size:42px}.guestlock h1{margin:10px 0}.guestlock p{color:#aab4d0;max-width:560px;margin:0 auto 22px}.authpanel{max-width:520px;margin:60px auto}.authpanel form{display:grid;gap:12px}.authpanel .check{display:flex;gap:9px;align-items:flex-start}.authpanel .check input{width:auto;margin-top:3px}

/* v0.9.2 central upload */
.account .button.mini{display:inline-flex;align-items:center;gap:6px}
.cn-upload-center{max-width:900px;margin:28px auto;padding:28px}.cn-upload-head h1{margin:0 0 6px}.cn-upload-head p{margin:0 0 22px;color:var(--muted,#9aa3b7)}
.cn-dropzone{position:relative;min-height:190px;border:2px dashed rgba(255,255,255,.18);border-radius:16px;margin:18px 0;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;background:rgba(255,255,255,.025);transition:.2s}
.cn-dropzone:hover,.cn-dropzone.drag{border-color:#9b6cff;background:rgba(155,108,255,.08);transform:translateY(-1px)}.cn-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.cn-drop-icon{font-size:34px}.cn-dropzone span,.cn-dropzone small{color:#9aa3b7}
.cn-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0 0 18px}.cn-preview-item{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.03)}.cn-preview-item img,.cn-video-preview{width:52px;height:52px;object-fit:cover;border-radius:7px;background:#151a2c;display:grid;place-items:center;font-size:22px}.cn-preview-item span{font-size:12px;overflow:hidden;text-overflow:ellipsis}.cn-preview-item button{margin-left:auto;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.cn-upload-submit{margin-top:12px}

/* v0.9.3 upload progress */
.cn-dropzone{position:relative;padding:28px 18px;border:2px dashed #3a4668;border-radius:10px;background:#0e1425;text-align:center;display:grid;gap:6px;cursor:pointer}.cn-dropzone.dragover{border-color:#ed315c;background:#17182a}.cn-dropzone input[type=file]{margin-top:10px}.cn-dropzone span,.cn-dropzone small{color:#8f9ab8}.cn-file-summary{padding:10px 12px;border:1px solid #303956;border-radius:7px;background:#0d1221}.cn-file-summary div{padding:4px 0}.cn-file-summary small{display:inline}.cn-upload-progress{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:12px;border:1px solid #303956;border-radius:8px;background:#0d1221}.cn-upload-progressbar{height:10px;border-radius:20px;background:#252d44;overflow:hidden}.cn-upload-progressbar i{display:block;width:0;height:100%;background:#ed315c;transition:width .15s linear}.cn-upload-progress span{grid-column:1/-1;color:#9ba6c3}.cn-upload-action:disabled,.cn-upload-submit:disabled{opacity:.65;cursor:wait}.cn-preview-item small{display:block;margin-top:3px}.cn-upload-center label:not(.check){display:grid;gap:7px;font-weight:700}

/* v0.9.6 – Video fullscreen: keep the complete video visible without cropping/zoom */
.postmediaitem video.cn-protected-media:fullscreen,
.postmediaitem video.cn-protected-media:-webkit-full-screen {
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
  object-fit:contain!important;
  background:#000;
}
.postmediaitem:has(video.cn-protected-media:fullscreen),
.postmediaitem:has(video.cn-protected-media:-webkit-full-screen){overflow:visible}


/* v0.10 member profiles + ranks */
.pagehead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0}.pagehead h1{margin:0}.pagehead p{margin:5px 0 0;color:#98a4c1}.profilegrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.profilecard{display:flex!important;align-items:center;gap:12px;text-decoration:none}.memberavatar,.postavatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#242c48}.profilecard small{display:block;margin-top:5px}.rankbadge{display:inline-flex;width:max-content;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#303a56;color:#dce4ff;margin:4px 0}.rank-admin{background:#7c2740;color:#fff}.rank-moderator{background:#315486;color:#fff}.rank-legend{background:#6a3f8f;color:#fff}.rank-vip{background:#765d22;color:#ffe9a6}.rank-regular{background:#315d4d;color:#d8fff0}.rank-active{background:#294d72;color:#d9edff}.rank-custom{background:#5b376e;color:#fff}.userprofile{max-width:920px;margin:34px auto;padding:28px}.userprofile-top{display:flex;align-items:center;gap:20px}.userprofile-top>.button{margin-left:auto}.profileavatar{width:120px;height:120px;border-radius:18px;object-fit:cover;background:#242c48}.profileavatar.placeholder{display:grid;place-items:center;font-size:44px;font-weight:800}.profileavatar.smallavatar{width:80px;height:80px;border-radius:12px}.profileidentity h1{margin:0}.profileidentity p{margin:6px 0;color:#98a4c1}.profilebio{margin:22px 0;padding:18px;border:1px solid #2b3450;border-radius:10px;background:#0f1525;line-height:1.6}.profilestats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.profilestats div{text-align:center;padding:16px;border:1px solid #2b3450;border-radius:10px;background:#101629}.profilestats b{display:block;font-size:25px}.profilestats span{font-size:12px;color:#98a4c1}.profileactions{display:flex;gap:10px;margin-top:20px}.profileedit{max-width:700px;margin:28px auto}.profileedit form,.admincard.settingsform form{display:grid;gap:12px}.profileedit label,.admincard.settingsform label{display:grid;gap:7px;font-weight:700}.profileedit .check,.admincard.settingsform .check{display:flex;align-items:center;gap:8px}.profileedit .check input,.admincard.settingsform .check input{width:auto}.activitylist{display:grid;gap:10px}.activityitem{display:block;text-decoration:none;padding:16px}.activityitem p{color:#b8c1d8;margin:7px 0}.activityitem small{color:#8793b1}.author .rankbadge{margin:4px auto}.author .postavatar{width:54px;height:54px}.author>a{color:inherit}@media(max-width:650px){.userprofile-top{align-items:flex-start;flex-wrap:wrap}.userprofile-top>.button{margin-left:0;width:100%;text-align:center}.profilestats{grid-template-columns:1fr}.profileactions{flex-direction:column}.pagehead{align-items:flex-start;flex-direction:column}}

/* v0.10.1 – Firefox / cross-browser fullscreen video fix */
video.cn-protected-media:fullscreen,
video.cn-protected-media:-moz-full-screen,
video.cn-protected-media:-webkit-full-screen {
  position:fixed!important;
  inset:0!important;
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}
video.cn-protected-media:fullscreen::backdrop,
video.cn-protected-media:-moz-full-screen::backdrop,
video.cn-protected-media:-webkit-full-screen::backdrop {background:#000!important}

/* v0.10.2 – reliable fullscreen container for Firefox/Chromium */
.cn-video-shell{position:relative;width:100%;height:220px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cn-video-shell>video.cn-protected-media{width:100%;height:100%;object-fit:cover}
.cn-video-fullscreen{position:absolute;right:8px;top:8px;z-index:3;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(5,7,12,.82);color:#fff;padding:7px 10px;font-weight:700;cursor:pointer}
.cn-video-fullscreen:hover{background:rgba(28,34,54,.95)}
.cn-video-shell:fullscreen,.cn-video-shell:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.cn-video-shell:fullscreen>video.cn-protected-media,.cn-video-shell:-webkit-full-screen>video.cn-protected-media{position:static!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:100vw!important;max-height:100vh!important;margin:auto!important;object-fit:contain!important;object-position:center!important;background:#000!important}
.cn-video-shell:fullscreen .cn-video-fullscreen,.cn-video-shell:-webkit-full-screen .cn-video-fullscreen{display:none}
.cn-video-shell:fullscreen::backdrop,.cn-video-shell:-webkit-full-screen::backdrop{background:#000!important}
@media(max-width:650px){.cn-video-shell{height:auto;min-height:220px}.cn-video-shell>video.cn-protected-media{height:auto;max-height:480px;object-fit:contain}}


/* v0.10.3 – Firefox: viewport overlay statt nativem Fullscreen */
html.cn-video-overlay-open,body.cn-video-overlay-open{overflow:hidden!important}
.cn-video-shell.cn-firefox-video-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.cn-video-shell.cn-firefox-video-overlay>video.cn-protected-media{position:static!important;display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:100vw!important;max-height:100vh!important;margin:auto!important;object-fit:contain!important;object-position:center center!important;background:#000!important}
.cn-video-shell.cn-firefox-video-overlay .cn-video-fullscreen{position:fixed!important;right:18px!important;top:18px!important;display:block!important;z-index:2147483001!important}


/* v0.11 – beobachtete Themen & Benachrichtigungen */
.cn-bell{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;font-size:18px}.cn-bell b{position:absolute;right:1px;top:1px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ed315c;color:#fff;font-size:10px;line-height:17px;text-align:center}.cn-watch-form{margin-left:auto}.creatoridentity .cn-watch-form+.hero-upload{margin-left:0}.cn-watch-button.active{border-color:#55c88a;color:#aaf0c8}.notification-list{display:grid;gap:9px}.notification-item{position:relative;display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #29324d;border-radius:9px;background:#111729;color:#dfe4ef}.notification-item:hover{background:#161e34}.notification-item.unread{border-color:#59698f;background:#172039}.notification-item>i{position:absolute;right:16px;width:9px;height:9px;border-radius:50%;background:#ed315c}.notification-icon{font-size:22px}.notification-item small{margin-top:5px}.cn-watch-form button{white-space:nowrap}@media(max-width:760px){.creatoridentity{flex-wrap:wrap}.cn-watch-form{margin-left:0}.notification-item{padding-right:34px}}

/* v0.11.1 creator action bar */
.creator-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.creator-actions .creator-edit,.creator-actions .cn-watch-form,.creator-actions .hero-upload{margin-left:0!important;margin-right:0}
.creator-actions .cn-watch-form{display:inline-flex}
@media(max-width:760px){.creator-actions{width:100%;margin-left:0;justify-content:flex-start}.creator-actions .button,.creator-actions .cn-watch-form,.creator-actions .cn-watch-form button{width:100%;text-align:center;justify-content:center}}