@font-face{font-family:Space Mono;src:url(/assets/fonts/SpaceMono-Regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/fonts/SpaceMono-Italic-webfont.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/fonts/SpaceMono-Bold-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/assets/fonts/SpaceMono-BoldItalic-webfont.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}:root{--vault-background: #020817;--vault-background-soft: #071126;--vault-surface: rgba(7, 18, 42, .82);--vault-surface-solid: #09152d;--vault-surface-light: #0d1b38;--vault-border: rgba(73, 111, 190, .28);--vault-border-bright: rgba(64, 116, 255, .65);--vault-blue: #316bff;--vault-blue-light: #5688ff;--vault-electric-blue: #1c5cff;--vault-cyan: #18d5ff;--vault-purple: #7548ff;--vault-purple-light: #9b6cff;--vault-green: #28c98b;--vault-orange: #ff823a;--vault-gold: #ffc247;--vault-text: #f4f7ff;--vault-muted: #8996b3}*{box-sizing:border-box}html,body{scrollbar-width:thin;scrollbar-color:rgba(127,171,232,.35) transparent}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--vault-text);background:radial-gradient(circle at 15% 15%,rgba(139,92,246,.13),transparent 30%),radial-gradient(circle at 85% 25%,rgba(34,211,238,.08),transparent 30%),var(--vault-background);font-family:Space Mono,monospace}button,input,select,textarea,.btn,.navbar,.form-control,.form-select{font-family:Space Mono,monospace}a{text-decoration:none}.vault-navbar{min-height:76px;border-bottom:1px solid rgba(255,255,255,.07);background:#060713b8;backdrop-filter:blur(20px)}.vault-brand{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;letter-spacing:-.03em}.brand-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(182,108,255,.5);border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--vault-purple),var(--vault-pink));box-shadow:0 0 25px #8b5cf659}.vault-navbar .nav-link{padding:10px 14px!important;color:var(--vault-muted);font-weight:600}.vault-navbar .nav-link:hover{color:#fff}.vault-nav-button{border:1px solid rgba(182,108,255,.38);border-radius:12px;color:#fff;background:linear-gradient(135deg,#8b5cf6eb,#ec4899db);box-shadow:0 10px 30px #8b5cf638}.vault-nav-button:hover{color:#fff;transform:translateY(-1px)}.primary-vault-button,.secondary-vault-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:14px;font-weight:750}.primary-vault-button{color:#fff;background:linear-gradient(135deg,var(--vault-purple),var(--vault-pink));box-shadow:0 14px 40px #8b5cf652}.primary-vault-button:hover{color:#fff;transform:translateY(-2px)}.secondary-vault-button{border:1px solid var(--vault-border);color:#fff;background:#ffffff0a;backdrop-filter:blur(12px)}.secondary-vault-button:hover{border-color:#22d3ee59;color:#fff;background:#22d3ee14}.section-eyebrow{color:var(--vault-cyan);font-size:var(--font-body);font-weight:750;letter-spacing:.14em;text-transform:uppercase}.vault-footer{padding:45px 0;border-top:1px solid var(--vault-border);background:#050610}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:750}.footer-content p{margin:0;color:var(--vault-muted);font-size:var(--font-body)}@media(max-width:767px){.preview-header,.footer-content{align-items:flex-start;flex-direction:column}.vault-footer{padding-top:32px}.footer-content{align-items:center;gap:12px;text-align:center}.footer-content p{font-size:var(--font-caption)}}.media-page-section{min-height:100vh;padding:135px 0 90px}.media-form-card{max-width:920px;margin:0 auto;padding:38px;border:1px solid var(--vault-border);border-radius:25px;background:linear-gradient(145deg,#0a1835f5,#040c1ef7);box-shadow:0 30px 90px #0000006b}.media-page-heading,.library-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:35px}.media-page-heading h1,.library-page-header h1{margin:8px 0 10px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400}.media-page-heading p,.library-page-header p{max-width:650px;margin:0;color:var(--vault-muted);line-height:1.7}.vault-checkbox{padding:18px 18px 18px 45px;border:1px solid var(--vault-border);border-radius:12px;background:#0208177a}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.rating{flex-shrink:0;color:var(--vault-gold);font-size:var(--font-small)}@media(max-width:767px){.media-page-heading,.library-page-header{flex-direction:column}.media-form-card{padding:25px 20px}}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:1050;display:flex;width:84px;height:100vh;flex-direction:column;align-items:center;padding:24px 0;border-right:1px solid var(--vault-border);background:linear-gradient(180deg,#040d20fa,#020817fc);box-shadow:10px 0 40px #00000040;backdrop-filter:blur(20px)}.app-sidebar-logo{display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(86,136,255,.65);border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--vault-electric-blue),var(--vault-purple));box-shadow:0 0 18px #316bff73,0 0 35px #316bff26}.app-sidebar-navigation{display:flex;flex-direction:column;gap:15px;margin-top:45px}.app-sidebar-link,.app-sidebar-user,.sidebar-logout-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid transparent;border-radius:12px;color:var(--vault-muted);background:transparent;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.app-sidebar-link:hover{border-color:#5688ff59;color:#fff;background:#316bff24;transform:translateY(-2px)}.app-sidebar-bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto}.sidebar-logout-form{margin:0}.sidebar-logout-button:hover{border-color:#ff638466;color:#ff7896;background:#ff638414}.authenticated-content{min-height:100vh;margin-left:84px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:30px 18px}@media(max-width:767px){.app-sidebar{inset:auto 0 0;width:100%;height:70px;flex-direction:row;padding:0 18px;border-top:1px solid var(--vault-border);border-right:0}.app-sidebar-logo{width:40px;height:40px}.app-sidebar-navigation{flex-direction:row;gap:8px;margin:0 auto}.app-sidebar-bottom{flex-direction:row;gap:7px;margin-top:0}.sidebar-profile{width:auto}.sidebar-profile-name{display:none}.sidebar-avatar{width:40px;height:40px}.authenticated-content{margin-left:0;padding-bottom:70px}.library-grid,.recent-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.rating{flex-shrink:0;padding-top:2px}.delete-modal-content{overflow:hidden;border:1px solid var(--vault-border);border-radius:20px;color:var(--vault-text);background:linear-gradient(145deg,#0a1835fa,#030918fc);box-shadow:0 30px 100px #000000a6,0 0 35px #ff4b6e14}.delete-modal-header{align-items:flex-start;padding:24px 26px;border-bottom:1px solid var(--vault-border)}.delete-modal-eyebrow{color:#ff7896;font-size:var(--font-meta);letter-spacing:.12em;text-transform:uppercase}.delete-modal-header .modal-title{margin-top:7px;font-size:1.35rem;font-weight:400}.delete-modal-body{padding:32px 26px;text-align:center}.delete-modal-icon{display:grid;width:68px;height:68px;margin:0 auto 22px;place-items:center;border:1px solid rgba(255,99,132,.3);border-radius:20px;color:#ff7896;background:#ff638417;font-size:1.7rem}.delete-modal-body p{margin-bottom:8px;color:var(--vault-text);line-height:1.7}.delete-modal-body strong{color:#ff9aae;font-weight:400}.delete-modal-body small{color:var(--vault-muted)}.delete-modal-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 26px 24px;border-top:1px solid var(--vault-border)}.delete-modal-footer form{display:flex;margin:0}.delete-modal-footer form{margin:0}.confirm-delete-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid rgba(255,99,132,.45);border-radius:12px;color:#fff;background:linear-gradient(135deg,#e43d61,#b51f44)}.confirm-delete-button:hover{border-color:#ff7896;color:#fff;transform:translateY(-1px);box-shadow:0 10px 25px #e43d613d}.delete-modal-footer .secondary-vault-button,.delete-modal-footer .confirm-delete-button{min-width:150px;min-height:46px}@media(max-width:480px){.delete-modal-footer{flex-direction:column-reverse}.delete-modal-footer form,.delete-modal-footer .secondary-vault-button,.delete-modal-footer .confirm-delete-button{width:100%}}.app-sidebar-logo{width:56px;height:56px;padding:0;overflow:visible;border:0;border-radius:50%;background:transparent}.brand-icon{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;padding:0;overflow:visible;border-radius:50%;background:transparent}.footer-brand-icon{display:inline-flex;width:36px;height:36px;margin-right:9px;overflow:visible;border-radius:50%}.sidebar-profile{display:flex;width:76px;align-items:center;flex-direction:column;gap:7px;text-align:center}.sidebar-avatar{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(86,136,255,.65);border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--vault-electric-blue),var(--vault-purple));box-shadow:0 0 16px #316bff59,inset 0 1px #fff3;font-size:var(--font-small);font-weight:600;letter-spacing:.04em}.sidebar-profile-name{display:block;width:100%;overflow:hidden;color:var(--vault-muted);font-size:var(--font-caption);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile:hover .sidebar-avatar{border-color:var(--vault-cyan);box-shadow:0 0 20px #18d5ff47,inset 0 1px #fff3}.sidebar-profile:hover .sidebar-profile-name{color:var(--vault-text)}.app-sidebar-bottom{display:flex;align-items:center;flex-direction:column;gap:14px;margin-top:auto}.password-input-group{position:relative;display:flex;width:100%}.password-input-group .password-input{padding-right:52px}.password-toggle-button{position:absolute;top:50%;right:8px;display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:9px;color:var(--vault-muted);background:transparent;transform:translateY(-50%);cursor:pointer;transition:color .18s ease,background .18s ease}.password-toggle-button:hover{color:var(--vault-cyan);background:#316bff1a}.password-toggle-button:focus-visible{outline:2px solid var(--vault-blue-light);outline-offset:2px}@media(max-width:767px){.app-sidebar{gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.app-sidebar-logo{width:44px;height:44px;min-width:44px;flex:0 0 44px}.app-sidebar-navigation{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-evenly;gap:0}.app-sidebar-link{width:40px;height:40px;min-width:40px}.app-sidebar-bottom{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:2px;margin:0}.sidebar-logout-form{display:block!important;flex:0 0 auto;margin:0;padding:0}.sidebar-logout-button{display:grid!important;width:40px;height:40px;min-width:40px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#a9b9dc;background:#071128d6;font-size:var(--font-section);cursor:pointer}.sidebar-logout-button:hover,.sidebar-logout-button:focus-visible{border-color:#5688ffb3;color:#fff;background:#316bff2e}.authenticated-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}.connections-heading{margin-bottom:1.5rem}.connection-card{position:relative;padding:1.25rem;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(49,107,255,.1),transparent 30%),#ffffff06}.connection-card-brand{display:flex;align-items:flex-start;gap:.9rem;padding-right:9rem}.connection-card-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0d;font-size:var(--font-section)}.connection-card-brand h2{margin:.2rem 0 .4rem;font-size:1.35rem}.connection-card-brand p{max-width:42rem;margin:0;opacity:.66;line-height:1.65}.connection-status{position:absolute;top:1.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .62rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:var(--font-small);opacity:.75}.connection-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.connection-status.connected{opacity:1}.connection-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.connection-detail-grid>div,.connection-permissions{padding:.9rem;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#ffffff06}.connection-detail-grid span,.connection-detail-grid strong{display:block}.connection-detail-grid span{margin-bottom:.25rem;font-size:var(--font-small);opacity:.55}.connection-detail-grid strong{font-size:var(--font-body);font-weight:500}.connection-permissions{margin:1.25rem 0}.connection-permissions h3{margin:0 0 .75rem;font-size:var(--font-body)}.connection-permissions>div{display:grid;gap:.55rem}.connection-permissions span{display:flex;align-items:center;gap:.5rem;font-size:var(--font-body);opacity:.72}.connection-code-panel{margin-top:1.25rem;padding:1rem;border:1px dashed rgba(255,255,255,.16);border-radius:17px;background:#ffffff06}.connection-code{margin:.55rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.3rem,4vw,2rem);letter-spacing:.08em;user-select:all}.connection-code-panel p,.connection-config-note{margin:0;font-size:var(--font-small);line-height:1.6;opacity:.64}.connection-config-note{display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07)}.connection-danger-button{border:1px solid rgba(255,255,255,.12);color:inherit;background:transparent}.connection-danger-button:hover{border-color:#ffffff3d;color:inherit;background:#ffffff0d}@media(max-width:767.98px){.connection-card-brand{padding-right:0}.connection-status{position:static;margin-top:1rem}.connection-detail-grid{grid-template-columns:1fr}}.authenticated-content,.app-sidebar{--app-bg: #080b12;--app-surface: #0f131c;--app-surface-raised: #141923;--app-surface-hover: #191f2b;--app-border: rgba(255, 255, 255, .08);--app-border-strong: rgba(255, 255, 255, .14);--app-text: #f4f6fa;--app-muted: #aeb9c9;--app-subtle: #96a5b8;--app-accent: #6d7cff;--app-accent-soft: rgba(109, 124, 255, .12);--app-success: #6fcf97;--app-warning: #e5b567;--app-danger: #e47b83;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.authenticated-content button,.authenticated-content input,.authenticated-content select,.authenticated-content textarea,.authenticated-content .btn,.app-sidebar button{font-family:inherit}.authenticated-content{min-height:100vh;margin-left:216px;color:var(--app-text);background:radial-gradient(circle at 82% -15%,rgba(109,124,255,.08),transparent 31rem),var(--app-bg)}.app-sidebar{width:216px;align-items:stretch;padding:22px 14px 18px;border-right:1px solid var(--app-border);background:#0a0d14f5;box-shadow:none;backdrop-filter:blur(18px)}.app-sidebar-logo{display:flex;width:auto;height:46px;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:12px;background:transparent;box-shadow:none}.app-sidebar-logo:hover{background:#ffffff09}.app-sidebar-brand-text{color:var(--app-text);font-size:var(--font-leading);font-weight:650;letter-spacing:-.02em}.app-sidebar-navigation{gap:4px;margin-top:28px}.app-sidebar-link,.sidebar-logout-button{display:flex;width:100%;height:42px;align-items:center;justify-content:flex-start;gap:11px;padding:0 11px;border:1px solid transparent;border-radius:10px;color:var(--app-muted);background:transparent;font-size:.8125rem;font-weight:500;transition:color .15s ease,background .15s ease,border-color .15s ease}.app-sidebar-link i,.sidebar-logout-button i{width:18px;flex:0 0 auto;font-size:var(--font-leading);text-align:center}.app-sidebar-link:hover{border-color:transparent;color:var(--app-text);background:#ffffff0e;transform:none}.app-sidebar-bottom{gap:6px}.sidebar-profile{display:flex;min-width:0;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}.sidebar-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid var(--app-border);border-radius:9px;color:var(--app-text);background:var(--app-surface-raised);font-size:var(--font-meta);font-weight:650}.sidebar-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.sidebar-avatar i{font-size:var(--font-small)}.avatar-preset--nebula{color:#dce3ff!important;background:radial-gradient(circle at 30% 25%,rgba(188,198,255,.34),transparent 28%),linear-gradient(145deg,#4956a8,#242b61)!important}.avatar-preset--orbit{color:#c8f1ff!important;background:radial-gradient(circle at 70% 30%,rgba(129,223,255,.28),transparent 26%),linear-gradient(145deg,#276b7b,#173846)!important}.avatar-preset--signal{color:#e1d4ff!important;background:linear-gradient(145deg,#70539e,#35284e)!important}.avatar-preset--dusk{color:#ffe3c1!important;background:radial-gradient(circle at 28% 25%,rgba(255,203,150,.22),transparent 28%),linear-gradient(145deg,#6b4c63,#2d2538)!important}.avatar-preset--prism{color:#c9fff0!important;background:linear-gradient(145deg,#397f78,#283d62)!important}.avatar-preset--ember{color:#ffe1c9!important;background:radial-gradient(circle at 70% 28%,rgba(255,187,128,.27),transparent 28%),linear-gradient(145deg,#9a513e,#4b2d36)!important}.sidebar-profile-name{overflow:hidden;color:var(--app-muted);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-form{width:100%}.sidebar-logout-button{cursor:pointer}.sidebar-logout-button:hover{border-color:transparent;color:var(--app-danger);background:#e47b8314}.library-welcome-toast{position:fixed;z-index:1450;top:22px;right:24px;display:grid;width:min(470px,calc(100vw - 40px));grid-template-columns:36px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:12px 12px 12px 11px;border:1px solid rgba(95,210,163,.18);border-radius:13px;color:var(--app-text);background:#0d131df5;box-shadow:0 20px 55px #00000057,inset 0 1px #ffffff06;backdrop-filter:blur(18px);transition:opacity .18s ease,transform .18s ease}.library-welcome-toast.is-leaving{opacity:0;transform:translateY(-8px)}.library-welcome-toast-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(95,210,163,.16);border-radius:10px;color:#8eddbd;background:#33936f12}.library-welcome-toast--warning{border-color:#e2b05b33}.library-welcome-toast--warning .library-welcome-toast-icon{border-color:#e2b05b2e;color:#e0ba79;background:#ad773112}.library-welcome-toast-copy{min-width:0}.library-welcome-toast-copy strong,.library-welcome-toast-copy span{display:block}.library-welcome-toast-copy strong{color:#edf3f8;font-size:var(--font-meta);font-weight:700}.library-welcome-toast-copy span{margin-top:3px;color:#8290a4;font-size:var(--font-caption);line-height:1.5}.library-welcome-toast-action{color:#aab2ff;font-size:var(--font-caption);font-weight:700;text-decoration:none;white-space:nowrap}.library-welcome-toast-action:hover{color:#d6daff}.library-welcome-toast-close{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:8px;color:var(--app-subtle);background:transparent;cursor:pointer}.library-welcome-toast-close:hover,.library-welcome-toast-close:focus-visible{color:var(--app-text);background:#ffffff0e}.library-shell{min-height:100vh;padding:42px 32px 80px}.library-container{width:min(1240px,100%);margin:0 auto}.library-kicker{display:block;margin-bottom:8px;color:var(--app-subtle);font-family:Space Mono,monospace;font-size:var(--font-meta);font-weight:400;letter-spacing:.09em;text-transform:uppercase}.library-primary-action,.library-secondary-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:10px;font-size:var(--font-small);font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.library-primary-action{border:1px solid rgba(109,124,255,.45);color:#fff;background:var(--app-accent)}.library-primary-action:hover{color:#fff;background:#7a87ff;transform:translateY(-1px)}.library-secondary-action{border:1px solid var(--app-border);color:var(--app-muted);background:var(--app-surface)}.library-secondary-action:hover{border-color:var(--app-border-strong);color:var(--app-text);background:var(--app-surface-raised)}.library-workspace{margin-bottom:32px}.library-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 162px 154px 172px auto;gap:8px;padding:10px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface)}.library-toolbar-search{display:flex;min-width:0;height:40px;align-items:center;gap:9px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:#ffffff09}.library-toolbar-search:focus-within{border-color:#6d7cff6b;background:#6d7cff0e}.library-toolbar-search i{color:var(--app-subtle);font-size:var(--font-body)}.library-toolbar-search input{width:100%;min-width:0;border:0;outline:0;color:var(--app-text);background:transparent;font-size:var(--font-small)}.library-toolbar-search input::placeholder{color:#616a79}.library-toolbar-select select{width:100%;height:40px;padding:0 34px 0 11px;border:1px solid transparent;border-radius:9px;outline:0;color:var(--app-muted);background-color:#ffffff09;font-size:var(--font-small)}.library-toolbar-select select:hover,.library-toolbar-select select:focus{border-color:var(--app-border-strong);color:var(--app-text)}.library-toolbar-select option{color:#151820;background:#fff}.library-filter-submit{height:40px;padding:0 14px;border:1px solid var(--app-border);border-radius:9px;color:var(--app-text);background:var(--app-surface-raised);font-size:var(--font-small);font-weight:600}.library-filter-submit:hover{border-color:var(--app-border-strong);background:var(--app-surface-hover)}.library-shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.library-shortcuts{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.library-shortcut{display:inline-flex;height:32px;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--app-border);border-radius:999px;color:var(--app-muted);background:transparent;font-size:var(--font-small);font-weight:520}.library-shortcut span{color:var(--app-subtle)}.library-shortcut:hover,.library-shortcut.active{border-color:#6d7cff47;color:var(--app-text);background:var(--app-accent-soft)}.library-shortcut.active span{color:#9da6ff}.library-clear-filters{flex:0 0 auto;color:var(--app-subtle);font-size:var(--font-small)}.library-clear-filters:hover{color:var(--app-text)}.library-results{margin-top:8px}.library-results-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.library-results-count{display:block;margin-bottom:4px;color:var(--app-subtle);font-size:var(--font-meta)}.library-results-header h2{margin:0;color:var(--app-text);font-size:var(--font-section);font-weight:630;letter-spacing:-.025em}.library-view-switcher{display:flex;gap:3px;padding:3px;border:1px solid var(--app-border);border-radius:9px;background:var(--app-surface)}.library-view-switcher a{display:grid;width:31px;height:29px;place-items:center;border-radius:6px;color:var(--app-subtle)}.library-view-switcher a:hover,.library-view-switcher a.active{color:var(--app-text);background:#ffffff12}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:26px 16px}.library-item{min-width:0}.library-item-cover{position:relative;overflow:hidden;aspect-ratio:2 / 3;border:1px solid var(--app-border);border-radius:10px;background:var(--app-surface);box-shadow:0 10px 26px #0003;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.library-item:hover .library-item-cover{border-color:var(--app-border-strong);transform:translateY(-3px);box-shadow:0 16px 34px #00000047}.library-item-cover img{width:100%;height:100%;object-fit:cover}.library-item-favorite-form{position:absolute;top:8px;right:8px;margin:0}.library-item-favorite{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#ffffffc7;background:#080b12b8;backdrop-filter:blur(8px);font-size:var(--font-small)}.library-item-favorite:hover,.library-item-favorite.active{color:#ff94a1;background:#080b12db}.library-item-content{padding:10px 2px 0}.library-item-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:10px}.library-item-heading>div{min-width:0}.library-item-heading h3{overflow:hidden;margin:0;color:var(--app-text);font-size:var(--font-body);font-weight:600;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.library-item-heading p{overflow:hidden;margin:4px 0 0;color:var(--app-subtle);font-size:var(--font-meta);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.library-item-heading p span{margin:0 2px}.library-item-rating{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;color:#d8b56a;font-size:var(--font-meta);font-weight:600}.library-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.library-status{overflow:hidden;color:var(--app-muted);font-size:var(--font-meta);text-overflow:ellipsis;white-space:nowrap}.library-grid--list{display:grid;grid-template-columns:1fr;gap:1px;overflow:hidden;border:1px solid var(--app-border);border-radius:12px;background:var(--app-border)}.library-grid--list .library-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:10px 12px;background:var(--app-surface)}.library-grid--list .library-item:hover{background:var(--app-surface-raised)}.library-grid--list .library-item-cover{width:54px;height:72px;aspect-ratio:auto;border-radius:7px;box-shadow:none}.library-grid--list .library-item:hover .library-item-cover{transform:none;box-shadow:none}.library-grid--list .library-item-favorite-form{display:none}.library-grid--list .library-item-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:0}.library-grid--list .library-item-heading h3{font-size:var(--font-body)}.library-empty-state,.library-empty-filter{display:grid;min-height:280px;place-items:center;align-content:center;gap:8px;padding:32px;border:1px dashed var(--app-border-strong);border-radius:14px;text-align:center;background:#ffffff04}.library-empty-state-icon,.library-empty-filter-icon{display:grid;width:42px;height:42px;margin-bottom:5px;place-items:center;border-radius:11px;color:var(--app-muted);background:var(--app-surface-raised)}.library-empty-state h2,.library-empty-filter h3{margin:0;color:var(--app-text);font-size:var(--font-section);font-weight:620}.library-empty-state p,.library-empty-filter p{max-width:460px;margin:0 0 5px;color:var(--app-muted);font-size:var(--font-small);line-height:1.55}.library-empty-filter>a{color:#a9b1ff;font-size:var(--font-small)}.library-empty-filter-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:5px}.library-empty-filter-primary,.library-empty-filter-secondary{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;font-size:var(--font-small);font-weight:600;text-decoration:none}.library-empty-filter-primary{border:1px solid rgba(109,124,255,.35);color:#dce0ff;background:#6d7cff1f}.library-empty-filter-primary:hover{color:#fff;background:#6d7cff2e}.library-empty-filter-secondary{border:1px solid var(--app-border);color:var(--app-muted);background:var(--app-surface)}.library-empty-filter-secondary:hover{border-color:var(--app-border-strong);color:var(--app-text)}.library-empty-shelf{display:grid;justify-items:center;padding:40px 20px;border:1px solid var(--app-border);border-radius:18px;background:var(--app-surface);text-align:center}.library-empty-shelf-covers{display:grid;grid-template-columns:repeat(3,64px);gap:10px;margin-bottom:22px}.library-empty-shelf-covers span{aspect-ratio:2 / 3;border:1px dashed var(--app-border-strong);border-radius:8px;background:color-mix(in srgb,var(--app-muted) 8%,transparent)}.library-empty-shelf-covers span:nth-child(2){background:color-mix(in srgb,var(--app-accent) 14%,transparent);border-color:color-mix(in srgb,var(--app-accent) 45%,transparent)}.library-empty-shelf h2{margin:0;color:var(--app-text);font-size:var(--font-subheading);font-weight:670;letter-spacing:-.02em}.library-empty-shelf p{max-width:320px;margin:8px 0 20px;color:var(--app-muted);font-size:var(--font-small);line-height:1.5}.library-empty-shelf-connection{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--app-subtle);font-size:var(--font-meta);text-decoration:none}.library-empty-shelf-connection:hover{color:var(--app-text)}.library-empty-shelf-connection-dot{width:7px;height:7px;border-radius:50%;background:var(--app-success)}.authenticated-content .media-page-section{padding-top:42px;background:transparent}.authenticated-content .media-form-card,.authenticated-content .insights-panel,.authenticated-content .connection-card{border-color:var(--app-border);background:var(--app-surface);box-shadow:none}.authenticated-content .media-page-heading h1{color:var(--app-text);font-family:inherit;font-weight:660;letter-spacing:-.035em}.authenticated-content .media-page-heading p,.authenticated-content .insights-empty,.authenticated-content .saintflick-bridge-card p{color:var(--app-muted);font-family:inherit}.authenticated-content .section-eyebrow{color:var(--app-subtle);font-family:Space Mono,monospace}@media(max-width:1180px){.app-sidebar{width:76px;align-items:center;padding-inline:10px}.app-sidebar-logo{width:46px;justify-content:center;padding:0}.app-sidebar-brand-text,.app-sidebar-link span,.sidebar-logout-button span,.sidebar-profile-name{display:none}.app-sidebar-navigation,.app-sidebar-bottom{width:100%}.app-sidebar-link,.sidebar-logout-button{justify-content:center;padding:0}.sidebar-profile{justify-content:center;padding-inline:0}.authenticated-content{margin-left:76px}.library-toolbar{grid-template-columns:minmax(220px,1fr) 150px 146px}.library-sort-control{grid-column:1 / span 2}.library-filter-submit{grid-column:3}}@media(max-width:820px){.library-shell{padding:30px 20px 70px}.library-toolbar{grid-template-columns:1fr 1fr}.library-toolbar-search{grid-column:1 / -1}.library-sort-control{grid-column:1}.library-filter-submit{grid-column:2}.library-shortcuts-row{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.app-sidebar{display:none}.authenticated-content{margin-left:0}}@media(max-width:560px){.library-welcome-toast{top:12px;right:12px;width:calc(100vw - 24px);grid-template-columns:34px minmax(0,1fr) 28px;gap:9px}.library-welcome-toast-action{grid-column:2;justify-self:start;margin-top:2px}.library-welcome-toast-close{grid-column:3;grid-row:1}.library-empty-filter-actions{flex-direction:column;width:100%}.library-empty-filter-actions a{width:100%}.library-shell{padding:24px 14px 56px}.library-toolbar{grid-template-columns:1fr}.library-toolbar-search,.library-sort-control,.library-filter-submit{grid-column:auto}.library-shortcuts{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.library-shortcuts::-webkit-scrollbar{display:none}.library-shortcut{flex:0 0 auto}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 11px}}@media(max-width:767px){.app-sidebar{inset:auto 0 0;z-index:1080;display:flex;width:100%;height:62px;align-items:center;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--app-border);border-right:0;background:#0a0d14f5;backdrop-filter:blur(18px)}.app-sidebar-logo,.app-sidebar-bottom{display:none}.app-sidebar-navigation{display:grid;width:100%;height:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;margin:0}.app-sidebar-link{width:100%;height:46px;justify-content:center;padding:0;border-radius:9px}.app-sidebar-link span{display:none}.app-sidebar-link i{font-size:var(--font-section)}.authenticated-content{margin-left:0;padding-bottom:calc(62px + env(safe-area-inset-bottom))}}.app-sidebar-link.active{position:relative;color:var(--app-text);background:#6d7cff1a}.app-sidebar-link.active:before{position:absolute;left:-4px;width:3px;height:20px;border-radius:999px;background:var(--app-accent);content:""}.app-sidebar-link.active i{color:#aab2ff}.app-sidebar-bottom{padding-top:12px;border-top:1px solid var(--app-border)}.library-toolbar{padding:8px}.library-shortcuts-row{margin-top:10px}.library-item-content{min-height:82px}.library-status{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid transparent;border-radius:999px;font-size:var(--font-meta);font-weight:550}.library-status.status-completed{color:#83d8a8;background:#6fcf9714}.library-status.status-progress,.library-status.status-rewatching{color:#aab2ff;background:#6d7cff1a}.library-status.status-planned{color:#a7b0c1;background:#ffffff0b}.library-status.status-paused{color:#e6bd78;background:#e5b56714}.library-status.status-dropped{color:#e8979d;background:#e47b8314}.library-grid--grid .library-item-heading{min-height:42px}@media(max-width:1180px){.app-sidebar-link.active:before{left:-2px}}@media(max-width:767px){.app-sidebar-link.active:before{inset:auto auto -5px 50%;width:18px;height:3px;transform:translate(-50%)}}.authenticated-content,.app-sidebar,.authenticated-content button,.authenticated-content input,.authenticated-content select,.authenticated-content textarea,.authenticated-content .btn,.app-sidebar button{font-family:Space Mono,monospace}.app-sidebar,.authenticated-content{transition:width .18s ease,margin-left .18s ease}.app-sidebar-header{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:8px}.app-sidebar-toggle{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--app-border);border-radius:8px;color:var(--app-subtle);background:transparent;cursor:pointer;font-size:var(--font-small);transition:color .15s ease,border-color .15s ease,background .15s ease,transform .18s ease}.app-sidebar-toggle:hover{border-color:var(--app-border-strong);color:var(--app-text);background:#ffffff0e}@media(min-width:768px){.app-sidebar{width:216px;align-items:stretch;padding:22px 14px 18px}.app-sidebar-logo{display:flex;width:auto;height:46px;justify-content:flex-start;padding:0 10px}.app-sidebar-brand-text,.app-sidebar-link span,.sidebar-logout-button span,.sidebar-profile-name{display:inline}.app-sidebar-navigation,.app-sidebar-bottom{width:auto}.app-sidebar-link,.sidebar-logout-button{justify-content:flex-start;padding:0 11px}.sidebar-profile{justify-content:flex-start;padding-inline:10px}.authenticated-content{margin-left:216px}html.sidebar-collapsed .app-sidebar{width:84px;align-items:center;padding-inline:10px}html.sidebar-collapsed .authenticated-content{margin-left:84px}html.sidebar-collapsed .app-sidebar-header{justify-content:center;gap:4px}html.sidebar-collapsed .app-sidebar-logo{width:30px;height:40px;justify-content:center;padding:0}html.sidebar-collapsed .app-sidebar-brand-text,html.sidebar-collapsed .app-sidebar-link span,html.sidebar-collapsed .sidebar-logout-button span,html.sidebar-collapsed .sidebar-profile-name{display:none}html.sidebar-collapsed .app-sidebar-navigation,html.sidebar-collapsed .app-sidebar-bottom{width:100%}html.sidebar-collapsed .app-sidebar-link,html.sidebar-collapsed .sidebar-logout-button{justify-content:center;padding:0}html.sidebar-collapsed .sidebar-profile{justify-content:center;padding-inline:0}html.sidebar-collapsed .app-sidebar-toggle{width:28px;height:28px}html.sidebar-collapsed .app-sidebar-link[data-sidebar-label]{position:relative}html.sidebar-collapsed .app-sidebar-link[data-sidebar-label]:hover:after{position:absolute;z-index:1200;top:50%;left:calc(100% + 12px);padding:6px 9px;border:1px solid var(--app-border);border-radius:7px;color:var(--app-text);background:#141923;box-shadow:0 8px 24px #00000047;content:attr(data-sidebar-label);font-size:var(--font-meta);line-height:1;white-space:nowrap;transform:translateY(-50%);pointer-events:none}}@media(max-width:767px){.app-sidebar-toggle{display:none}html.sidebar-collapsed .authenticated-content,.authenticated-content{margin-left:0}}.add-media-shell{min-height:100vh;padding:42px 32px 80px}.add-media-container{max-width:1080px}.add-media-error{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;padding:11px 13px;border:1px solid rgba(228,123,131,.22);border-radius:10px;color:#efa2a8;background:#e47b8312;font-size:var(--font-meta);line-height:1.5}.add-media-form{display:grid;gap:14px}.add-media-panel{margin:0;padding:20px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface)}.add-media-field{min-width:0}.add-media-field>label,.media-type-fieldset>legend{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;margin-bottom:7px;color:var(--app-text);font-size:var(--font-meta);font-weight:600}.add-media-field>label>span,.media-type-fieldset>legend>span{color:#aab2ff}.add-media-field label small{color:var(--app-subtle);font-size:var(--font-caption);font-weight:400}.add-media-field input,.add-media-field select,.add-media-field textarea,.add-media-core-grid select{width:100%;border:1px solid var(--app-border);border-radius:10px;outline:0;color:var(--app-text);background:#ffffff06;font-size:var(--font-small);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.add-media-field input,.add-media-field select,.add-media-core-grid select{height:44px;padding:0 12px}.add-media-field textarea{min-height:112px;padding:12px;resize:vertical;line-height:1.55}.add-media-field input::placeholder,.add-media-field textarea::placeholder{color:#535d6f}.add-media-field input:focus,.add-media-field select:focus,.add-media-field textarea:focus,.add-media-core-grid select:focus{border-color:#6d7cff85;background:#6d7cff09;box-shadow:0 0 0 3px #6d7cff12}.add-media-title-field{margin-bottom:18px}.media-type-fieldset{min-width:0;margin:0 0 18px;padding:0;border:0}.media-type-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.media-type-options>div{min-width:0}.media-type-options input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.media-type-options label{display:flex;min-height:70px;align-items:center;gap:10px;padding:12px;border:1px solid var(--app-border);border-radius:11px;color:var(--app-muted);background:#ffffff05;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.media-type-options label i{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--app-subtle);background:#ffffff0b}.media-type-options label span{overflow:hidden;font-size:var(--font-meta);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.media-type-options label:hover{border-color:var(--app-border-strong);color:var(--app-text);background:#ffffff09}.media-type-options input:focus-visible+label{border-color:#6d7cff8c;box-shadow:0 0 0 3px #6d7cff14}.media-type-options input:checked+label{border-color:#6d7cff6b;color:var(--app-text);background:var(--app-accent-soft)}.media-type-options input:checked+label i{color:#b5bcff;background:#6d7cff24}.add-media-core-grid,.add-media-details-grid,.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.add-media-date-grid:has([hidden]:first-child):has([hidden]:last-child){display:none}.cover-preview{position:relative;width:90px;height:126px;overflow:hidden;border:1px solid var(--app-border);border-radius:9px;background:#ffffff05}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-preview-placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:7px;padding:10px;color:var(--app-subtle);text-align:center}.cover-preview-placeholder i{font-size:var(--font-section)}.cover-preview-placeholder span{font-size:var(--font-caption);line-height:1.35}.tag-preview{display:flex;flex-wrap:wrap;gap:6px;min-height:0;margin-top:8px}.tag-preview:empty{display:none}.tag-preview span{display:inline-flex;min-height:26px;align-items:center;padding:0 8px;border:1px solid var(--app-border);border-radius:999px;color:var(--app-muted);background:#ffffff06;font-size:var(--font-caption)}.toggle-control{position:relative;display:block;width:36px;height:20px;flex:0 0 auto}.toggle-control input{position:absolute;width:1px;height:1px;opacity:0}.toggle-control>span{position:absolute;inset:0;border:1px solid var(--app-border-strong);border-radius:999px;background:#ffffff12;transition:border-color .15s ease,background .15s ease}.toggle-control>span:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#8d96a8;content:"";transition:transform .15s ease,background .15s ease}.toggle-control input:checked+span{border-color:#6d7cff73;background:#6d7cff42}.toggle-control input:checked+span:after{background:#c3c8ff;transform:translate(16px)}.toggle-control input:focus-visible+span{box-shadow:0 0 0 3px #6d7cff17}.add-media-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 0}.add-media-actions p{margin:0;color:var(--app-subtle);font-size:var(--font-caption)}.add-media-actions>div{display:flex;gap:8px}.add-media-actions button{cursor:pointer}@media(max-width:820px){.add-media-shell{padding:30px 20px 70px}.media-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.add-media-core-grid,.add-media-details-grid,.preference-grid{grid-template-columns:1fr}.add-media-actions{align-items:stretch;flex-direction:column}.add-media-actions>div{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:560px){.add-media-shell{padding:24px 14px 56px}.add-media-panel{padding:16px}.media-type-options label{min-height:62px;padding:10px}.cover-preview{width:72px;height:101px}.add-media-actions>div{grid-template-columns:1fr}.add-media-actions>div>*{width:100%}}.add-media-field input,.add-media-field textarea,.add-media-field select,.add-media-select-control{border-color:#ffffff1b;background:linear-gradient(180deg,#ffffff08,#ffffff05);box-shadow:inset 0 1px #ffffff06,0 1px #0000002e}.add-media-field input,.add-media-field textarea,.add-media-field select,.add-media-select-control select{min-height:46px}.add-media-field textarea{min-height:118px}.add-media-field input:hover,.add-media-field textarea:hover,.add-media-field select:hover,.add-media-select-control:hover{border-color:#ffffff2b;background:linear-gradient(180deg,#ffffff0b,#ffffff06)}.add-media-field input:focus,.add-media-field textarea:focus,.add-media-field select:focus,.add-media-select-control:focus-within{border-color:#6d7cffb8;background:linear-gradient(180deg,#6d7cff12,#6d7cff09);box-shadow:0 0 0 3px #6d7cff1a,inset 0 1px #ffffff08}.add-media-field input::placeholder,.add-media-field textarea::placeholder{color:#6d7688;opacity:1;font-weight:400}.add-media-title-field input{min-height:50px;padding-inline:14px;font-size:var(--font-body)}.add-media-field>label,.media-type-fieldset>legend{margin-bottom:8px;color:#dfe3ea}.add-media-field label small{color:#7f899b}.edit-media-page-v2{min-height:100vh;padding:42px 32px 80px;background:transparent}.edit-media-page-v2>.container{width:min(1080px,100%);max-width:none;margin:0 auto;padding:0}.edit-media-v2{padding:0;border:0;background:transparent;box-shadow:none}.edit-media-v2 .media-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0;padding:0 0 28px}.edit-media-v2 .media-page-heading h1{margin:0;color:var(--app-text);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.05em;line-height:1}.edit-media-v2 .media-page-heading p{max-width:620px;margin:10px 0 0;color:var(--app-muted);font-size:var(--font-small);line-height:1.65}.edit-media-v2 .media-page-heading .secondary-vault-button{min-height:42px;padding:0 14px;border:1px solid var(--app-border);border-radius:10px;color:var(--app-muted);background:var(--app-surface);font-size:var(--font-small)}.edit-media-form-v2{padding:20px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface)}.edit-media-form-v2>.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 14px;margin:0}.edit-media-form-v2>.row>*{width:auto;margin:0!important;padding:0}.edit-media-form-v2>.row>.col-md-6{grid-column:span 6}.edit-media-form-v2 .form-control,.edit-media-form-v2 .form-select,.edit-media-form-v2 .v2-select{min-height:46px;border:1px solid rgba(255,255,255,.105);border-radius:10px;color:#f2f4f8;background:linear-gradient(180deg,#ffffff08,#ffffff05);box-shadow:inset 0 1px #ffffff06,0 1px #0000002e;font-family:Space Mono,monospace;font-size:var(--font-small)}.edit-media-form-v2 .form-control:hover,.edit-media-form-v2 .v2-select:hover{border-color:#ffffff2b}.edit-media-form-v2 .form-control:focus,.edit-media-form-v2 .v2-select:focus-within{border-color:#6d7cffb8;background:linear-gradient(180deg,#6d7cff12,#6d7cff09);box-shadow:0 0 0 3px #6d7cff1a}.edit-media-form-v2 .v2-select{display:grid;grid-template-columns:32px minmax(0,1fr) 30px;align-items:center;overflow:hidden}.edit-media-form-v2 .v2-select-leading,.edit-media-form-v2 .v2-select-chevron{display:grid;place-items:center;color:var(--app-subtle);pointer-events:none}.edit-media-form-v2 .v2-select select{width:100%;height:44px;padding:0 4px;border:0;outline:0;appearance:none;-webkit-appearance:none;color:#f2f4f8;background:transparent;box-shadow:none;cursor:pointer;font-family:Space Mono,monospace;font-size:var(--font-small)}.edit-media-form-v2 .v2-select select option{color:#f2f4f8;background:#111722}.edit-cover-preview{display:grid;width:76px;height:106px;margin-top:10px;overflow:hidden;place-items:center;border:1px solid var(--app-border);border-radius:8px;background:#ffffff05}.edit-cover-preview img{width:100%;height:100%;object-fit:cover}.edit-cover-preview-empty{display:grid;place-items:center;gap:5px;color:var(--app-subtle);font-size:var(--font-caption);text-align:center}.edit-tag-preview{margin-top:8px}.edit-media-form-v2 .edit-preference-toggle{display:flex;min-height:74px;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--app-border);border-radius:11px;background:#ffffff05}.edit-media-form-v2 .primary-vault-button{border:1px solid rgba(109,124,255,.45);background:var(--app-accent);box-shadow:none}.connections-page{min-height:100vh;padding:42px 32px 80px;background:transparent}.connections-page>.container{width:min(1120px,100%);max-width:none;margin:0 auto;padding:0}.connections-page .connections-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0;padding:0 0 28px}.connections-page .connections-heading h1{margin:0;color:var(--app-text);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.05em;line-height:1}.connections-page .connections-heading p{max-width:650px;margin:10px 0 0;color:var(--app-muted);font-size:var(--font-small);line-height:1.65}.connections-page .connections-heading .secondary-vault-button{min-height:42px;padding:0 14px;border:1px solid var(--app-border);border-radius:10px;color:var(--app-muted);background:var(--app-surface);font-size:var(--font-small)}.connections-page .connection-card{position:relative;padding:20px;border:1px solid var(--app-border);border-radius:14px;background:radial-gradient(circle at 95% 0%,rgba(109,124,255,.08),transparent 24rem),var(--app-surface);box-shadow:none}.connections-page .connection-card-brand{display:flex;align-items:flex-start;gap:14px;padding-right:150px}.connections-page .connection-card-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(109,124,255,.2);border-radius:11px;color:#aab2ff;background:#6d7cff14;font-size:var(--font-section)}.connections-page .connection-card-brand h2{margin:2px 0 6px;color:var(--app-text);font-size:var(--font-section);font-weight:650;letter-spacing:-.03em}.connections-page .connection-card-brand p{max-width:650px;margin:0;color:var(--app-muted);font-size:var(--font-small);line-height:1.6}.connections-page .connection-status{top:20px;right:20px;padding:6px 9px;border:1px solid var(--app-border);border-radius:999px;color:var(--app-muted);background:#ffffff06;font-size:var(--font-meta)}.connections-page .connection-status.connected{color:#83d8a8;border-color:#6fcf9733;background:#6fcf970f}.connections-page .connection-permissions{margin:20px 0 16px;padding:0;border:0;background:transparent}.connections-page .connection-permissions h3{margin:0 0 10px;color:var(--app-subtle);font-size:var(--font-meta);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.connections-page .connection-readiness{margin:16px 0}.connections-page .connection-readiness h3{margin:0 0 10px;color:var(--app-subtle);font-size:var(--font-meta);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.connections-page .connection-permissions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.connections-page .connection-permissions span{min-height:72px;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--app-border);border-radius:10px;color:var(--app-muted);background:#ffffff05;font-size:var(--font-meta);line-height:1.5}.connections-page .connection-permissions span i{margin-top:1px;color:#8f9aff}.connections-page .connection-permissions span:last-child i{color:#e28b92}.connections-page .primary-vault-button{min-height:42px;padding:0 14px;border:1px solid rgba(109,124,255,.45);border-radius:10px;background:var(--app-accent);box-shadow:none;font-size:var(--font-small)}.connections-page .connection-code-panel{position:relative;margin-top:18px;padding:18px;border:1px solid rgba(109,124,255,.2);border-radius:12px;background:#6d7cff0d}.connections-page .connection-code{margin:8px 0 10px;color:var(--app-text);font-size:clamp(1.4rem,4vw,2.1rem);font-weight:650;letter-spacing:.08em}.connections-page .connection-code-panel p{max-width:640px;margin:0;color:var(--app-muted);font-size:var(--font-meta);line-height:1.6}.connection-copy-button{display:inline-flex;min-height:34px;align-items:center;gap:7px;margin-bottom:10px;padding:0 10px;border:1px solid var(--app-border-strong);border-radius:8px;color:var(--app-text);background:var(--app-surface-raised);cursor:pointer;font-family:Space Mono,monospace;font-size:var(--font-meta)}.connections-page .connection-config-note{display:flex;align-items:flex-start;gap:8px;margin-top:18px;padding:12px 0 0;border-top:1px solid var(--app-border);color:var(--app-subtle);font-size:var(--font-caption);line-height:1.55;opacity:1}.connections-page .connection-config-note code{color:#9fa8ff;background:transparent;font-family:Space Mono,monospace;font-size:inherit}.connections-page .connection-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 16px}.connections-page .connection-detail-grid>div{padding:12px;border:1px solid var(--app-border);border-radius:10px;background:#ffffff05}.connections-page .connection-detail-grid span{margin-bottom:5px;color:var(--app-subtle);font-size:var(--font-caption)}.connections-page .connection-detail-grid strong{color:var(--app-text);font-size:var(--font-meta);font-weight:600}.connections-page .connection-danger-button{min-height:38px;padding:0 12px;border:1px solid rgba(228,123,131,.2);border-radius:9px;color:#e8979d;background:#e47b830d;font-size:var(--font-meta)}@media(max-width:820px){.edit-media-page-v2,.connections-page{padding:30px 20px 70px}.edit-media-v2 .media-page-heading,.connections-page .connections-heading{align-items:flex-start;flex-direction:column}.connections-page .connection-permissions>div,.connections-page .connection-detail-grid{grid-template-columns:1fr}.connections-page .connection-card-brand{padding-right:0}.connections-page .connection-status{position:static;margin-top:16px}}@media(max-width:640px){.edit-media-form-v2>.row>.col-md-8,.edit-media-form-v2>.row>.col-md-4,.edit-media-form-v2>.row>.col-md-6{grid-column:1 / -1}}@media(max-width:560px){.edit-media-page-v2,.connections-page{padding:24px 14px 56px}.edit-media-v2 .media-page-heading h1,.connections-page .connections-heading h1{font-size:2rem}.edit-media-v2 .media-page-heading .secondary-vault-button,.connections-page .connections-heading .secondary-vault-button{width:100%}.edit-media-form-v2{padding:16px}}.edit-media-v2 .media-page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:32px;padding-bottom:28px}.edit-media-v2 .media-page-heading>div:first-child{max-width:760px}.edit-media-v2 .media-page-heading .section-eyebrow{display:block;margin:0 0 10px;color:var(--app-subtle);font-family:Space Mono,monospace;font-size:var(--font-meta);font-weight:500;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.edit-media-v2 .media-page-heading h1{margin:0;font-family:Space Mono,monospace;font-size:clamp(2.25rem,3.4vw,2.9rem);font-weight:700;letter-spacing:-.035em;line-height:1.08}.edit-media-v2 .media-page-heading p{max-width:720px;margin:12px 0 0;color:#98a3b7;font-family:Space Mono,monospace;font-size:var(--font-small);font-weight:400;letter-spacing:-.01em;line-height:1.7}.edit-media-v2 .media-page-heading .secondary-vault-button{align-self:start;margin-top:8px;white-space:nowrap}@media(max-width:820px){.edit-media-v2 .media-page-heading{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.edit-media-v2 .media-page-heading>div:first-child{max-width:100%}.edit-media-v2 .media-page-heading .secondary-vault-button{margin-top:0}}.edit-media-v2 .media-page-heading{padding-left:20px;padding-right:20px}@media(max-width:560px){.edit-media-v2 .media-page-heading{padding-left:16px;padding-right:16px}}.edit-media-v2 .media-page-heading{padding-top:22px}@media(max-width:560px){.edit-media-v2 .media-page-heading{padding-top:18px}}.media-lookup-field{position:relative;z-index:30}.media-lookup-input-wrap{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;min-height:50px;overflow:hidden;border:1px solid rgba(255,255,255,.115);border-radius:11px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);box-shadow:inset 0 1px #ffffff06,0 1px #0000002e;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.media-lookup-input-wrap:hover{border-color:#ffffff2e}.media-lookup-input-wrap:focus-within{border-color:#6d7cffb8;background:linear-gradient(180deg,#6d7cff12,#6d7cff09);box-shadow:0 0 0 3px #6d7cff1a,inset 0 1px #ffffff08}.media-lookup-input-wrap>i{display:grid;place-items:center;color:#768196;font-size:var(--font-small);pointer-events:none}.add-media-field .media-lookup-input-wrap>input{width:100%;min-height:48px;padding:0 4px;border:0;border-radius:0;outline:0;color:#f2f4f8;background:transparent;box-shadow:none!important;font-size:var(--font-body)}.add-media-field .media-lookup-input-wrap>input:hover,.add-media-field .media-lookup-input-wrap>input:focus{border:0;background:transparent;box-shadow:none}.media-lookup-spinner{width:14px;height:14px;justify-self:center;border:2px solid rgba(255,255,255,.12);border-top-color:#9da6ff;border-radius:50%;animation:media-lookup-spin .7s linear infinite}@keyframes media-lookup-spin{to{transform:rotate(360deg)}}.media-lookup-helper{margin-top:7px;color:var(--app-subtle);font-size:var(--font-caption);line-height:1.5}.media-lookup-results{position:absolute;z-index:80;top:calc(100% + 7px);left:0;width:100%;max-height:390px;overflow:auto;padding:6px;border:1px solid var(--app-border-strong);border-radius:12px;background:#101620;box-shadow:0 18px 50px #0000006b,inset 0 1px #ffffff08}.media-search-result{display:grid;width:100%;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;min-height:68px;padding:7px 9px;border:0;border-radius:9px;color:var(--app-text);background:transparent;cursor:pointer;font-family:Space Mono,monospace;text-align:left;transition:background .14s ease,transform .14s ease}.media-search-result:hover,.media-search-result:focus-visible{outline:0;background:#6d7cff17}.media-search-result-poster{display:grid;width:40px;height:56px;overflow:hidden;place-items:center;border:1px solid var(--app-border);border-radius:6px;color:var(--app-subtle);background:#ffffff09}.media-search-result-poster img{width:100%;height:100%;object-fit:cover}.media-search-result-poster i{font-size:var(--font-body)}.media-search-result-copy{display:block;min-width:0}.media-search-result-copy strong,.media-search-result-copy>span{display:block}.media-search-result-copy strong{overflow:hidden;color:#f4f5f8;font-size:var(--font-meta);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.media-search-result-copy>span{overflow:hidden;margin-top:5px;color:#8792a5;font-size:var(--font-caption);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.media-search-result>small{align-self:start;margin-top:5px;padding:4px 6px;border:1px solid var(--app-border);border-radius:999px;color:#929cf0;background:#6d7cff0d;font-size:var(--font-caption);white-space:nowrap}.media-lookup-state{padding:18px 14px;color:var(--app-muted);font-size:var(--font-meta);line-height:1.55;text-align:center}.media-lookup-selection{display:flex;align-items:center;gap:7px;min-height:32px;margin-top:8px;padding:5px 8px;border:1px solid rgba(111,207,151,.16);border-radius:8px;color:#a8dcbc;background:#6fcf970b;font-size:var(--font-caption)}.media-lookup-selection>i{flex:0 0 auto;color:#6fcf97}.media-lookup-selection>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-lookup-selection button{margin-left:auto;padding:0;border:0;color:#929cf0;background:transparent;cursor:pointer;font-family:Space Mono,monospace;font-size:var(--font-caption);white-space:nowrap}.media-lookup-selection button:hover{color:#b6bdff;text-decoration:underline;text-underline-offset:2px}@media(max-width:560px){.media-lookup-results{max-height:330px}.media-search-result{grid-template-columns:40px minmax(0,1fr)}.media-search-result>small{display:none}.media-lookup-selection{align-items:flex-start;flex-wrap:wrap}.media-lookup-selection button{width:100%;margin-left:22px;text-align:left}}.mementiq-mark-image{display:block;width:100%;height:100%;object-fit:contain}.app-sidebar-logo .mementiq-mark-image{width:42px;height:42px}.brand-icon .mementiq-mark-image{width:38px;height:38px}.footer-brand-icon .mementiq-mark-image{width:32px;height:32px}.vault-brand .brand-icon,.footer-brand-icon{background:transparent;box-shadow:none}.vault-brand .brand-icon{width:40px;height:40px}.footer-brand-icon{width:34px;height:34px}@keyframes mementiq-mark-arrive{0%{opacity:0;transform:scale(.82) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mementiq-ring-expand{0%{opacity:0;transform:scale(.72)}28%{opacity:.6}to{opacity:0;transform:scale(1.2)}}@keyframes mementiq-loading{0%{transform:translate(-110%)}to{transform:translate(240%)}}.media-search-result.is-active{outline:0;background:#6d7cff1f}.edit-media-form-v2 .media-lookup-field{z-index:40}.edit-media-form-v2 .media-lookup-helper{margin-top:7px}.edit-media-form-v2 .media-lookup-selection{margin-bottom:2px}.mementiq-error-page{display:grid;min-height:100vh;place-items:center;padding:110px 20px 70px}.authenticated-content .mementiq-error-page{padding-top:40px}.mementiq-error-card{width:min(620px,100%);padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(circle at 85% 10%,rgba(90,140,255,.08),transparent 16rem),#0c111af0;box-shadow:0 28px 80px #00000057}.mementiq-error-mark{width:48px;height:48px;margin-bottom:18px}.mementiq-error-mark img{display:block;width:100%;height:100%}.mementiq-error-kicker{display:block;margin-bottom:9px;color:#8edcff;font-size:var(--font-meta);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mementiq-error-card h1{margin:0;color:#f4f7fb;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:700;letter-spacing:-.045em}.mementiq-error-card>p{max-width:500px;margin:13px 0 0;color:#8d98aa;font-size:var(--font-small);line-height:1.7}.mementiq-error-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.mementiq-error-actions button{cursor:pointer}.mementiq-error-details{margin-top:26px;border-top:1px solid rgba(255,255,255,.07);padding-top:17px}.mementiq-error-details summary{color:#748298;cursor:pointer;font-size:var(--font-caption)}.mementiq-error-details pre{max-height:300px;margin:12px 0 0;overflow:auto;padding:12px;border-radius:9px;color:#aeb9c8;background:#080d15;font-size:var(--font-caption);white-space:pre-wrap}@media(max-width:560px){.mementiq-error-card{padding:24px 20px}.mementiq-error-actions{flex-direction:column}.mementiq-error-actions>*{width:100%}}.add-media-actions .library-primary-action.is-saving,.add-media-actions .library-primary-action:disabled{cursor:wait;opacity:.78;transform:none;pointer-events:none}.add-media-actions .library-primary-action.is-saving i{animation:add-media-submit-spin .8s linear infinite}@keyframes add-media-submit-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.add-media-actions .library-primary-action.is-saving i{animation:none}}.timeline-shell{min-height:100vh;padding:36px 28px 80px}.timeline-container{width:min(760px,100%)}.timeline-container>.page-title-row{margin-bottom:14px}.timeline-filters{display:flex;gap:8px;margin:0 -16px 6px;padding:2px 16px 8px;overflow-x:auto;scrollbar-width:none}.timeline-filters::-webkit-scrollbar{display:none}.timeline-filter{display:inline-flex;flex:0 0 auto;min-height:40px;align-items:center;padding:0 16px;border:1px solid var(--app-border-strong);border-radius:999px;color:var(--app-muted);font-size:var(--font-meta);font-weight:600;text-decoration:none}.timeline-filter:hover{color:var(--app-text)}.timeline-filter[aria-current=page]{border-color:#6d7cff80;color:var(--app-text);background:var(--app-accent-soft)}.timeline-filter:focus-visible,.timeline-more:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.timeline-days,.timeline-day{display:grid;gap:6px}.timeline-day-label{position:sticky;z-index:2;top:0;margin:0;padding:12px 2px 4px;color:var(--app-subtle);font-size:var(--font-caption);font-weight:600;letter-spacing:.07em;text-transform:uppercase;background:var(--app-bg)}.timeline-list{margin:0;padding:0;overflow:hidden;border:1px solid var(--app-border);border-radius:14px;list-style:none;background:var(--app-surface)}.timeline-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 14px;border-top:1px solid var(--app-border);cursor:pointer;-webkit-tap-highlight-color:transparent}.timeline-row:first-child{border-top:0}.timeline-row:hover{background:var(--app-surface-hover)}.timeline-row--removed{cursor:default}.timeline-row--removed:hover{background:transparent}.timeline-row-open{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip-path:inset(50%);white-space:nowrap}.timeline-row:has(.timeline-row-open:focus-visible){outline:2px solid var(--app-accent);outline-offset:-2px}.timeline-cover{position:relative;display:grid;width:40px;height:60px;overflow:hidden;place-items:center;border:1px solid var(--app-border);border-radius:6px;color:var(--app-subtle);background:var(--app-surface-raised);font-size:var(--font-small)}.timeline-cover img{width:100%;height:100%;object-fit:cover}.timeline-row--removed .timeline-cover{opacity:.55}.timeline-row-copy{display:grid;gap:3px;min-width:0}.timeline-row-title{overflow:hidden;color:var(--app-text);font-size:var(--font-small);font-weight:650;text-overflow:ellipsis;white-space:nowrap}.timeline-row--removed .timeline-row-title{color:var(--app-muted)}.timeline-row-facts{color:var(--app-muted);font-size:var(--font-caption);line-height:1.45}.timeline-fact{white-space:nowrap}.timeline-fact-sep{color:var(--app-subtle)}.timeline-fact--done{color:#a8e8c3}.timeline-fact--start{color:#c3c9ff}.timeline-fact--star{color:#e6c377}.timeline-fact--fav{color:#e8a1b9}.timeline-fact--date{color:#9ed4cb}.timeline-fact--removed{color:#e5989f}.timeline-row-time{align-self:start;padding-top:2px;color:var(--app-subtle);font-size:var(--font-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-more{display:flex;min-height:46px;align-items:center;justify-content:center;margin-top:14px;border:1px solid var(--app-border-strong);border-radius:12px;color:var(--app-text);font-size:var(--font-meta);font-weight:650;text-decoration:none}.timeline-more[aria-busy=true]{color:var(--app-subtle)}.timeline-none{margin:18px 2px;color:var(--app-muted);font-size:var(--font-small)}.timeline-none a{color:#aab2ff;font-weight:650}.timeline-sheet-history{display:grid;gap:10px;margin:0 0 0 6px;padding:2px 0 2px 16px;border-left:1px solid var(--public-border-strong);list-style:none;font-size:var(--font-meta)}.timeline-sheet-history li{position:relative;color:var(--public-text)}.timeline-sheet-history li:before{content:"";position:absolute;top:.5em;left:-20px;width:7px;height:7px;border-radius:50%;background:var(--app-accent)}.timeline-sheet-history time{color:var(--public-muted);white-space:nowrap}.timeline-sheet-history time:before{content:"· "}.timeline-empty{display:grid;min-height:360px;place-items:center;align-content:center;padding:42px 24px;border:1px dashed var(--app-border-strong);border-radius:16px;text-align:center;background:#ffffff03}.timeline-empty-icon{display:grid;width:48px;height:48px;margin-bottom:15px;place-items:center;border:1px solid rgba(109,124,255,.15);border-radius:13px;color:#aab2ff;background:#6d7cff0f}.timeline-empty h2{margin:0;color:var(--app-text);font-size:var(--font-subheading);font-weight:650;letter-spacing:-.03em}.timeline-empty p{margin:8px 0 20px;color:var(--app-muted);font-size:var(--font-small)}@media(min-width:1024px){.timeline-container{width:min(920px,100%)}.timeline-day{grid-template-columns:136px minmax(0,1fr);align-items:start;gap:20px}.timeline-day-label{top:24px;padding:16px 0 0;background:transparent}.timeline-days{gap:14px}.timeline-filters,.timeline-more,.timeline-none{margin-left:156px}.timeline-filters{margin-right:0;padding-inline:0}}@media(max-width:820px){.timeline-shell{padding:24px 16px 110px}}
