.watch-order-container{position:relative}.watch-order-header{position:relative;padding:1.5rem;border-bottom:1px solid hsl(var(--border))}.watch-order-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.watch-order-title{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:.05em;text-transform:uppercase;margin:0}.watch-order-subtitle{font-size:.625rem;color:hsl(var(--muted-foreground));letter-spacing:.2em;padding:.25rem .5rem;border:1px solid hsl(var(--primary) / .3);background:hsl(var(--primary) / .1);border-radius:0}.watch-order-stats{display:flex;gap:2rem;margin-bottom:1rem;padding:1rem;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.5rem}.watch-order-stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.625rem;color:hsl(var(--muted-foreground));letter-spacing:.15em;font-family:ui-monospace,monospace}.stat-value{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));font-family:ui-monospace,monospace}.stat-canon{color:hsl(var(--secondary));text-shadow:0 0 10px hsl(var(--secondary) / .5)}.stat-filler{color:hsl(var(--destructive));text-shadow:0 0 10px hsl(var(--destructive) / .5)}.watch-order-time-calc{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid hsl(var(--primary) / .3);background:hsl(var(--primary) / .05);margin-bottom:1rem;border-radius:.5rem}.watch-order-time-calc svg{color:hsl(var(--primary))}.time-display{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.time-label{font-size:.75rem;color:hsl(var(--muted-foreground));letter-spacing:.1em;font-family:ui-monospace,monospace}.time-total{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));font-family:ui-monospace,monospace}.time-canon-note{font-size:.75rem;color:hsl(var(--secondary));font-family:ui-monospace,monospace}.watch-order-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filler-toggle{display:flex;align-items:center;gap:.75rem}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground));letter-spacing:.1em;font-family:ui-monospace,monospace}.watch-order-actions{display:flex;gap:.5rem}.watch-order-legend{display:flex;gap:1.5rem;padding:.75rem 1.5rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.625rem;color:hsl(var(--muted-foreground));letter-spacing:.1em;font-family:ui-monospace,monospace}.legend-box{width:12px;height:12px;border:1px solid;border-radius:2px}.legend-canon{border-color:hsl(var(--secondary));background:hsl(var(--secondary) / .2)}.legend-mixed{border-color:hsl(var(--warning));background:hsl(var(--warning) / .2)}.legend-filler{border-color:hsl(var(--destructive));background:repeating-linear-gradient(45deg,transparent,transparent 2px,hsl(var(--destructive) / .2) 2px,hsl(var(--destructive) / .2) 4px)}.watch-order-timeline{position:relative;padding:1.5rem;min-height:200px}.power-line{position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,hsl(var(--primary)) 5%,hsl(var(--primary)) 95%,transparent 100%);box-shadow:0 0 10px hsl(var(--primary) / .4)}.arc-section{position:relative;margin-bottom:1.5rem;margin-left:50px}.arc-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}.arc-connector{position:absolute;left:-30px;top:50%;width:20px;height:2px;background:hsl(var(--primary))}.arc-connector:before{content:"";position:absolute;left:-8px;top:-4px;width:10px;height:10px;border:2px solid hsl(var(--primary));background:hsl(var(--background));border-radius:2px}.arc-name{font-size:.875rem;font-weight:700;color:hsl(var(--foreground));letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;border:1px solid hsl(var(--primary) / .5);background:hsl(var(--primary) / .1);border-radius:.25rem;font-family:ui-monospace,monospace}.arc-count{font-size:.625rem;color:hsl(var(--muted-foreground));letter-spacing:.2em;font-family:ui-monospace,monospace}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.episode-card{position:relative;padding:.75rem;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.5rem;transition:all .2s ease}.episode-card:hover{background:hsl(var(--card));transform:translateY(-2px);border-color:hsl(var(--primary) / .5)}.episode-canon{border-color:hsl(var(--secondary) / .4)}.episode-canon:hover{box-shadow:0 0 15px hsl(var(--secondary) / .2);border-color:hsl(var(--secondary))}.episode-mixed{border-color:hsl(var(--warning) / .4);background:hsl(var(--warning) / .05)}.episode-mixed:hover{box-shadow:0 0 15px hsl(var(--warning) / .3);border-color:hsl(var(--warning))}.episode-filler{border-color:hsl(var(--destructive) / .3);opacity:.6;background:repeating-linear-gradient(45deg,hsl(var(--card)),hsl(var(--card)) 3px,hsl(var(--destructive) / .05) 3px 6px)}.episode-filler:hover{opacity:.8}.episode-number{font-size:.875rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.25rem;font-family:ui-monospace,monospace}.episode-title{font-size:.625rem;color:hsl(var(--muted-foreground));line-height:1.3;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-meta{display:flex;justify-content:space-between;align-items:center}.episode-type{font-size:.5rem;font-weight:700;letter-spacing:.1em;padding:.125rem .375rem;border:1px solid;border-radius:2px;font-family:ui-monospace,monospace}.type-canon{color:hsl(var(--secondary));border-color:hsl(var(--secondary) / .5);background:hsl(var(--secondary) / .1)}.type-mixed{color:hsl(var(--warning));border-color:hsl(var(--warning) / .5);background:hsl(var(--warning) / .1)}.type-filler{color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .5);background:hsl(var(--destructive) / .1)}.episode-duration{font-size:.5rem;color:hsl(var(--muted-foreground));font-family:ui-monospace,monospace}.watch-order-footer{position:relative;padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));text-align:center;font-size:.625rem;color:hsl(var(--muted-foreground));letter-spacing:.2em;font-family:ui-monospace,monospace}@media (max-width: 768px){.watch-order-stats{flex-wrap:wrap;gap:1rem}.watch-order-controls{flex-direction:column;align-items:stretch}.watch-order-actions{justify-content:center}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.power-line{left:20px}.arc-section{margin-left:40px}.arc-connector{left:-25px;width:15px}}@media (max-width: 480px){.watch-order-header{padding:1rem}.watch-order-title{font-size:1rem}.watch-order-stats{padding:.75rem}.stat-value{font-size:1rem}}