@font-face{font-family:Russo One;src:url(/assets/russo-one-CdcH-QXh.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#090304;--stadium-black:#140607;--dark-glass:linear-gradient(180deg, #000000d1 0%, #000000ad 100%);--panel:#0000004d;--panel-deep:#0006;--field:#0000002e;--united-red:#c8102e;--floodlight-red:#ff3658;--warm-white:#fff7ee;--silver:#c9bfc0;--danger:#ff6a72;--line:#fff7ee24;--line-red:#ff36587a;--font-stadium:"Russo One", "Arial Black", sans-serif;font-family:var(--font-stadium);color:var(--warm-white);background:var(--night)}*{box-sizing:border-box}html{background:var(--night);min-width:320px;min-height:100%}body{isolation:isolate;background:var(--night);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:url(/assets/old-trafford-CMhEHL7H.jpg) 50% 42%/cover no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0702030f 0%,#07020347 66%,#090304d1 100%),radial-gradient(circle at 50% 34%,#0000 0 24%,#05010240 82%),linear-gradient(90deg,#c8102e0f,#0000 28% 72%,#c8102e0f);position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer;min-height:46px;color:var(--warm-white);background:var(--united-red);letter-spacing:.055em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:0 1.1rem;transition:background-color .16s,border-color .16s,transform .16s,box-shadow .16s}button:hover{background:var(--floodlight-red);transform:translateY(-1px);box-shadow:0 8px 24px #c8102e4d}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--floodlight-red);outline-offset:3px}input,select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--warm-white);background:var(--field);letter-spacing:.02em;border-radius:4px;outline:none;padding:0 .9rem;transition:border-color .16s,box-shadow .16s,background-color .16s}input:hover,select:hover{border-color:var(--line-red);background:#11131775}input:focus,select:focus{border-color:var(--floodlight-red);box-shadow:0 0 0 3px #ff365829}input::placeholder{color:#c9bfc0b8}.app-shell{width:min(1040px,100% - 40px);min-height:100vh;margin:0 auto;padding:28px 0 82px;position:relative}.site-header{z-index:10;background:var(--dark-glass);-webkit-backdrop-filter:blur(18px)saturate(108%);backdrop-filter:blur(18px)saturate(108%);border-bottom:1px solid #fff7ee1f;min-height:60px;position:sticky;top:0;box-shadow:0 8px 28px #0003}.site-header:after{content:"";pointer-events:none;background:linear-gradient(#0000005c,#0000);height:10px;position:absolute;bottom:-10px;left:0;right:0}.site-header-inner{grid-template-columns:minmax(max-content,1fr) minmax(0,2fr) 1fr;align-items:center;min-height:60px;padding:0 22px;display:grid}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-stadium);font-weight:400}.site-header h1{letter-spacing:.055em;text-transform:uppercase;margin:0;font-size:clamp(1.05rem,3vw,1.4rem);line-height:1.25}h2{letter-spacing:.025em;margin-bottom:0;font-size:clamp(1.05rem,3vw,1.4rem);line-height:1.25}.add-session-panel,.session-card,.empty-state{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(108%);backdrop-filter:blur(18px)saturate(108%);border-radius:14px;position:relative;box-shadow:0 14px 40px #00000024,inset 0 1px #fff7ee12}.add-session-panel{margin-bottom:14px;padding:18px 20px}.add-session-header,.session-header{isolation:isolate;justify-content:space-between;align-items:center;display:flex;position:relative}.add-session-header-toggle,.session-header-toggle{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:0;width:auto;min-height:0;padding:0;transition:background-color .16s,box-shadow .16s;position:absolute;inset:-18px -20px}.session-header-toggle{inset:-20px -22px}.add-session-panel.is-open .add-session-header-toggle,.session-card.is-open .session-header-toggle{bottom:0}.add-session-header-toggle:hover,.session-header-toggle:hover{box-shadow:none;background:#c8102e1f;transform:none}.add-session-header-toggle:focus-visible,.session-header-toggle:focus-visible{outline:2px solid var(--floodlight-red);outline-offset:-3px;background:#c8102e1f}.add-session-header h2,.add-session-header .toggle-indicator,.session-summary,.session-actions{z-index:2;position:relative}.add-session-header h2,.add-session-header .toggle-indicator,.session-summary{pointer-events:none}.add-session-content,.session-content{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}label{color:var(--silver);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem;display:block}.inline-form{grid-template-columns:minmax(0,1fr) 160px;gap:9px;display:grid}.message{color:#ffd166;margin:12px 0 0;font-size:.76rem;line-height:1.5}.session-list{gap:12px;display:grid}.empty-state{color:var(--silver);text-align:center;padding:54px 24px;line-height:1.7}.session-card{padding:20px 22px;overflow:hidden}.session-header{gap:20px}.session-label{color:var(--floodlight-red);letter-spacing:.17em;text-transform:uppercase;margin:0 0 7px;font-size:.62rem}.session-actions{pointer-events:none;align-items:center;gap:7px;display:flex}.session-actions .icon-button{pointer-events:auto}.toggle-indicator,.icon-button{width:44px;min-height:44px;color:var(--warm-white);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.add-session-header-toggle:hover~.toggle-indicator,.add-session-header-toggle:focus-visible~.toggle-indicator,.session-header-toggle:hover~.session-actions .toggle-indicator,.session-header-toggle:focus-visible~.session-actions .toggle-indicator{background:var(--united-red)}.icon-button:hover{color:var(--stadium-black);background:var(--danger);transform:none}.bin-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.chevron{transform-origin:50%;border-bottom:2px solid;border-right:2px solid;width:9px;height:9px}.chevron.down{transform:translateY(-2px)rotate(45deg)}.chevron.up{transform:translateY(2px)rotate(225deg)}.clip-count{border:1px solid var(--line);color:var(--silver);letter-spacing:.075em;text-transform:uppercase;background:#ffffff09;margin:8px 0 0;padding:4px 7px;font-size:.62rem;display:inline-block}.clip-form{grid-template-columns:190px minmax(0,1fr) 132px;gap:9px;margin-bottom:13px;display:grid}.clip-list{gap:7px;display:grid}.clip-row{background:#0000002e;border:1px solid #fff7ee1c;border-radius:10px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:56px;padding:5px 5px 5px 14px;display:grid}.clip-row a{overflow-wrap:anywhere;min-width:0;color:var(--united-red);line-height:1.45;text-decoration:none}.clip-row a:hover{color:var(--floodlight-red);text-decoration:underline;-webkit-text-decoration-color:var(--floodlight-red);text-decoration-color:var(--floodlight-red);text-underline-offset:4px}.no-clips{color:var(--silver);margin-bottom:0;padding:8px 0 2px;font-size:.76rem}.ghost-button{border-color:var(--line);min-height:46px;color:var(--warm-white);background:#ffffff0b}.ghost-button:hover{border-color:var(--danger);color:var(--stadium-black);background:var(--danger)}.modal-backdrop{z-index:20;background:#03050880;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);background:var(--panel-deep);-webkit-backdrop-filter:blur(18px)saturate(108%);backdrop-filter:blur(18px)saturate(108%);border-radius:14px;width:min(100%,410px);padding:26px;box-shadow:0 24px 72px #0000004d,inset 0 1px #fff7ee12}.confirm-dialog h2{margin-bottom:10px}.confirm-dialog p{overflow-wrap:anywhere;color:var(--silver);margin-bottom:20px;font-size:.74rem;line-height:1.6}.confirm-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.backup-controls{z-index:15;position:fixed;bottom:24px;right:24px}.backup-fab{border:1px solid var(--line-red);border-radius:4px;min-height:44px;padding:0 1rem;box-shadow:0 12px 36px #00000085}.backup-menu{border:1px solid var(--line);background:var(--panel-deep);-webkit-backdrop-filter:blur(18px)saturate(108%);backdrop-filter:blur(18px)saturate(108%);border-radius:12px;gap:6px;width:174px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 9px);right:0;box-shadow:0 16px 44px #0000003d,inset 0 1px #fff7ee12}.backup-menu button{text-align:left;background:#ffffff0b;width:100%;min-height:42px;padding:0 .8rem}.backup-menu button:hover{background:var(--united-red)}.backup-toast{z-index:30;border:1px solid var(--line-red);border-left:4px solid var(--floodlight-red);max-width:min(380px,100vw - 32px);color:var(--warm-white);background:var(--panel-deep);-webkit-backdrop-filter:blur(18px)saturate(108%);backdrop-filter:blur(18px)saturate(108%);border-radius:4px;padding:13px 15px;font-size:.7rem;line-height:1.5;position:fixed;bottom:82px;right:24px;box-shadow:0 18px 52px #00000094}.backup-toast.error{border-left-color:var(--danger)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=680px){.app-shell{width:min(100% - 24px,560px);padding:22px 0 72px}.site-header-inner{min-height:54px;padding:0 12px}.inline-form,.clip-form{grid-template-columns:1fr}.session-header{align-items:flex-start}.clip-row{grid-template-columns:minmax(0,1fr) 44px;padding:8px 8px 8px 12px}.delete-clip{grid-area:1/2}.backup-controls{bottom:14px;right:14px}.backup-toast{bottom:68px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
