@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--bg:#0c0c0c;--bg-2:#131313;--surface:#1b1b1b;--surface-hi:#242424;--line:#ffffff12;--line-strong:#ffffff24;--text:#e2e2e2;--text-dim:#e2e2e28c;--text-faint:#e2e2e252;--primary:#ff5545;--primary-soft:#ffb4aa;--primary-deep:#410001;--success:#a3e635;--font-display:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--background:var(--bg-2);--surface-container-lowest:#0e0e0e;--surface-container-low:var(--surface);--surface-container-highest:var(--surface-hi);--on-surface:var(--text);--primary-container:var(--primary);--on-primary-fixed:var(--primary-deep);--outline-variant:#603e39;--font-headline:var(--font-display);--font-label:var(--font-body);--typing-correct:#a3e635;--typing-incorrect:#ef4444;--typing-corrected:#fbbf24;--typing-upcoming:#6b7280;--typing-dead-key:#3b82f6;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-20:5rem;--spacing-24:6rem}.container{max-width:1536px;margin:0 auto}.container-lg{max-width:1280px;margin:0 auto}.container-md{max-width:1152px;margin:0 auto}.container-sm{max-width:896px;margin:0 auto}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#1f1f1f99}.hero-gradient-bg{background:linear-gradient(135deg,#ffb4aa 0%,#ff5545 100%)}.font-headline{font-family:var(--font-headline)}.font-body{font-family:var(--font-body)}.font-label{font-family:var(--font-label)}.text-primary{color:var(--primary-container)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}::selection{background-color:var(--primary);color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}body:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(1200px 800px at 80% -10%,#ff55451a,#0000 60%),radial-gradient(900px 600px at -10% 40%,#ffb4aa0a,#0000 60%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0   0 0 0 0.35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;line-height:1;display:inline-block}.main-app-loader{height:60vh;font-family:var(--font-headline);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;opacity:.6;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.nav{z-index:50;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0c0c0ce6,#0c0c0c00);justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:900}.nav-logo em{color:var(--primary);font-style:normal}.nav-logo .dot{background:var(--primary);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin:0 2px 2px 4px;display:inline-block}.nav-links{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);gap:36px;font-size:12px;font-weight:600;display:flex}.nav-link{transition:color .2s}.nav-link:hover{color:var(--text)}.nav-link-staff{color:var(--primary-container,#ff5545);letter-spacing:.18em;border:1px solid #ff554559;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.nav-link-staff .material-symbols-outlined{font-size:14px}.nav-link-staff:hover{color:var(--primary-container,#ff5545);background:#ff55451f}.nav-actions{align-items:center;gap:10px;display:flex}.nav-btn-ghost{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text);padding:10px 18px;font-size:12px;font-weight:700;transition:color .2s}.nav-btn-ghost:hover{color:var(--primary)}.nav-btn-primary{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;background:var(--primary);color:#1a0000;border-radius:2px;padding:10px 18px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;position:relative;overflow:hidden}.nav-btn-primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff40,#0000);position:absolute;inset:0}.nav-btn-primary:hover{background:var(--primary-soft);transform:translateY(-1px)}.nav-user-btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:color .2s,background .2s;display:flex}.nav-user-btn:hover{color:var(--text);background:#ffffff0d}.nav-dropdown{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:60;background:#131313f2;border-radius:8px;flex-direction:column;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #0009}.nav-dropdown-header{border-bottom:1px solid var(--line);margin-bottom:6px;padding:12px 14px}.nav-dropdown-name{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700}.nav-dropdown-username{font-family:var(--font-mono);color:var(--text-faint);margin-top:2px;font-size:11px}.nav-pro-badge{background:var(--primary);color:var(--primary-deep);font-family:var(--font-mono);letter-spacing:.1em;border-radius:3px;margin-top:6px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.nav-dropdown-item{width:100%;font-family:var(--font-body);color:var(--text-dim);text-align:left;border-radius:4px;padding:10px 14px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-dropdown-item:hover{color:var(--text);background:#ffffff0d}.nav-dropdown-logout{color:var(--primary-soft)}.nav-dropdown-logout:hover{color:var(--primary-soft);background:#ff55451a}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.nav{padding:18px 24px}.nav-links{display:none}}.lp-footer{border-top:1px solid var(--line);z-index:10;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;padding:60px 40px 40px;display:flex;position:relative}.lp-footer-logo{font-family:var(--font-display);letter-spacing:-.05em;color:var(--text);font-size:clamp(48px,6vw,80px);font-weight:900;line-height:.85}.lp-footer-logo em{color:var(--primary);font-style:normal}.lp-footer-meta{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.15em;text-transform:uppercase;text-align:right;flex-direction:column;gap:6px;font-size:11px;display:flex}@media (width<=600px){.lp-footer{flex-direction:column;align-items:flex-start}.lp-footer-meta{text-align:left}}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root{--rdp-accent-color:var(--primary);--rdp-accent-background-color:#ff55452e;--rdp-today-color:var(--primary);--rdp-day-height:38px;--rdp-day-width:38px;--rdp-day_button-height:36px;--rdp-day_button-width:36px;background:var(--surface,#1b1b1b);color:var(--on-surface,#e2e2e2);padding:var(--spacing-4,1rem);font-family:var(--font-body,"Inter", sans-serif);border-radius:14px}.rdp-month_caption{color:var(--on-surface,#e2e2e2);font-weight:600}.rdp-weekday{color:var(--text-dim,#e2e2e28c);font-weight:500}.rdp-day_button{color:var(--on-surface,#e2e2e2);background:0 0;border-radius:50%;transition:background .12s,color .12s}.rdp-day_button:hover:not([disabled]){background:var(--surface-hi,#242424)}.rdp-button_previous,.rdp-button_next{color:var(--on-surface,#e2e2e2);background:0 0;border-radius:8px}.rdp-button_previous:hover,.rdp-button_next:hover{background:var(--surface-hi,#242424)}.rdp-day_has-recording .rdp-day_button{color:var(--primary);font-weight:600;position:relative}.rdp-day_has-recording .rdp-day_button:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.rdp-selected .rdp-day_button,.rdp-selected.rdp-day_has-recording .rdp-day_button{background:var(--primary);color:#fff}.rdp-selected.rdp-day_has-recording .rdp-day_button:after{background:#fff}.auth-layout-wrapper{background-color:var(--background);min-height:100vh;color:var(--on-surface);flex-direction:column;padding-top:5rem;display:flex;position:relative;overflow-y:auto}.auth-layout-brand{z-index:10;position:absolute;top:2rem;left:2rem}.auth-brand-link{font-family:var(--font-headline);letter-spacing:-.05em;color:var(--on-surface);font-size:1.5rem;font-weight:800}.auth-layout-container{z-index:1;flex:1;justify-content:center;align-items:flex-start;padding:2.5rem 2rem;display:flex;position:relative}.auth-layout-container:before{content:"";filter:blur(100px);z-index:-1;background-color:#ff554514;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{border:1px solid #603e3926;border-radius:1rem;width:100%;max-width:440px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-family:var(--font-headline);color:var(--on-surface);margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-subtitle{color:#e2e2e299;font-size:.95rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-form-group{flex-direction:column;gap:.5rem;display:flex}.auth-form-label{color:#e2e2e2cc;font-size:.875rem;font-weight:500}.auth-form-input{background-color:var(--surface-container-highest);width:100%;color:var(--on-surface);border:1px solid #603e394d;border-radius:.5rem;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.auth-form-input:focus{border-color:var(--primary-container);outline:none;box-shadow:0 0 0 2px #ff554533}.auth-form-input::placeholder{color:#e2e2e24d}.auth-submit-btn{width:100%;color:var(--on-primary-fixed);border-radius:.5rem;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:700;transition:transform .2s,filter .2s}.auth-submit-btn:hover{filter:brightness(1.1)}.auth-submit-btn:active{transform:scale(.98)}.auth-error{color:var(--primary);text-align:center;background-color:#ff55451a;border:1px solid #ff554533;border-radius:.5rem;padding:.75rem;font-size:.875rem}.auth-footer{text-align:center;color:#e2e2e299;margin-top:2rem;font-size:.875rem}.auth-footer-link{color:var(--primary);margin-left:.25rem;font-weight:600;transition:color .2s}.auth-footer-link:hover{color:var(--primary-container);text-decoration:underline}.auth-divider{text-align:center;color:#e2e2e259;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0;font-size:.8rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #603e3926;flex:1}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.google-auth-container{justify-content:center;width:100%;margin-top:.5rem;display:flex}.auth-success{color:#4ade80;text-align:center;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:.5rem;margin-bottom:1.25rem;padding:.75rem;font-size:.875rem}.auth-forgot-password-wrapper{text-align:right;margin-top:-.5rem;margin-bottom:1.5rem}.auth-forgot-password-link{color:#fff9;font-size:.85rem;text-decoration:none;transition:color .2s}.auth-forgot-password-link:hover{color:#fff}.auth-footer-margin{margin-top:2rem}:root{--maxw:1240px;--pad-x:40px}body:has(.lp-page):before{content:"";pointer-events:none;z-index:1;background:radial-gradient(1200px 800px at 80% -10%,#ff55451a,#0000 60%),radial-gradient(900px 600px at -10% 40%,#ffb4aa0a,#0000 60%);position:fixed;inset:0}.lp-rail{z-index:45;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--line) 15%, var(--line) 85%, transparent);width:2px;position:fixed;top:0;bottom:0;left:0}.lp-rail-fill{background:var(--primary);width:100%;height:0%;transition:height .1s linear;position:absolute;top:0;left:0}.lp-section-marker{z-index:40;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);writing-mode:vertical-rl;font-size:10px;position:fixed;bottom:40px;left:12px;transform:rotate(180deg)}.lp-section-marker b{color:var(--primary);font-weight:500}.lp-page{z-index:10;position:relative}.lp-page section{z-index:10;max-width:var(--maxw);padding:120px var(--pad-x);margin:0 auto;position:relative}.lp-eyebrow{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--primary);align-items:center;gap:10px;margin-bottom:28px;font-size:11px;display:inline-flex}.lp-eyebrow:before{content:"";background:var(--primary);width:28px;height:1px}.lp-eyebrow .num{color:var(--text-faint);margin-left:6px}.lp-page h1,.lp-page h2,.lp-page h3{font-family:var(--font-display);letter-spacing:-.04em;font-weight:800;line-height:.96}.lp-page h1{letter-spacing:-.055em;font-size:clamp(64px,12.5vw,196px);font-weight:900}.lp-page h2{font-size:clamp(40px,5.5vw,84px)}.lp-page h3{letter-spacing:-.02em;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.15}.lp-page p{color:var(--text-dim);max-width:52ch;font-size:17px;line-height:1.55}.lp-hero{flex-direction:column;justify-content:center;gap:0;min-height:100vh;padding-top:180px;padding-bottom:80px;display:flex}.lp-hero-title{width:100%}.lp-hero-title .stroke{-webkit-text-stroke:1.5px var(--text);color:#0000}.lp-hero-title em{color:var(--primary);font-style:normal;position:relative}.lp-hero-title em:after{content:"";background:var(--primary);opacity:.18;z-index:-1;width:100%;height:10%;position:absolute;bottom:6%;left:0}.hero-bottom{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:36px 64px;margin-top:48px;display:grid}.lp-hero-lede{max-width:48ch;color:var(--text-dim);margin-top:0;font-size:19px}.lp-hero-cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:44px;display:flex}.lp-hero-hint{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;font-size:11px}.lp-hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.lp-hero-meta .k{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:10px}.lp-hero-meta .v{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:700}.lp-scroll-hint{bottom:32px;left:var(--pad-x);font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:12px;font-size:10px;display:flex;position:absolute}.lp-scroll-hint .bar{background:linear-gradient(to bottom, var(--primary), transparent);width:1px;height:40px;animation:1.8s ease-in-out infinite drop-anim}@keyframes drop-anim{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.problem-headline em{color:var(--primary);font-style:normal}.problem-headline .ghost{color:var(--text-faint)}.f-list{border-top:1px solid var(--line);flex-direction:column;gap:0;margin-top:64px;display:flex}.f-item{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:start;gap:28px;padding:36px 4px;display:grid}.f-item .idx{font-family:var(--font-mono);color:var(--primary);letter-spacing:.2em;padding-top:6px;font-size:11px}.f-item h3{margin-bottom:10px}.f-item p{max-width:60ch;font-size:15px}.f-item .tag{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);border-radius:100px;align-self:start;margin-top:6px;padding:4px 10px;font-size:10px}.record-card{background:linear-gradient(180deg, var(--surface) 0%, #161616 100%);border:1px solid var(--line);border-radius:10px;margin-top:56px;overflow:hidden;box-shadow:0 40px 80px -20px #0009,0 0 0 1px #ff55450a}.record-head{border-bottom:1px solid var(--line);background:#00000040;align-items:center;gap:10px;padding:14px 18px;display:flex}.record-traffic{gap:6px;display:flex}.record-traffic span{background:var(--surface-hi);border-radius:50%;width:10px;height:10px}.record-traffic span:first-child{background:#ff5f57}.record-traffic span:nth-child(2){background:#febc2e}.record-traffic span:nth-child(3){background:#28c840}.record-url{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--line);background:#ffffff08;border-radius:4px;flex:1;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.record-url .dot-rec{background:var(--primary);width:7px;height:7px;box-shadow:0 0 8px var(--primary);border-radius:50%}.rec-live{font-family:var(--font-mono);letter-spacing:.2em;color:var(--primary);border:1px solid #ff55454d;border-radius:4px;padding:4px 8px;font-size:10px}.record-body{padding:28px 32px 32px}.phrase{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--line);background:#00000059;border-radius:6px;padding:22px 24px;font-size:20px;line-height:1.7}.phrase .c{color:var(--success)}.phrase .w{color:#fbbf24}.phrase .x{color:#ef4444;-webkit-text-decoration:underline #ef444466;text-decoration:underline #ef444466}.phrase .cursor{background:var(--primary);vertical-align:middle;width:2px;height:22px;animation:1s step-end infinite blink-anim;display:inline-block;transform:translateY(-2px)}@keyframes blink-anim{50%{opacity:0}}.record-metrics{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);background:#0003;padding:18px 20px}.metric:last-child{border-right:none}.metric .mk{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:10px}.metric .mv{font-family:var(--font-display);letter-spacing:-.03em;font-size:28px;font-weight:800}.metric .mv small{color:var(--text-dim);margin-left:4px;font-size:13px;font-weight:500}.metric.lead .mv{color:var(--primary)}.progress-split{grid-template-columns:1fr 1fr;gap:24px;margin-top:56px;display:grid}.ptile{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;gap:18px;min-height:260px;padding:26px;display:flex}.ptile .plabel{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.ptile .pv{font-family:var(--font-display);letter-spacing:-.05em;font-size:64px;font-weight:900;line-height:1}.ptile.now .pv{color:var(--primary)}.ptile .pcap{color:var(--text-dim);font-size:13px}.sparkline{width:100%;height:64px;margin-top:auto;display:block}.sparkline path{fill:none;stroke-width:2px}.sparkline .stroke-dim{stroke:var(--line-strong)}.sparkline .stroke-live{stroke:var(--primary)}.creators{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.creator{border:1px solid var(--line);background:#ffffff04;border-radius:8px;flex-direction:column;gap:14px;min-height:180px;padding:22px;display:flex}.creator .ch{align-items:center;gap:10px;display:flex}.creator .av{background:linear-gradient(135deg, var(--primary), var(--primary-soft));width:32px;height:32px;font-weight:800;font-family:var(--font-display);color:#1a0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.creator .cn{font-family:var(--font-display);font-size:14px;font-weight:700}.creator .cm{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;font-size:10px}.creator .cq{color:var(--text);font-size:14px;line-height:1.55}.creator .cs{font-family:var(--font-mono);color:var(--text-dim);gap:14px;margin-top:auto;font-size:11px;display:flex}.creator .cs b{color:var(--text);font-weight:700}.cta-final{padding:160px var(--pad-x) 180px!important}.cta-final h2{letter-spacing:-.055em;font-size:clamp(56px,8vw,128px);font-weight:900;line-height:.92}.cta-final h2 em{color:var(--primary);font-style:normal}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:44px;display:flex}.cta-legal{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;margin-left:8px;font-size:11px}.lp-btn{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.lp-btn-primary{background:var(--primary);color:#1a0000;position:relative;overflow:hidden}.lp-btn-primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff40,#0000);position:absolute;inset:0}.lp-btn-primary:hover{background:var(--primary-soft);transform:translateY(-1px)}.lp-btn-outline{border:1px solid var(--line-strong);color:var(--text);background:0 0}.lp-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.lp-btn-lg{padding:18px 28px;font-size:13px}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:80ms}.reveal.delay-2{transition-delay:.16s}.reveal.delay-3{transition-delay:.24s}.reveal.delay-4{transition-delay:.32s}@media (width<=960px){:root{--pad-x:24px}.hero-bottom{grid-template-columns:1fr}.lp-hero-meta{grid-template-columns:1fr 1fr}.progress-split,.creators,.record-metrics{grid-template-columns:1fr}.record-metrics .metric{border-right:none;border-bottom:1px solid var(--line)}.cta-final{padding:100px var(--pad-x) 120px!important}.lp-scroll-hint{left:24px}}.pricing-page-wrapper{padding-top:var(--spacing-20);flex-direction:column;min-height:100vh;display:flex}.pricing-main-content{padding:var(--spacing-8) var(--spacing-4);margin-bottom:var(--spacing-20);flex:1}.pricing-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-12)}.pricing-title{font-family:var(--font-headline);margin-bottom:var(--spacing-4);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.pricing-subtitle{color:#a3a3a3;max-width:600px;margin:0 auto var(--spacing-8);font-size:1.125rem;line-height:1.6}.pricing-cards-container{gap:var(--spacing-8);flex-wrap:wrap;justify-content:center;max-width:1000px;margin:0 auto;display:flex}.pricing-faq-preview{margin-top:var(--spacing-12);text-align:center}.pricing-faq-text{color:#a3a3a3}@media (width<=768px){.pricing-cards-container{padding:0 var(--spacing-4);flex-direction:column}}.pricing-toggle-container{justify-content:center;align-items:center;gap:var(--spacing-4);display:flex}.pricing-toggle-label{color:#a3a3a3;align-items:center;gap:var(--spacing-2);font-weight:500;transition:color .3s;display:flex}.pricing-toggle-label.active{color:var(--on-surface)}.pricing-discount-badge{color:var(--primary-container);background-color:#ff55451a;border:1px solid #ff554533;border-radius:99px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.pricing-toggle-btn{background-color:var(--surface-container-highest);border-radius:99px;width:56px;height:32px;padding:4px;transition:background-color .3s;position:relative}.pricing-toggle-btn.annual-active{background:linear-gradient(135deg,#ffb4aa 0%,#ff5545 100%)}.pricing-toggle-circle{background-color:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.pricing-toggle-btn.annual-active .pricing-toggle-circle{transform:translate(24px)}.pricing-card{min-width:320px;padding:var(--spacing-8);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;flex:1;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000080}.pro-tier{background:#1f1f1fcc;border:1px solid #ff55454d}.pro-tier:hover{border-color:#ff554599;box-shadow:0 10px 40px #ff554526}.pro-badge{letter-spacing:.1em;color:#fff;border-radius:99px;padding:4px 16px;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card-header{padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-6);border-bottom:1px solid #ffffff0d}.pricing-tier-name{font-family:var(--font-headline);margin-bottom:var(--spacing-2);font-size:1.5rem;font-weight:700}.pricing-price{margin-bottom:var(--spacing-4);align-items:baseline;gap:.25rem;display:flex}.pricing-currency{font-size:1.5rem;font-weight:700}.pricing-amount{font-family:var(--font-headline);font-size:3.5rem;font-weight:800;line-height:1}.pricing-period{color:#a3a3a3;font-weight:500}.pricing-tier-desc{color:#a3a3a3;font-size:.95rem;line-height:1.5}.pricing-features-list{gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-direction:column;flex:1;list-style:none;display:flex}.pricing-feature-item{align-items:center;gap:var(--spacing-3);color:#e2e2e2;font-size:.95rem;display:flex}.feature-icon{color:#a3a3a3;font-size:1.25rem}.feature-icon-pro{color:var(--primary-container)}.pricing-action-btn{color:#fff;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .2s,transform .2s}.pricing-action-btn:hover{opacity:.9;transform:scale(1.02)}.outline-btn{border:1px solid var(--surface-container-highest);color:var(--on-surface);background:0 0}.outline-btn:hover{background:var(--surface-container-low);border-color:#666}.status-page-wrapper{padding-top:var(--spacing-24);text-align:center;justify-content:center;align-items:center;min-height:80vh;display:flex}.status-card{padding:var(--spacing-12);border-radius:24px;width:100%}.status-icon{margin-bottom:var(--spacing-6);font-size:4rem}.status-icon.success{color:#4ade80}.status-icon.cancel,.status-title.cancel{color:#ff4c4c}.status-title{font-family:var(--font-headline);margin-bottom:var(--spacing-4);font-size:2rem}.status-text{color:#a3a3a3;margin-bottom:var(--spacing-8);line-height:1.6}.status-btn{color:#fff;border-radius:12px;padding:12px 32px;font-weight:700;transition:transform .2s;display:inline-block}.status-btn:hover{transform:scale(1.05)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-4);padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;width:90%;max-width:450px;animation:.3s ease-out forwards modalFadeIn;display:flex;box-shadow:0 20px 40px #0009}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.5rem}.modal-message{font-family:var(--font-body);color:#a0a0a0;font-size:.95rem;line-height:1.5}.highlight-date{color:var(--primary);background-color:#ffb4aa1a;border-radius:2px;padding:0 4px;font-weight:700}.modal-actions{justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-2);display:flex}.btn-modal{font-family:var(--font-label);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.btn-modal:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{color:var(--on-surface);border:1px solid var(--surface-container-highest);background:0 0}.btn-cancel:hover:not(:disabled){background:var(--surface-container-highest)}.btn-confirm{background:var(--primary);color:var(--background)}.btn-confirm:hover:not(:disabled){background:#ffc9c2;box-shadow:0 4px 15px #ffb4aa66}.active-status-card{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-4);padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;grid-column:1/-1;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.active-status-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-container));height:4px;position:absolute;top:0;left:0;right:0}.active-status-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.active-status-card .card-header{align-items:center;gap:var(--spacing-2);display:flex}.active-status-card .icon-glow{color:var(--primary);filter:drop-shadow(0 0 8px #ffb4aa80)}.active-status-card h3{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.25rem}.active-status-card .card-body{gap:var(--spacing-4);flex-direction:column;display:flex}.days-counter{flex-direction:column;align-items:flex-start;display:flex}.days-counter .number{font-family:var(--font-headline);color:var(--primary);font-size:3.5rem;font-weight:800;line-height:1}.days-counter .label{font-family:var(--font-body);color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;margin-top:var(--spacing-1);font-size:.8rem}.plan-badge{color:var(--primary);background:#ff55451a;border:1px solid #ff554533;border-radius:9999px;width:fit-content;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.status-footer{border-top:1px solid var(--surface-container-highest);padding-top:var(--spacing-4);justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;margin-top:auto;display:flex}.status-indicator{color:var(--on-surface);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.renew-paused{color:#a0a0a0}.pulse-dot{background-color:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #4ade80b3}.paused-dot{background-color:#fca5a5;border-radius:50%;flex-shrink:0;width:8px;height:8px}.manage-renew-btn{color:var(--on-surface);border:1px solid var(--surface-container-highest);font-family:var(--font-label);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.manage-renew-btn:hover{background:var(--surface-container-highest);color:var(--primary)}.exp-date-container{margin-top:.2rem}.exp-date{color:gray;font-size:.85rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.active-status-card{grid-column:span 1}}.history-card{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-4);padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;grid-area:auto/1/auto/-1;min-height:300px;max-height:500px;transition:transform .3s,box-shadow .3s;display:flex}.history-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.history-card .card-header{align-items:center;gap:var(--spacing-2);border-bottom:1px solid var(--surface-container-highest);padding-bottom:var(--spacing-4);display:flex}.history-card h3{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.25rem}.history-card .card-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.history-list{gap:var(--spacing-4);padding-right:var(--spacing-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:4px}.history-item{background:var(--surface-container-highest);padding:var(--spacing-4);border-radius:var(--spacing-2);justify-content:space-between;align-items:center;transition:background .2s;display:flex}.history-item:hover{background:#404040}.history-info{flex-direction:column;gap:.25rem;display:flex}.history-plan-name{color:var(--on-surface);align-items:center;gap:.5rem;font-weight:600;display:flex}.extension-badge{background:var(--primary-container);color:var(--on-primary-fixed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;padding-bottom:2px;font-size:.9rem;font-weight:900;line-height:0;display:inline-flex}.history-date{color:#a0a0a0;font-size:.75rem}.history-status{flex-shrink:0;margin-left:1rem}.status{text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.badge-active{color:#4ade80;background:#4ade8026}.badge-expired{color:gray;background:#ffffff0d}.empty-history{color:#a0a0a0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.empty-history span{opacity:.5;font-size:3rem}.bento-grid-container{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);width:100%;max-width:1200px;margin:0 auto;display:grid}.bento-card{position:relative}.no-active-sub{background:linear-gradient(135deg, #ff6b550d 0%, #131313 100%), var(--surface-container-low);border-radius:var(--spacing-6);padding:var(--spacing-12) var(--spacing-8);margin:0 var(--spacing-4);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-4);border:1px solid #ff6b551a;flex-direction:column;grid-column:span 3;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #00000080}.no-active-sub:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#ff6b5526 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-20%;left:-10%}.no-active-sub>*{z-index:1;position:relative}.no-active-sub .icon-large{background:linear-gradient(135deg, var(--primary), #ffa370);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ff6b554d);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:5rem}.no-active-sub h2{font-family:var(--font-headline);letter-spacing:-.04em;color:var(--on-surface);margin:0;font-size:2.5rem;font-weight:800}.no-active-sub p{color:#a0a0a0;max-width:500px;font-size:1.1rem;line-height:1.6}.no-active-sub .btn-pricing-link{background:var(--primary);color:var(--background);border-radius:9999px;margin-top:2rem;padding:1rem 3rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #ff6b554d}.no-active-sub .btn-pricing-link:hover{background:#ffc9c2;transform:scale(1.05)translateY(-5px);box-shadow:0 20px 40px #ff6b5566}@media (width<=1024px){.bento-grid-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bento-grid-container{flex-direction:column;grid-template-columns:1fr;display:flex}.no-active-sub{grid-column:span 1}}.subscription-page{background-color:var(--background);min-height:100vh;padding:calc(5rem + var(--spacing-8)) var(--spacing-4) var(--spacing-8);justify-content:center;display:flex}.subscription-container{gap:var(--spacing-8);flex-direction:column;width:100%;max-width:1200px;display:flex}.page-header{text-align:left}.page-header h1{font-family:var(--font-headline);color:var(--on-surface);margin-bottom:var(--spacing-2);font-size:2.5rem}.page-header p{color:#a0a0a0;font-size:1.1rem}.loading-spinner{color:var(--primary);font-family:var(--font-headline);text-align:center;padding:var(--spacing-20);font-size:1.5rem}.error-message{align-items:center;gap:var(--spacing-2);color:#ef4444;padding:var(--spacing-4);border-radius:var(--spacing-2);background:#ef44441a;border:1px solid #ef444433;display:flex}@media (width<=768px){.page-header h1{font-size:2rem}}.phrase-display{font-family:var(--font-body);text-align:center;letter-spacing:.05em;color:var(--typing-upcoming);-webkit-user-select:none;user-select:none;font-size:2.2rem;font-weight:500;line-height:1.5}.typing-char{position:relative}.typing-char.state-correct{color:var(--typing-correct)}.typing-char.state-error{color:var(--typing-incorrect)}.typing-char.state-corrected{color:var(--typing-corrected)}.typing-char.state-upcoming{color:var(--typing-upcoming)}.typing-char.char-active:before{content:"";background-color:var(--primary);border-radius:2px;width:3px;height:80%;animation:1s step-end infinite pulse-caret;position:absolute;top:10%;left:0}@keyframes pulse-caret{0%,to{opacity:1}50%{opacity:0}}.typing-char.char-composing{color:var(--typing-dead-key)}.typing-char.char-composing:before{background-color:var(--typing-dead-key)}.typing-area-container{padding:var(--spacing-8);margin-bottom:var(--spacing-10);cursor:text;background:0 0;justify-content:center;align-items:center;max-width:900px;min-height:200px;margin:0 auto 40px;display:flex;position:relative;overflow:hidden}.hidden-input{opacity:0;pointer-events:none;border:none;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}.virtual-keyboard-container{padding:var(--spacing-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;background:#2d2d2d66;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;max-width:900px;max-height:400px;margin:0 auto;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s,border-width .3s;display:flex;overflow:hidden}.keyboard-hidden{opacity:0;border-width:0;max-height:0;padding-top:0;padding-bottom:0}.virtual-keyboard{flex-direction:column;gap:8px;width:100%;display:flex}.keyboard-row{justify-content:center;gap:8px;display:flex}.keyboard-key{background:var(--surface-container-highest);color:var(--on-surface);font-family:var(--font-body);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;min-width:50px;height:50px;padding:0 12px;font-size:.9rem;font-weight:500;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff1a}.key-standard{flex:1;max-width:60px}.key-special{color:#a0a0a0;background:var(--surface-container-low);font-size:.8rem}.key-backspace,.key-enter,.key-shift,.key-caps-lock,.key-tab,.key-ctrl{flex:2;min-width:80px}.key-space{flex:8;max-width:400px}.key-active{background:var(--primary-container);color:#fff;border:1px solid var(--primary);transform:translateY(2px)scale(.95);box-shadow:0 1px 2px #00000080,inset 0 2px 4px #0003}.key-dead-active{background:var(--typing-dead-key);color:#fff;border:1px solid #60a5fa;transform:translateY(2px)scale(.95);box-shadow:0 1px 2px #00000080,inset 0 2px 4px #0003}.recording-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.recording-modal{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-4);padding:var(--spacing-8);text-align:center;width:90%;max-width:600px;position:relative;box-shadow:0 25px 50px -12px #00000080}.recording-modal h2{font-family:var(--font-headline);color:var(--on-surface);margin-bottom:var(--spacing-2);font-size:2rem}.recording-modal p{color:#a0a0a0;margin-bottom:var(--spacing-6);font-size:1.1rem}.recording-modal-close{top:var(--spacing-4);right:var(--spacing-4);color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute}.recording-modal-close:hover{background:var(--surface-container-highest);color:var(--on-surface)}.recording-options-container{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.recording-option-card{background:var(--surface-container-highest);border-radius:var(--spacing-4);padding:var(--spacing-6) var(--spacing-4);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.recording-option-card:hover{border-color:var(--primary);background:#ff6b550d;transform:translateY(-5px);box-shadow:0 10px 20px #ff6b551a}.recording-option-icon{background:var(--surface-container-low);width:64px;height:64px;margin-bottom:var(--spacing-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.recording-option-icon .material-symbols-outlined{color:var(--primary);font-size:2rem}.recording-option-icon .text-muted{color:#a0a0a0}.recording-option-card h3{font-family:var(--font-headline);color:var(--on-surface);margin-bottom:var(--spacing-2);font-size:1.25rem}.recording-option-card p{color:gray;margin:0;font-size:.9rem;line-height:1.4}.recording-option-disabled{opacity:.55;cursor:not-allowed;pointer-events:auto}.recording-option-disabled:hover{background:var(--surface-container-highest);box-shadow:none;border-color:#0000;transform:none}.recording-option-limit{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.recording-option-limit-count{color:var(--on-surface);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.recording-option-limit-text{color:gray;text-align:center;margin:0;font-size:.75rem;line-height:1.3}.recording-option-limit-link{color:var(--primary);pointer-events:auto;font-size:.8rem;font-weight:600;text-decoration:none}.recording-option-limit-link:hover{text-decoration:underline}@media (width<=600px){.recording-options-container{grid-template-columns:1fr}}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.camera-preview{top:80px;right:var(--spacing-8);z-index:200;background:#000;border:2px solid #ffffff1f;border-radius:14px;width:320px;height:240px;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000080}.camera-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-error-inner{width:100%;height:100%;color:var(--on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.85rem;display:flex}.camera-error-inner .material-symbols-outlined{color:var(--error);font-size:2rem}.practice-page{padding:0 var(--spacing-4);background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.practice-content{gap:var(--spacing-6);flex-direction:column;width:100%;max-width:1000px;display:flex}.phrase-stats{justify-content:center;align-items:center;gap:var(--spacing-3);min-height:24px;color:var(--on-surface-variant);font-size:.85rem;font-family:var(--font-body);letter-spacing:.02em;margin-bottom:var(--spacing-2);display:flex}.phrase-stats-item{align-items:baseline;gap:6px;display:inline-flex}.phrase-stats-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:.7rem}.phrase-stats-value{color:var(--on-surface);font-family:JetBrains Mono,monospace;font-weight:600}.phrase-stats-sep{opacity:.4}.phrase-stats-placeholder{opacity:.5;font-size:.8rem}.phrase-loading-indicator{justify-content:center;align-items:center;gap:var(--spacing-3);color:var(--on-surface-variant);min-height:80px;font-size:1.1rem;display:flex}.phrase-loading-indicator .material-symbols-outlined{font-size:1.4rem;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.practice-controls{justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-8);display:flex}.layout-selector{background-color:var(--surface-container-high);color:var(--on-surface);font-family:var(--font-body);cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 16px;font-size:.95rem;transition:all .2s}.layout-selector:focus{border-color:var(--primary)}.layout-selector option{background-color:var(--surface-container-highest)}.keyboard-toggle-btn{background-color:var(--surface-container-high);color:var(--on-surface-variant);font-family:var(--font-body);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.keyboard-toggle-btn:hover{background-color:var(--surface-container-highest);color:var(--on-surface);border-color:#ffffff26}.keyboard-toggle-btn.keyboard-toggle-active{background-color:color-mix(in srgb, var(--primary) 15%, transparent);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.keyboard-toggle-btn .material-symbols-outlined{font-size:1.2rem}.keyboard-toggle-btn.btn-auth-locked{opacity:.55;cursor:pointer}.keyboard-toggle-btn.btn-auth-locked:hover{background-color:var(--surface-container-high);color:var(--on-surface-variant);border-color:#ffffff14}.keyboard-toggle-btn.recording-active{background-color:color-mix(in srgb, var(--error) 15%, transparent);color:var(--error);border-color:color-mix(in srgb, var(--error) 40%, transparent)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.text-error{color:var(--error)}.recording-status-indicator{top:100px;right:var(--spacing-8);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ff000026;border:1px solid #ff00004d;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;display:flex;position:fixed;box-shadow:0 4px 20px #f003}.recording-status-below-camera{top:336px}.dot-red{color:#ff3b30;font-size:1.1rem}.recording-text{color:#ff3b30;letter-spacing:.1em;font-size:.85rem;font-weight:800;font-family:var(--font-headline)}.recording-timer{color:var(--on-surface);border-left:1px solid #fff3;padding-left:10px;font-family:JetBrains Mono,monospace;font-size:.9rem}.error-toast{background:var(--surface-container-high);border-left:4px solid var(--error);color:var(--on-surface);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--spacing-2);align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);display:flex;box-shadow:0 4px 12px #0003}.error-toast .material-symbols-outlined{color:var(--error)}.share-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2100;padding:var(--spacing-4);background-color:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out shareOverlayFade;display:flex;position:fixed;inset:0}@keyframes shareOverlayFade{0%{opacity:0}to{opacity:1}}.share-modal-content{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-4);padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;width:100%;max-width:560px;animation:.3s cubic-bezier(.4,0,.2,1) shareModalIn;display:flex;box-shadow:0 20px 40px #0009}@keyframes shareModalIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.share-modal-header{justify-content:space-between;align-items:center;display:flex}.share-modal-title{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.5rem}.share-close-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.share-close-btn:hover{color:var(--on-surface);background-color:#ffffff14}.share-modal-subtitle{color:var(--on-surface-variant);margin:0;font-size:.95rem;line-height:1.5}.share-modal-subtitle strong{color:var(--on-surface)}.share-loading{padding:var(--spacing-6);text-align:center;color:var(--on-surface-variant)}.share-platforms{flex-direction:column;gap:20px;display:flex}.share-platform-row{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:18px var(--spacing-6);background:var(--surface-container-high);border:1px solid #ffffff0f;border-radius:14px;transition:border-color .2s,background .2s;display:flex}.share-platform-row:hover{border-color:color-mix(in srgb, var(--platform-color,var(--primary)) 40%, transparent);background:color-mix(in srgb, var(--platform-color,var(--primary)) 5%, var(--surface-container-high))}.share-platform-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.share-platform-icon{background:color-mix(in srgb, var(--platform-color,var(--primary)) 15%, transparent);width:46px;height:46px;color:var(--platform-color,var(--primary));border:1px solid color-mix(in srgb, var(--platform-color,var(--primary)) 25%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.share-platform-label{flex-direction:column;gap:4px;min-width:0;display:flex}.share-platform-name{color:var(--on-surface);font-size:1rem;font-weight:600}.share-platform-hint{color:var(--on-surface-variant);font-size:.8rem;line-height:1.3}.share-platform-actions{margin-right:var(--spacing-2);flex-shrink:0;gap:10px;display:flex}.share-btn-primary{background:var(--primary);color:var(--background);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:84px;height:36px;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.share-btn-primary:hover:not(:disabled){background:#ffc9c2;box-shadow:0 4px 15px #ffb4aa66}.share-btn-primary:disabled{opacity:.6;cursor:not-allowed}.share-btn-ghost{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.share-btn-ghost:hover:not(:disabled){border-color:var(--error);color:var(--error)}.share-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.share-status{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:8px;font-size:.9rem;line-height:1.4;display:flex}.share-status-text{word-break:break-word;flex:1}.share-status-success{color:#81c784;background:#4caf501a;border:1px solid #4caf504d}.share-status-error{color:#e57373;background:#f443361a;border:1px solid #f443364d}.share-status-info{color:#64b5f6;background:#2196f31a;border:1px solid #2196f34d}@keyframes shareRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.replayer-container{background:var(--background);flex-direction:column;width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}.replayer-screen{background:var(--background);padding:var(--spacing-10);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.replayer-stage-frame{justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.replayer-container:not(.has-video) .replayer-stage-frame{gap:var(--spacing-3)}.replayer-phrase{width:100%;max-width:1100px;padding:var(--spacing-6) var(--spacing-12);align-items:center;gap:var(--spacing-2);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;flex-shrink:0;display:flex;box-shadow:0 8px 30px #00000059}.replayer-phrase-counter{color:var(--on-surface-variant);letter-spacing:.05em;opacity:.6;align-self:flex-end;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.replayer-phrase .phrase-display{font-size:1.55rem;line-height:1.65}.replayer-stage{justify-content:center;align-items:center;gap:var(--spacing-4);flex-direction:column;flex:none;width:100%;max-width:1400px;display:flex}.replayer-camera{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:720px;max-height:42vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000080}.replayer-camera video{object-fit:cover;width:100%;height:100%;display:block}.replayer-keyboard{opacity:.9;justify-content:center;align-items:center;width:100%;display:flex}.replayer-keyboard .virtual-keyboard-container{max-width:820px;padding:var(--spacing-4) var(--spacing-6);background:#2d2d2d47;max-height:none;overflow:hidden}.replayer-keyboard .virtual-keyboard,.replayer-keyboard .keyboard-row{gap:5px}.replayer-keyboard .keyboard-key{border-radius:6px;flex-shrink:1;min-width:34px;height:34px;padding:0 8px;font-size:.72rem}.replayer-keyboard .key-standard{max-width:44px}.replayer-keyboard .key-backspace,.replayer-keyboard .key-enter,.replayer-keyboard .key-shift,.replayer-keyboard .key-caps-lock,.replayer-keyboard .key-tab,.replayer-keyboard .key-ctrl{min-width:58px}.replayer-keyboard .key-space{max-width:320px}.replayer-container:not(.has-video) .replayer-keyboard{opacity:1}.replayer-container:not(.has-video) .replayer-keyboard .virtual-keyboard-container{max-width:900px;padding:var(--spacing-6) var(--spacing-8)}.replayer-container:not(.has-video) .replayer-keyboard .keyboard-key{flex-shrink:1;min-width:50px;height:52px;font-size:.88rem}.replayer-container:not(.has-video) .replayer-keyboard .key-standard{max-width:60px}.replayer-container:not(.has-video) .replayer-keyboard .key-backspace,.replayer-container:not(.has-video) .replayer-keyboard .key-enter,.replayer-container:not(.has-video) .replayer-keyboard .key-shift,.replayer-container:not(.has-video) .replayer-keyboard .key-caps-lock,.replayer-container:not(.has-video) .replayer-keyboard .key-tab,.replayer-container:not(.has-video) .replayer-keyboard .key-ctrl{min-width:80px}@media (width<=900px){.replayer-screen{padding:var(--spacing-4);gap:var(--spacing-4)}.replayer-phrase{padding:var(--spacing-4) var(--spacing-5)}.replayer-phrase .phrase-display{font-size:1.1rem}.replayer-camera{max-width:100%;max-height:40vh}}.replayer-timeline{background:var(--surface-container-high);border-top:1px solid #ffffff0f;padding:16px 24px;position:relative}.replayer-phrase-markers{height:0;position:relative}.replayer-phrase-marker{pointer-events:none;background:#ffffff59;border-radius:999px;width:2px;height:10px;position:absolute;top:4px;transform:translate(-50%)}.replayer-scrubber{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--primary) var(--fill-pct,0%), var(--surface-container-highest) var(--fill-pct,0%));border:none;border-radius:999px;outline:none;width:100%;height:6px;margin-bottom:12px;transition:height .15s;display:block}.replayer-scrubber:hover{height:8px}.replayer-scrubber::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:0;height:0;transition:width .15s,height .15s,box-shadow .15s}.replayer-scrubber:hover::-webkit-slider-thumb{width:14px;height:14px;box-shadow:0 0 8px #ff554580}.replayer-scrubber:active::-webkit-slider-thumb{width:14px;height:14px;box-shadow:0 0 8px #ff554580}.replayer-scrubber::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #ff554580}.replayer-scrubber::-moz-range-progress{background:var(--primary);border-radius:999px}.replayer-controls{align-items:center;gap:12px;display:flex}.play-btn,.replay-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.replay-btn{background:var(--surface-container-highest);color:var(--on-surface-variant)}.play-btn:hover{transform:scale(1.08);box-shadow:0 0 16px #ff6b5573}.replay-btn:hover{color:var(--on-surface);background:var(--surface-container-high)}.play-btn .material-symbols-outlined,.replay-btn .material-symbols-outlined{font-size:24px}.replayer-time{color:var(--on-surface);letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:.9rem}.replayer-volume{align-items:center;gap:6px;display:flex}.volume-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:flex}.volume-btn:hover{color:var(--on-surface);background:var(--surface-container-highest)}.volume-btn .material-symbols-outlined{font-size:22px}.replayer-volume-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--primary) var(--fill-pct,0%), var(--surface-container-highest) var(--fill-pct,0%));border:none;border-radius:999px;outline:none;width:90px;height:4px;transition:height .15s}.replayer-volume-slider:hover{height:6px}.replayer-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.replayer-volume-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.replayer-volume-slider::-moz-range-progress{background:var(--primary);border-radius:999px}.replayer-mode-badge{border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:5px 14px;font-size:.82rem;font-weight:600;display:flex}.replayer-mode-badge .material-symbols-outlined{font-size:16px}.replayer-mode-badge.camera{color:var(--primary);background:#ff6b551f;border:1px solid #ff6b5540}.replayer-mode-badge.keyboard{color:#64b4ff;background:#64b4ff1a;border:1px solid #64b4ff33}.replayer-loading,.replayer-error{min-height:320px;color:var(--on-surface-variant);justify-content:center;align-items:center;gap:10px;font-size:1rem;display:flex}.replayer-error{color:var(--error)}.replayer-loading .material-symbols-outlined,.replayer-error .material-symbols-outlined{font-size:1.5rem;animation:1s linear infinite spinner}.replayer-error .material-symbols-outlined{animation:none}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.replayer-modal-container{width:99vw;max-width:99vw;height:98vh;max-height:98vh;overflow:hidden}.replayer-modal-container .video-modal-body{aspect-ratio:unset;background:var(--background);flex:auto;overflow-y:auto}.replayer-format-toggle{background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.replayer-format-toggle:hover{color:var(--on-surface);border-color:#ffffff40}.replayer-format-toggle.is-active{color:var(--primary);background:#ff6b551f;border-color:#ff6b5559}.replayer-format-toggle .material-symbols-outlined{font-size:16px}.replayer-container.is-vertical .replayer-screen{padding:var(--spacing-6) var(--spacing-4)}.replayer-container.is-vertical .replayer-stage-frame{aspect-ratio:9/16;width:auto;max-width:100%;height:100%;padding:var(--spacing-4) var(--spacing-3);gap:var(--spacing-2);background:#000;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;overflow:hidden;box-shadow:0 12px 40px #00000080}.replayer-container.is-vertical .replayer-phrase{padding:var(--spacing-3) var(--spacing-4);box-shadow:none;background:#ffffff0f;border-color:#ffffff1a;border-radius:12px;max-width:100%}.replayer-container.is-vertical .replayer-phrase .phrase-display{font-size:1.05rem;line-height:1.4}.replayer-container.is-vertical .replayer-stage{gap:var(--spacing-2);justify-content:center;width:100%}.replayer-container.is-vertical .replayer-camera{aspect-ratio:16/9;width:100%;max-width:100%;max-height:50vh;box-shadow:none;border-radius:12px}.replayer-container.is-vertical .replayer-camera video{object-fit:cover;background:#000}.replayer-container.is-vertical .replayer-keyboard{opacity:1;width:100%}.replayer-container.is-vertical .replayer-keyboard .virtual-keyboard-container{box-sizing:border-box;background:#2d2d2d8c;border-radius:10px;gap:4px;width:100%;max-width:100%;padding:10px 8px;overflow:hidden}.replayer-container.is-vertical .replayer-keyboard .virtual-keyboard{gap:4px;width:100%}.replayer-container.is-vertical .replayer-keyboard .keyboard-row{flex-wrap:nowrap;gap:3px}.replayer-container.is-vertical .replayer-keyboard .keyboard-key{border-radius:4px;flex:1 1 0;min-width:0;height:28px;padding:0 3px;font-size:.52rem}.replayer-container.is-vertical .replayer-keyboard .key-standard{max-width:none}.replayer-container.is-vertical .replayer-keyboard .key-backspace,.replayer-container.is-vertical .replayer-keyboard .key-enter,.replayer-container.is-vertical .replayer-keyboard .key-shift,.replayer-container.is-vertical .replayer-keyboard .key-caps-lock,.replayer-container.is-vertical .replayer-keyboard .key-tab,.replayer-container.is-vertical .replayer-keyboard .key-ctrl{flex-grow:2;min-width:0}.replayer-container.is-vertical .replayer-keyboard .key-space{flex-grow:6;max-width:none}.duration-slider{gap:var(--spacing-2);flex-direction:column;flex:240px;min-width:240px;display:flex}.duration-slider-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim,#e2e2e28c);font-size:.75rem}.duration-slider-control{gap:var(--spacing-2);flex-direction:column;display:flex}.duration-slider input[type=range]{appearance:none;background:linear-gradient(to right, var(--primary) 0%, var(--primary) var(--fill-pct,0%), var(--surface-hi) var(--fill-pct,0%), var(--surface-hi) 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px}.duration-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0006}.duration-slider input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0006}.duration-slider-ticks{justify-content:space-between;gap:var(--spacing-2);display:flex}.duration-slider-tick{color:var(--text-dim,#e2e2e28c);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:.75rem;transition:color .15s}.duration-slider-tick:hover{color:var(--on-surface,#e2e2e2)}.duration-slider-tick.is-active{color:var(--primary);font-weight:600}.datepicker-popover{z-index:50;background:var(--surface,#1b1b1b);border:1px solid var(--surface-hi,#242424);border-radius:14px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 50px #0000008c}.datepicker-clear{border:none;border-top:1px solid var(--surface-hi,#242424);width:100%;color:var(--primary);padding:var(--spacing-3,.75rem);cursor:pointer;background:0 0;border-radius:0 0 14px 14px;font-family:inherit;font-size:.85rem;transition:background .12s}.datepicker-clear:hover{background:#ff554514}.recordings-filters{align-items:flex-end;gap:var(--spacing-4,1rem);margin-bottom:var(--spacing-6,1.5rem);padding:var(--spacing-4,1rem);background:var(--surface,#1b1b1b);border:1px solid var(--surface-hi,#242424);border-radius:14px;flex-wrap:wrap;display:flex}.recordings-filter-search{align-items:center;gap:var(--spacing-2,.5rem);background:var(--bg-2,#131313);border:1px solid var(--surface-hi,#242424);padding:0 var(--spacing-3,.75rem);border-radius:10px;flex:2 280px;height:42px;transition:border-color .15s;display:flex}.recordings-filter-search:focus-within{border-color:var(--primary)}.recordings-filter-search .material-symbols-outlined{color:var(--text-dim,#e2e2e28c);font-size:20px}.recordings-filter-search input{color:var(--on-surface,#e2e2e2);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.recordings-filter-clear-input{cursor:pointer;color:var(--text-dim,#e2e2e28c);background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:background .12s,color .12s;display:flex}.recordings-filter-clear-input:hover{background:var(--surface-hi,#242424);color:var(--on-surface,#e2e2e2)}.recordings-filter-clear-input .material-symbols-outlined{font-size:16px}.recordings-filter-calendar{flex:none;position:relative}.recordings-filter-calendar-btn{align-items:center;gap:var(--spacing-2,.5rem);background:var(--bg-2,#131313);border:1px solid var(--surface-hi,#242424);color:var(--on-surface,#e2e2e2);padding:0 var(--spacing-4,1rem);cursor:pointer;border-radius:10px;height:42px;font-family:inherit;font-size:.9rem;transition:border-color .15s,background .15s;display:inline-flex}.recordings-filter-calendar-btn:hover{border-color:var(--primary-soft,#ffb4aa)}.recordings-filter-calendar-btn.is-active{border-color:var(--primary);color:var(--primary)}.recordings-filter-clear{border:1px solid var(--surface-hi,#242424);color:var(--text-dim,#e2e2e28c);padding:0 var(--spacing-4,1rem);cursor:pointer;background:0 0;border-radius:10px;height:42px;font-family:inherit;font-size:.85rem;transition:color .12s,border-color .12s}.recordings-filter-clear:hover{color:var(--primary);border-color:var(--primary)}.recordings-page{padding:160px var(--spacing-6) var(--spacing-20);flex-direction:column;justify-content:flex-start;align-items:stretch;max-width:1800px;min-height:100vh;margin:0 auto;display:flex}.recordings-header{margin-bottom:var(--spacing-8);text-align:left}.recordings-title{margin-bottom:var(--spacing-2);font-size:3.5rem;font-weight:800}.recordings-subtitle{color:var(--on-surface-variant);font-size:1.1rem}.recordings-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;display:grid}.recordings-group{width:100%;margin-bottom:var(--spacing-10)}.recordings-group-header{font-family:var(--font-display,var(--font-body,"Inter", sans-serif));color:var(--on-surface,#e2e2e2);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--surface-hi,#242424);text-align:left;text-transform:capitalize;letter-spacing:.02em;font-size:1.05rem;font-weight:600}.recording-card{background-color:var(--surface-container-low);border:1px solid #ffffff0d;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.video-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;width:100vw;height:100vh;padding:var(--spacing-4);background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.video-modal-container{background-color:var(--background);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;animation:.4s cubic-bezier(.4,0,.2,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 30px 60px #000c}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-modal-header{padding:var(--spacing-4) var(--spacing-6);background-color:var(--surface-container-low);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.modal-info{flex-direction:column;display:flex}.modal-video-title{margin:0;font-size:1.25rem;font-weight:700}.modal-video-date{color:var(--on-surface-variant);font-size:.85rem}.close-player-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.close-player-btn:hover{color:var(--on-surface);background-color:#ffffff1a}.video-modal-body{aspect-ratio:16/9;background-color:#000;justify-content:center;align-items:center;display:flex;position:relative}.player-placeholder{color:var(--primary);flex-direction:column;align-items:center;gap:1rem;display:flex}.player-pulse{font-size:4rem;animation:2s linear infinite rotate}.mock-playback-bar{background:#fff3;border-radius:2px;width:300px;height:4px;margin-top:1rem;overflow:hidden}.playback-progress{background:var(--primary);width:40%;height:100%;animation:5s linear infinite progressMove}@keyframes progressMove{0%{width:0%}to{width:100%}}.video-modal-footer{padding:var(--spacing-4) var(--spacing-6);background-color:var(--surface-container-low);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.player-controls{align-items:center;gap:1.5rem;display:flex}.player-action{color:var(--on-surface);cursor:pointer;background:0 0;border:none;align-items:center;transition:transform .2s;display:flex}.player-action:hover{color:var(--primary);transform:scale(1.1)}.play-main .material-symbols-outlined{font-size:2.5rem}.player-secondary-controls{color:var(--on-surface-variant);align-items:center;gap:1.2rem;display:flex}.player-secondary-controls .material-symbols-outlined{cursor:pointer;font-size:1.2rem}.player-secondary-controls .material-symbols-outlined:hover{color:var(--on-surface)}.recording-preview{aspect-ratio:16/9;cursor:pointer;background-color:#000;flex-shrink:0;width:100%;height:auto;position:relative;overflow:hidden}.recording-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block;position:absolute;inset:0}video.recording-thumbnail{aspect-ratio:16/9}.recording-card:hover .recording-thumbnail{transform:scale(1.05)}.preview-overlay{opacity:0;background:linear-gradient(#0000001a,#0009);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.recording-card:hover .preview-overlay{opacity:1}.preview-overlay .material-symbols-outlined{color:#fff;font-size:3rem}.duration-tag{color:#fff;background:#000000b3;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:500;position:absolute;bottom:10px;right:10px}.video-placeholder{z-index:2;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.video-player-mock{width:100%;height:100%;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.play-icon{font-size:4rem}.recording-info{padding:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.recording-meta{flex-direction:column;gap:4px;display:flex}.recording-card-title{margin:0;font-size:1.1rem;font-weight:600}.recording-date{color:var(--on-surface-variant);font-size:.85rem}.recording-actions{gap:var(--spacing-2);display:flex}.action-btn{background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn:hover{background:var(--surface-container-highest);color:var(--on-surface)}.edit-btn:hover{border-color:var(--primary);color:var(--primary)}.share-btn:hover{color:#7ec8ff;border-color:#7ec8ff}.delete-btn:hover{border-color:var(--error);color:var(--error)}.no-recordings{padding:var(--spacing-20);background:var(--surface-container-lowest);color:var(--on-surface-variant);justify-content:center;align-items:center;gap:var(--spacing-4);border:2px dashed #ffffff0d;border-radius:16px;flex-direction:column;grid-column:1/-1;display:flex}.large-icon{opacity:.5;font-size:4rem}@media (width<=768px){.recordings-title{font-size:2rem}}.placeholder-thumbnail{background:var(--surface-container-high);justify-content:center;align-items:center;display:flex}.placeholder-thumbnail .large-icon{color:var(--primary);opacity:.8;font-size:3.5rem}.recording-card.is-processing .recording-preview,.recording-card.is-processing .recording-info{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.recording-processing-overlay{z-index:10;justify-content:center;align-items:center;gap:var(--spacing-3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;background:#00000059;flex-direction:column;display:flex;position:absolute;inset:0}.recording-processing-overlay .processing-spin-icon{color:var(--primary);font-size:2.2rem;animation:1.2s linear infinite spin}.recording-processing-overlay .processing-label{color:var(--on-surface);letter-spacing:.02em;font-size:.95rem;font-weight:600}.recordings-loader{min-height:200px;color:var(--on-surface-variant);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.btn-back{color:var(--primary);cursor:pointer;margin-bottom:var(--spacing-4);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:600;display:flex}.edit-recording-page.recordings-page{align-items:center;gap:var(--spacing-8);flex-direction:column;min-height:calc(100vh - 80px);display:flex;padding:calc(var(--spacing-10) + 80px) var(--spacing-4) var(--spacing-10)!important}.edit-recording-page .recordings-header{width:100%;max-width:1200px;margin-bottom:0}.edit-container{padding:var(--spacing-10);width:100%;max-width:1200px;margin:0}.edit-recording-page .btn.hero-gradient-bg{border-radius:12px;padding:14px 32px;font-size:1rem}.edit-grid{gap:var(--spacing-12);grid-template-columns:1.2fr 1fr;display:grid}.section-title{margin-bottom:var(--spacing-6);color:var(--on-surface);font-size:1.5rem}.rounded{border-radius:12px;overflow:hidden}.w-full{width:100%}.form-group{margin-bottom:var(--spacing-6)}.form-group label{color:var(--on-surface-variant);margin-bottom:8px;font-size:.9rem;display:block}.form-info{margin:var(--spacing-6) 0;padding:var(--spacing-4);color:var(--on-surface-variant);background:#ffffff08;border-radius:8px;font-size:.9rem}.form-actions{gap:var(--spacing-4);margin-top:var(--spacing-8);display:flex}.edit-video-wrapper{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex}.edit-video{object-fit:contain;width:100%;height:100%;display:block}.edit-replayer-preview{border:1px solid #ffffff14;border-radius:14px;height:auto;overflow:hidden}.edit-replayer-preview .replayer-screen{padding:var(--spacing-5)}.edit-replayer-preview .replayer-camera{aspect-ratio:16/9;max-height:38vh}.edit-replayer-preview .replayer-camera video{object-fit:cover;cursor:pointer;background:#000;width:100%;height:100%}.edit-player-chrome{margin-top:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-container-high);gap:var(--spacing-3);border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;display:flex}.edit-player-scrubber{background:var(--surface-container-highest);cursor:pointer;border-radius:999px;width:100%;height:6px;transition:height .15s;position:relative;overflow:hidden}.edit-player-scrubber:hover{height:8px}.edit-player-scrubber-fill{background:var(--primary);border-radius:999px;height:100%;transition:width 80ms linear}.edit-player-controls{align-items:center;gap:var(--spacing-3);display:flex}.edit-player-play{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s,box-shadow .2s;display:flex}.edit-player-play:hover{transform:scale(1.08);box-shadow:0 0 14px #ff6b5566}.edit-player-play .material-symbols-outlined{font-size:22px}.edit-player-time{color:var(--on-surface);letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:.88rem}.edit-replayer-preview .replayer-phrase{padding:var(--spacing-4) var(--spacing-6)}.edit-replayer-preview .replayer-phrase .phrase-display{font-size:1.1rem;line-height:1.5}.trim-section{margin-top:var(--spacing-10);padding:var(--spacing-8) var(--spacing-10);background:var(--surface);border:1px solid #ffffff0f;border-radius:14px}.trim-title{color:var(--on-surface);margin-bottom:var(--spacing-2);align-items:center;gap:6px;font-size:1rem;font-weight:600;display:flex}.trim-hint{color:var(--on-surface-variant);margin-bottom:var(--spacing-4);font-size:.82rem}.trim-slider-wrapper{-webkit-user-select:none;user-select:none}.trim-track{height:36px;margin:var(--spacing-6) 12px var(--spacing-2);border-radius:4px;position:relative;overflow:visible}.trim-outside{background:#ffffff14;border-radius:4px;height:20px;position:absolute;top:8px}.trim-outside:first-child{left:0}.trim-outside-right{width:auto;right:0}.trim-range{background:var(--primary);opacity:.35;pointer-events:none;border-radius:2px;height:20px;position:absolute;top:8px}.trim-handle{background:var(--primary);cursor:ew-resize;touch-action:none;z-index:2;border-radius:4px;flex-direction:column;align-items:center;width:18px;height:36px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.trim-handle:after{content:"";background:#0006;border-radius:2px;width:3px;height:16px;margin-top:10px;display:block}.trim-handle-label{background:var(--surface-variant,#2a2a2a);color:var(--on-surface);white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:.72rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.trim-info-row{color:var(--on-surface-variant);margin-top:var(--spacing-4);justify-content:space-between;align-items:center;padding:0 2px;font-size:.82rem;display:flex}.trim-info-row .material-symbols-outlined{vertical-align:middle;margin-right:4px;font-size:.9rem}.trim-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.trim-preview-btn{align-items:center;gap:6px;display:flex}.trim-preview-btn .material-symbols-outlined{font-size:1.1rem}.trim-warning{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);color:#ffa000;background:#ffa0001a;border:1px solid #ffa0004d;border-radius:8px;align-items:center;gap:6px;font-size:.82rem;display:flex}.trim-warning .material-symbols-outlined{flex-shrink:0;font-size:1rem}.processing-card-wrapper{position:relative;overflow:hidden}.processing-content-blur{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.processing-overlay{justify-content:center;align-items:center;gap:var(--spacing-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10;background:#00000040;flex-direction:column;display:flex;position:absolute;inset:0}.processing-spin-icon{color:var(--primary);font-size:2.5rem;animation:1.2s linear infinite spin}.processing-label{color:var(--on-surface);letter-spacing:.02em;font-size:1rem;font-weight:600}.processing-skel{margin-bottom:var(--spacing-4);background:#ffffff12;border-radius:8px}.processing-skel--title{width:40%;height:28px}.processing-skel--video{width:100%;height:220px}.processing-skel--bar{width:100%;height:48px}.processing-skel--input{width:100%;height:44px}.processing-skel--info{width:100%;height:80px}.processing-skel--actions{width:60%;height:44px}@media (width<=768px){.edit-grid{grid-template-columns:1fr}}.edit-processing-overlay{background:var(--surface);border:1px solid var(--surface-hi);color:var(--text);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.edit-processing-overlay .material-symbols-outlined{color:var(--primary);font-size:2.5rem}.edit-processing-overlay .rotating{animation:1s linear infinite spin}.edit-processing-overlay p{color:#a0a0a0;margin:0}.staff-tabs{align-items:center;gap:var(--spacing-1);flex-wrap:wrap;display:flex}.staff-tabs-primary{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-2);padding:var(--spacing-1);gap:0}.staff-tabs-secondary{gap:var(--spacing-1);padding:var(--spacing-1) 0;border-bottom:1px solid var(--surface-container-highest);border-radius:0}.staff-tab{align-items:center;gap:var(--spacing-2);color:#a0a0a0;font-family:var(--font-label);letter-spacing:.02em;cursor:pointer;border-radius:var(--spacing-2);white-space:nowrap;background:0 0;border:none;padding:.55rem .95rem;font-size:.85rem;font-weight:600;transition:color .2s,background .2s,transform .1s;display:inline-flex}.staff-tab:hover{color:var(--on-surface);background:#ffffff0a}.staff-tab.is-active{color:var(--on-surface)}.staff-tabs-primary .staff-tab.is-active{background:var(--primary-container);color:var(--on-primary-fixed);box-shadow:0 4px 14px #ff554540}.staff-tabs-primary .staff-tab.is-active:hover{background:var(--primary-container);color:var(--on-primary-fixed)}.staff-tabs-secondary .staff-tab.is-active{color:var(--on-surface);background:var(--surface-container-highest)}.staff-tab-icon{font-size:1.1rem}.staff-tab-label{text-transform:uppercase}.staff-tab-count{min-width:1.5rem;height:1.2rem;color:var(--on-surface);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.7rem;font-weight:700;display:inline-flex}.staff-tab.is-active .staff-tab-count{color:var(--on-primary-fixed);background:#0003}.staff-tabs-secondary .staff-tab.is-active .staff-tab-count{color:var(--on-surface);background:#ffffff1f}@media (width<=640px){.staff-tab-label{font-size:.75rem}.staff-tab{padding:.5rem .7rem}}.log-list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.log-item{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-2);grid-template-columns:auto 1fr auto;align-items:flex-start;transition:border-color .2s,transform .15s,background .2s;display:grid}.log-item:hover{border-color:var(--outline-variant);background:#ffffff04;transform:translateY(-1px)}.log-item-icon{border-radius:var(--spacing-2);background:var(--surface-container-highest);width:2.5rem;height:2.5rem;color:var(--on-surface);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.log-item-icon .material-symbols-outlined{font-size:1.4rem}.log-item.tone-success .log-item-icon{color:#4ade80;background:#4ade801f}.log-item.tone-info .log-item-icon{color:#60a5fa;background:#60a5fa1f}.log-item.tone-warning .log-item-icon{color:#fbbf24;background:#fbbf2424}.log-item.tone-danger .log-item-icon{color:#ef4444;background:#ef444424}.log-item.tone-brand .log-item-icon{color:var(--primary-container);background:#ff554526}.log-item.tone-purple .log-item-icon{color:#a78bfa;background:#a78bfa24}.log-item-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.log-item-head{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.log-item-title{font-family:var(--font-headline);color:var(--on-surface);font-size:.95rem;font-weight:700}.log-item-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.log-item-badge.tone-success{color:#4ade80;background:#4ade8026}.log-item-badge.tone-info{color:#60a5fa;background:#60a5fa26}.log-item-badge.tone-warning{color:#fbbf24;background:#fbbf2426}.log-item-badge.tone-danger{color:#ef4444;background:#ef44442e}.log-item-badge.tone-brand{color:var(--primary-container);background:#ff55452e}.log-item-badge.tone-purple{color:#a78bfa;background:#a78bfa26}.log-item-badge.tone-neutral{color:var(--on-surface);background:#ffffff14}.log-item-description{color:#b4b4b4;margin:0;font-size:.85rem;line-height:1.4}.log-item-meta{gap:var(--spacing-4);color:#909090;flex-wrap:wrap;margin-top:.15rem;font-size:.78rem;display:flex}.log-item-user,.log-item-target{align-items:center;gap:.25rem;display:inline-flex}.log-item-user .material-symbols-outlined,.log-item-target .material-symbols-outlined{color:#707070;font-size:.95rem}.log-item-user{color:var(--primary);font-weight:600}.log-item-target{gap:.5rem;display:inline-flex}.log-item-target-user{flex-direction:column;gap:.1rem;display:flex}.log-item-target-user div:first-child{color:#ff6b6b;font-weight:600}.log-item-target-email{color:#909090;font-size:.7rem;font-weight:400}.log-item-time{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.2rem;display:flex}.log-item-time-relative{color:var(--on-surface);font-size:.78rem;font-weight:600}.log-item-time-abs{color:#707070;white-space:nowrap;font-size:.7rem}.log-empty{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-12) var(--spacing-4);background:var(--surface-container-low);border:1px dashed var(--surface-container-highest);border-radius:var(--spacing-2);color:gray;text-align:center;flex-direction:column;display:flex}.log-empty .material-symbols-outlined{opacity:.55;font-size:3rem}.log-empty p{margin:0}@media (width<=700px){.log-item{row-gap:var(--spacing-2);grid-template-rows:auto auto;grid-template-columns:auto 1fr}.log-item-time{justify-content:flex-start;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--surface-container-highest);flex-direction:row;grid-column:1/-1}}.user-actions-panel{gap:var(--spacing-4);flex-direction:column;display:flex}.user-actions-tabs{overflow-x:auto}.user-actions-summary{color:#a0a0a0;padding-left:var(--spacing-1);align-items:baseline;gap:.4rem;font-size:.85rem;display:inline-flex}.user-actions-summary-count{font-family:var(--font-headline);color:var(--on-surface);font-size:1.2rem;font-weight:800}.user-actions-summary-filter strong{color:var(--primary);font-weight:700}.user-actions-loading{align-items:center;gap:var(--spacing-2);padding:var(--spacing-12) var(--spacing-4);color:#a0a0a0;background:var(--surface-container-low);border:1px dashed var(--surface-container-highest);border-radius:var(--spacing-2);justify-content:center;display:inline-flex}.user-actions-loading .material-symbols-outlined{color:var(--primary-container)}.rotating{animation:1.2s linear infinite staff-rotate}@keyframes staff-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-actions-panel{gap:var(--spacing-4);flex-direction:column;display:flex}.admin-actions-header{background:var(--surface-container-low);border:1px solid var(--surface-container-highest);border-radius:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);position:relative;overflow:hidden}.admin-actions-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ff55451f,#0000 50%);position:absolute;inset:0}.admin-actions-header-info{flex-direction:column;gap:.35rem;display:flex;position:relative}.admin-actions-header-info h2{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:1.15rem}.admin-actions-header-info p{color:#a0a0a0;max-width:62ch;margin:0;font-size:.88rem;line-height:1.4}.admin-actions-tabs{overflow-x:auto}.admin-actions-summary{color:#a0a0a0;padding-left:var(--spacing-1);align-items:baseline;gap:.4rem;font-size:.85rem;display:inline-flex}.admin-actions-summary-count{font-family:var(--font-headline);color:var(--on-surface);font-size:1.2rem;font-weight:800}.staff-page{background-color:var(--background);min-height:100vh;padding:calc(5rem + var(--spacing-8)) var(--spacing-6) var(--spacing-12);justify-content:center;display:flex}.staff-container{gap:var(--spacing-8);flex-direction:column;width:100%;max-width:1280px;display:flex}.staff-header{padding:var(--spacing-8);border-radius:var(--spacing-4);border:1px solid var(--surface-container-highest);background:linear-gradient(135deg,#ffb4aa0f 0%,#ff554514 50%,#0000 100%);position:relative;overflow:hidden}.staff-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff554524 0%,#0000 60%);width:55%;height:180%;position:absolute;top:-40%;right:-10%}.staff-header-info{gap:var(--spacing-4);flex-direction:column;display:flex;position:relative}.staff-eyebrow{color:var(--primary-container);font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;background:#ff554524;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.staff-eyebrow .material-symbols-outlined{font-size:1rem}.staff-header h1{font-family:var(--font-headline);color:var(--on-surface);margin:0;font-size:2.2rem;line-height:1.15}.staff-header p{color:#a0a0a0;max-width:65ch;margin:0;font-size:1rem;line-height:1.6}.staff-error{align-items:center;gap:var(--spacing-4);color:#ef4444;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--spacing-2);background:#ef444414;border:1px solid #ef44442e;font-size:.9rem;display:flex}.staff-main-tabs{align-self:flex-start}.staff-content{gap:var(--spacing-6);flex-direction:column;display:flex}@media (width<=768px){.staff-page{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.staff-header{padding:var(--spacing-6)}.staff-header h1{font-size:1.7rem}}