/* Signed-in member viewing pages. */
@font-face{font-family:'Farybo Marker';src:url('/flira/PermanentMarker-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.member-home-active{background:#090711;color:#f8f5ff}
.member-shell{max-width:1800px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px)}
.member-sidebar{background:#090711;border-right:1px solid #ffffff12;padding:22px 10px 48px;align-self:stretch}
.member-sidebar nav{display:grid;gap:5px}
.member-sidebar a{display:flex;align-items:center;gap:16px;padding:13px 17px;border-radius:10px;color:#d6d1e5;font-weight:600;font-size:14px;min-height:50px}
.member-sidebar a:hover,.member-sidebar a[aria-current=page]{background:linear-gradient(90deg,#6921bf99,#2a173f);color:#fff}
.member-sidebar a[aria-current=page]{box-shadow:inset 4px 0 #a73cff}
.member-sidebar .member-icon{width:25px;display:inline-flex;justify-content:center;font-size:22px;line-height:1;flex:none;color:#e0d5f9}
.member-main{min-width:0;padding:0 24px 80px;background:radial-gradient(ellipse at 72% 0%,#362044 0%,#10101c 32%,#090711 65%)}
.member-hero{position:relative;height:clamp(320px,26vw,370px);margin:0 -24px 10px;overflow:hidden;background:#0c0a14 url('/flira/little-robot-clean.jpg') center center/cover no-repeat;isolation:isolate}
.member-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#09071172 0%,#09071138 33%,transparent 65%);pointer-events:none}
.member-hero-content{position:relative;z-index:1;max-width:560px;padding:68px 20px 25px clamp(40px,4vw,60px);text-shadow:0 2px 18px #090711aa}
.member-hero-meta{position:absolute;z-index:1;right:24px;bottom:20px;max-width:48%;padding:6px 11px;border-radius:16px;background:#15101fb8;color:#f7eaff;font-size:12px;line-height:1.15;white-space:nowrap;backdrop-filter:blur(8px)}
.member-hero-eyebrow{display:block;margin-bottom:8px;color:#dfc4ff;font-size:13px;font-weight:750;letter-spacing:.08em}
.member-hero h1{margin:0}.member-hero-title img{display:block;width:min(430px,38vw);height:auto;filter:drop-shadow(0 3px 12px #090711cc)}
.member-hero p{max-width:470px;margin:3px 0 12px;color:#f0e9f7;font-size:clamp(14px,1.2vw,16px);line-height:1.3}
.member-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.member-hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #dfbfff90;border-radius:9px;background:#150c2799;color:#fff;font:inherit;font-weight:750;opacity:1;cursor:pointer;backdrop-filter:blur(8px);text-decoration:none}
.member-hero-button:hover,.member-hero-button:focus-visible{background:#4d276c;transform:translateY(-1px)}
.member-hero-button-primary{border-color:#b564ff;background:linear-gradient(135deg,#9639e5,#6335dc);box-shadow:0 4px 20px #731fff60}
.member-hero-button span{margin-right:5px}
.member-hero-note{display:block;margin-top:10px;color:#e5d5f4;font-size:12px}
.member-row{margin:17px 0 0}
.member-row-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.member-row h2{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:0;font-weight:750}
.member-row-heading a{font-size:26px;line-height:18px;color:#e6d1ff}
.member-track{display:flex;gap:10px;min-height:95px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6a4488 transparent}
.member-tile{display:block;position:relative;flex:0 0 clamp(170px,18vw,245px);aspect-ratio:2.2;overflow:hidden;border-radius:7px;background:#171124}
.member-tile .film-art{display:block;width:100%;height:100%}
.member-tile-title{position:absolute;bottom:0;left:0;right:0;padding:20px 50% 8px 10px;font-weight:750;color:white;background:linear-gradient(transparent,#090711ed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-tile-classification{position:absolute;right:7px;bottom:6px;padding:4px 7px;border-radius:5px;background:#090711a8;color:#f7f2ff;font-size:clamp(9px,.7vw,11px);line-height:1.15;white-space:nowrap;backdrop-filter:blur(5px)}
.robot-teaser-detail{max-width:1120px;margin:24px auto;padding:0 16px 60px}.robot-teaser-back{display:inline-block;margin:10px 0 20px;color:#dfc4ff}.robot-teaser-art{aspect-ratio:1536/720;background:#171124 url('/flira/little-robot-still.svg') center 43%/cover no-repeat;border-radius:18px}.robot-teaser-detail h1{font-size:clamp(36px,5vw,64px);margin:12px 0}.robot-teaser-detail p{max-width:690px;color:#eee3f8;line-height:1.6}.robot-teaser-info{color:#c9aef3!important}.robot-saved-tile{margin-top:22px;background:#171124 url('/flira/little-robot-still.svg') center/cover no-repeat}
.member-section{padding:52px 8px}.member-section h1{font-size:28px;margin:0}.member-section-space{min-height:45vh}
.member-home-active .header-in{gap:clamp(16px,3vw,42px)}
.member-home-active .nav,.member-home-active .mobile-menu{display:none!important}
.member-home-active .search-wrap{width:min(550px,48vw)}
.member-home-active .language-wrap{margin-left:0}
@media(max-width:900px){.member-shell{grid-template-columns:180px minmax(0,1fr)}.member-sidebar a{gap:10px;padding:11px 10px}}
@media(max-width:700px){.member-shell{display:block}.member-sidebar{border-right:0;border-bottom:1px solid #ffffff24;padding:8px 12px;overflow-x:auto}.member-sidebar nav{display:flex;gap:4px;min-width:max-content}.member-sidebar a{padding:9px 12px;white-space:nowrap;min-height:42px}.member-main{padding:0 16px 60px}.member-hero{height:auto;min-height:520px;margin:0 -16px 12px;background-image:url('/flira/little-robot-clean.jpg');background-size:auto 290px;background-position:60% top}.member-hero::before{background:linear-gradient(0deg,#090711 18%,#090711 30%,#09071100 72%)}.member-hero-content{max-width:100%;padding:235px 20px 28px}.member-hero-eyebrow{margin-bottom:6px}.member-hero-title img{width:min(380px,88vw)}.member-hero p{max-width:360px;margin:8px 0 12px;font-size:13px}.member-hero-button{min-height:38px;padding:7px 12px;font-size:13px}.member-hero-note{margin-top:6px}.member-hero-meta{right:16px;top:190px;bottom:auto;max-width:80%;font-size:10px}.member-row{margin-top:16px}.member-row h2{font-size:17px}.member-track{min-height:90px}.member-home-active .search-wrap{width:calc(100% - 116px)}}

.member-tile-progress{position:absolute;left:8px;right:8px;bottom:1px;height:3px;border-radius:3px;background:#ffffff73;overflow:hidden}.member-tile-progress span{display:block;height:100%;background:#b451ff}

.history-page{padding:40px 12px 70px;max-width:1250px;margin:auto}
.history-page-head{padding-bottom:32px;border-bottom:1px solid #ffffff18;margin-bottom:30px}
.history-page-head .eyebrow{color:#b89be9;margin-bottom:12px}
.history-page-head h1{font-size:clamp(30px,3vw,42px);margin:0}
.history-page-head p{color:#aca6bb;font-size:15px;line-height:1.7;margin:12px 0 0}
.history-group{margin-bottom:34px}.history-group>h2{font-size:17px;font-weight:600;color:#dad0ec;margin:0 0 16px}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.history-card{min-width:0;border:1px solid #ffffff16;border-radius:13px;overflow:hidden;background:#141321}
.history-cover{display:block;position:relative}.history-cover .live-film-art{aspect-ratio:16/9}.history-cover .live-play{width:46px;height:46px;font-size:18px;background:#09071188}
.history-age{position:absolute;bottom:10px;right:10px;border-radius:5px;padding:4px 7px;background:#080912aa;font-size:11px;backdrop-filter:blur(4px)}
.history-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff44}.history-progress>span{display:block;height:100%;background:#a68bbd}
.history-card-body{padding:18px}.history-card h3{margin:0;font-size:18px;line-height:1.45;overflow-wrap:anywhere}
.history-creator{color:#aea4bf;font-size:13px;margin:7px 0 12px}.history-creator a:hover,.history-card h3 a:hover{color:#d5b7ff}
.history-status{font-size:12px;color:#cdb6e6;margin:0 0 18px}
.history-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.history-action,.history-state button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(180,164,205,.35);background:rgba(78,66,100,.32);border-radius:7px;padding:10px 13px;font-size:13px;color:#f2edf7;transition:background .18s,border-color .18s}
.history-action:hover,.history-state button:hover{background:rgba(104,88,133,.45);border-color:rgba(194,178,218,.55)}.history-details{font-size:12px;color:#cdbbe3;padding-block:8px}.history-details:hover{text-decoration:underline}
.history-state{padding:75px 18px;text-align:center;color:#bfb4cf;line-height:1.7}.history-state h2{color:#f4ecff;font-size:22px}.history-state p{margin:12px 0 22px}.history-empty-symbol{font-size:45px;color:#bb8cec}
@media(max-width:1100px){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.history-page{padding:30px 0 50px}.history-page-head{padding-bottom:22px}.history-grid{gap:14px}.history-card-body{padding:13px}.history-card h3{font-size:16px}.history-card-actions{align-items:flex-start;flex-direction:column}.history-page-head p{font-size:14px}}
@media(max-width:420px){.history-grid{grid-template-columns:1fr}.history-card-actions{flex-direction:row;align-items:center}.history-state{padding:50px 12px}}


.history-action:active,.history-state button:active{background:rgba(78,66,100,.2)}
.history-action:focus-visible,.history-details:focus-visible,.history-cover:focus-visible,.history-state button:focus-visible{outline:2px solid #b9a3cf;outline-offset:3px}


.following-page{padding:36px 12px 70px;max-width:1400px;margin:auto}.following-page-head{margin-bottom:34px}.following-page-head h1{font-size:clamp(30px,3vw,40px);margin:0 0 12px}.following-page-head p{color:#aaa6b8;font-size:15px;line-height:1.6;margin:0}
.following-page h2{font-size:21px;margin:0 0 18px}.following-creators{margin-bottom:36px}.following-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.following-creator-card{min-width:0;display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #aaa0c32e;border-radius:9px;background:#17172266}.following-profile{display:flex;align-items:center;gap:15px;min-width:0;flex:1}.following-avatar{display:inline-grid;place-items:center;position:relative;width:66px;height:66px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#393248;color:#ded4ea;font-size:25px}.following-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.following-profile-copy{display:flex;flex-direction:column;gap:10px;min-width:0}.following-profile-copy strong{font-size:16px;overflow-wrap:anywhere}.following-profile-copy small{color:#ada7bc;font-size:12px}.following-toggle{flex-shrink:0;padding:10px;font-size:12px;white-space:nowrap}.following-toggle:disabled{opacity:.5;cursor:wait}.following-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.following-section-head h2{margin:0}.following-section-head select{background:#14141e;color:#bbb5c9;border:1px solid #ffffff1a;border-radius:6px;padding:8px;font-size:12px}.following-film-body{padding:13px 15px}.following-film-body h3{font-size:16px}.following-film-body p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 0;color:#a9a3b8;font-size:12px}.following-film-body p>a{display:inline-flex;align-items:center;gap:8px}.following-film-body .following-avatar{width:25px;height:25px;font-size:13px}.following-film-card .live-play{position:absolute;bottom:14px;left:14px;width:34px;height:34px;font-size:14px;border:2px solid #ffffffb0;background:#090a1480}.following-no-works{color:#aaa4b7;padding:35px 0}.following-action-error{color:#edb9cc;margin-bottom:18px}.following-profile:hover strong,.following-film-body a:hover{color:#dccde9}
@media(max-width:1250px){.following-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.following-creator-grid{grid-template-columns:1fr}}@media(max-width:700px){.following-page{padding:28px 0 50px}.following-page-head{margin-bottom:28px}.following-avatar{width:54px;height:54px}.following-creator-card{padding:15px}.following-page h2{font-size:19px}.following-film-body{padding:12px}.following-film-body h3{font-size:15px}}


.saved-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;color:#b8aec8;font-size:14px}.saved-toolbar select{background:#14141e;color:#cfc7db;border:1px solid #a69ac040;padding:9px 12px;border-radius:7px;font-size:13px}.saved-cover-wrap{position:relative}.saved-card .live-play{display:none}.saved-card-body{padding:16px}.saved-card h3{font-size:18px}.saved-creator{display:flex;align-items:center;gap:8px;margin:10px 0 15px;min-height:27px;color:#aaa5bc;font-size:13px}.saved-creator img{width:27px;height:27px;border-radius:50%;object-fit:cover}.saved-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #a69ac028;padding-top:14px}.saved-remove{background:transparent;border:0;padding:8px 0;font-size:12px;color:#c2b4d4}.saved-remove:hover{color:#f5edff}.saved-remove:disabled,.saved-bookmark:disabled{opacity:.45;cursor:wait}.saved-bookmark{position:absolute;right:11px;top:11px;display:grid;place-items:center;width:34px;height:36px;border:1px solid #b6a4cf88;border-radius:7px;background:#11111ac2;color:#d8c7ee;font-size:22px;backdrop-filter:blur(4px)}.saved-bookmark:hover{background:#40334d}.saved-bookmark:focus-visible,.saved-remove:focus-visible{outline:2px solid #b9a3cf;outline-offset:3px}.saved-coming{color:#b7acc6;font-size:13px;padding:9px 0}.saved-action-error{color:#edb9cc}.film-save-control{margin:12px 0 0 12px;min-height:42px}.film-save-control:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.saved-card-body{padding:13px}.saved-card h3{font-size:16px}.saved-card-actions{align-items:flex-start;flex-direction:column}.film-save-control{margin-left:8px}}@media(max-width:420px){.saved-card-actions{flex-direction:row;align-items:center}}

/* Compact native language picker beside the signed-in member avatar. */
@media(max-width:980px){
 .member-home-active .header-in{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px;grid-template-areas:"brand language account" "search search search";column-gap:4px!important;row-gap:8px!important;padding-block:10px}
 .member-home-active .header-in>.brand{grid-area:brand;justify-self:start;min-width:0}
 .member-home-active .header-in>.account-link{grid-area:account;margin:0;justify-self:end;width:44px;height:44px}
 .member-home-active .header-in>.search-wrap{grid-area:search;width:100%!important;min-width:0;margin:0!important}
 .member-home-active .header-in>.language-wrap{grid-area:language;position:relative;display:block!important;justify-self:end;width:44px;height:44px;margin:0!important;border-radius:8px;background:transparent}
 .member-home-active .language-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:url('/language-icon.svg') center/17px 17px no-repeat;opacity:.75}
 .member-home-active .language-select{position:absolute;inset:0;width:44px!important;height:44px!important;min-height:44px;max-width:none;padding:0;border:0;margin:0;opacity:0;cursor:pointer}
 .member-home-active .language-wrap:focus-within{outline:1px solid #b18bdd88;outline-offset:1px}
 .member-home-active .language-wrap:hover::before{opacity:1}
}

/* Membership plans for signed-in accounts without paid access. */
.member-plan-link{flex:none;white-space:nowrap;color:#eee3ff;font-size:14px;font-weight:700;padding:9px 12px;border:1px solid #8e78b7;border-radius:999px}
.member-plan-link[hidden]{display:none!important}
.member-plan-link:hover,.member-plan-link:focus-visible{background:#533878;border-color:#bc9cff;color:#fff}
@media(max-width:980px){
 .member-home-active.has-member-plan-link .header-in{grid-template-columns:minmax(0,1fr) auto 44px 44px;grid-template-areas:"brand plan language account" "search search search search"}
 .member-home-active .member-plan-link{grid-area:plan;justify-self:end;font-size:12px;padding:8px 9px}
 .member-signed-in:not(.member-home-active) .member-plan-link{order:0;margin-left:auto;font-size:12px;padding:8px 9px}
 .member-signed-in:not(.member-home-active).has-member-plan-link .account-link{margin-left:8px}
}
