:root,[data-theme=yellow]{--green:#f4cc42;--bg:#171717;--panel:#222220;--line:#3a3932;--muted:#a7a59a;--text:#f6f3e8;--soft:#302b1a;--accent-edge:#65572e;--glow:rgba(244,204,66,.13);--secondary-glow:rgba(244,204,66,.02)}
[data-theme=orange]{--green:#ffab5c;--bg:#191614;--panel:#26211e;--line:#40372f;--muted:#b2a397;--soft:#35261b;--accent-edge:#775333;--glow:rgba(255,155,64,.15);--secondary-glow:rgba(255,155,64,.02)}
[data-theme=cinema]{--green:#ffab5c;--bg:#101a27;--panel:#172639;--line:#30465e;--muted:#a4b5c9;--soft:#243043;--accent-edge:#4d6988;--glow:rgba(255,148,65,.14);--secondary-glow:rgba(54,129,226,.18)}
body{background:var(--bg)}.primary:hover{background:var(--green);filter:brightness(1.09)}.primary{color:#171714}.tabs span,#notes-count,.note-avatar,.user-chip{background:var(--soft);border-color:var(--accent-edge);color:var(--green)}.note-body p,.detail-overview{color:var(--text)}.card-bottom{border-color:var(--line);color:var(--muted)}.filter-panel,.note-form,.detail-actions,dialog{background:var(--panel)}.plot-source a{color:var(--green)}.trailer-link{border-color:var(--accent-edge)}.demo .poster-button{background:linear-gradient(145deg,var(--soft),var(--panel))}.search-label input{color:var(--text)}.random-dock{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:3}.random-button{display:flex;align-items:center;gap:10px;background:var(--green);border:1px solid var(--green);color:#171714;padding:14px 25px;border-radius:30px;box-shadow:0 5px 30px #0007;font-size:12px;font-weight:800;letter-spacing:1.4px;min-height:48px}.random-button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}.signed-in main{padding-bottom:105px}.filter-panel{flex-wrap:wrap}.filter-panel label{flex-basis:20%}.filter-panel .quiet{margin-left:auto}.source-credit{font-size:9px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:10px;margin:18px 0 0}.source-credit img{display:inline-block;width:45px;vertical-align:middle;margin:0 7px 0 0}
body:not(.signed-in)>.top{display:none}body:not(.signed-in) main{max-width:none;padding:0}body:not(.signed-in){background:radial-gradient(ellipse at 50% 28%,var(--glow),transparent 55%),radial-gradient(ellipse at 30% 90%,var(--secondary-glow),transparent 60%),var(--bg)}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;max-width:none;padding:55px 30px;min-height:100dvh;position:relative;isolation:isolate}.gate:before,.gate:after{content:'';position:absolute;top:7%;bottom:7%;width:10px;opacity:.14;background:repeating-linear-gradient(to bottom,var(--green) 0 13px,transparent 13px 33px);border-radius:3px;z-index:-1}.gate:before{left:20px}.gate:after{right:20px}.gate .gate-brand{display:flex;flex-direction:column;align-items:center;gap:3px;margin:0 0 55px;font-size:76px;line-height:1;letter-spacing:9px;text-align:center;font-weight:800}.gate-brand span{color:var(--green)}.gate-brand img{width:235px;height:auto;display:block}.gate .login-box{width:min(100%,340px);margin:0}.gate label{text-align:center;color:var(--muted);font-size:11px;letter-spacing:.8px;margin-bottom:12px}.gate .input-row{display:flex;flex-direction:column;gap:12px}.gate .input-row input{width:100%;text-align:center;padding:16px;letter-spacing:2px;background:var(--panel);font-size:16px;border-color:var(--line)}.gate .primary{width:100%;padding:15px}.gate #login-error{text-align:center;margin:13px 0 0;min-height:20px}.gate .login-box:after{content:'';display:block;width:32px;height:2px;background:var(--green);opacity:.5;margin:31px auto 0}.gate-brand{user-select:none}
@media(max-width:650px){.filter-panel label{flex-basis:42%}.gate{min-height:100dvh;padding:45px 36px}.gate .gate-brand{font-size:59px;letter-spacing:7px;margin-bottom:43px}.gate-brand img{width:202px}.gate:before{left:15px}.gate:after{right:15px}.random-button{padding:13px 22px}.source-credit{font-size:9px}}
#admin-dialog{width:min(780px,calc(100% - 20px))}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-toolbar .detail-tabs{margin:0;flex:1}.admin-toolbar .active{color:var(--green);border-bottom-color:var(--green)}.admin-toolbar>.secondary{font-size:11px}.access-event{padding:15px 0;border-top:1px solid var(--line)}.access-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.access-heading b{font-size:13px}.access-status{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:5px}.access-status.ok{color:#a4d8a0}.access-status.bad{color:#f0a697}.access-event time,.access-event p,.access-event summary{font-size:10px;color:var(--muted);line-height:1.7}.access-event p{overflow-wrap:anywhere}.access-ip{margin:5px 0}.access-event details p{margin:7px 0}.admin-user{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.admin-user b{font-size:13px}.admin-user p{margin:4px 0 0}.admin-user button{font-size:11px}.admin-access{font-size:20px;min-width:30px;padding:5px;line-height:1}.top-right{gap:12px}@media(max-width:650px){.top-right{gap:7px}.user-chip{font-size:9px;padding:5px 8px}.admin-access{font-size:18px;min-width:25px}.top-right #logout{font-size:11px;padding:5px}.admin-toolbar>.secondary{font-size:10px;padding:9px}.access-heading b{font-size:12px}}
.add-user-form{margin:16px 0 20px}.add-user-form>div,.rename-user>div{display:flex;gap:8px}.add-user-form input,.rename-user input{margin:0;min-width:0;flex:1}.add-user-form .primary,.rename-user .primary{font-size:12px;padding:10px 14px}.admin-user{display:block}.user-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.user-controls .secondary{font-size:10px;padding:8px 10px;min-height:38px}.rename-user{margin-top:12px}#new-code{background:var(--soft);border:1px solid var(--accent-edge);border-radius:10px;padding:16px;margin-bottom:20px}#new-code input{font-size:15px;width:100%;margin:8px 0 10px;letter-spacing:1px;text-align:center}#new-code .secondary{font-size:11px}.add-user-form label,.rename-user label{font-size:11px}