@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark light;-webkit-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;hanging-punctuation:first last}body{min-height:100dvh;line-height:1.6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-optical-sizing:auto;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}:root{color-scheme:dark light;--bg-primary: #040209;--bg-surface-1: #12122a;--bg-surface-2: #1a1a3e;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-glass-active: rgba(255, 255, 255, .12);--accent-primary: #6c5ce7;--accent-primary-light: #a29bfe;--accent-secondary: #00cec9;--accent-warm: #fd79a8;--gradient-primary: linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-accent: linear-gradient(135deg, #6c5ce7, #00cec9);--gradient-warm: linear-gradient(135deg, #6c5ce7, #fd79a8);--gradient-primary-oklch: linear-gradient( 135deg in oklch, oklch(.5 .22 295), oklch(.72 .14 290) );--text-primary: #f8f8f2;--text-secondary: #a0a0b0;--text-tertiary: #6b6b80;--text-inverse: #1a1a2e;--color-success: #00b894;--color-warning: #fdcb6e;--color-error: #ff6b6b;--color-info: #74b9ff;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .12);--border-glow: rgba(108, 92, 231, .3);--border-glow-strong: rgba(108, 92, 231, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(108, 92, 231, .15);--shadow-glow-strong: 0 0 40px rgba(108, 92, 231, .25);--fs-xs: clamp(.7rem, .65rem + .25vw, .8rem);--fs-sm: clamp(.8rem, .75rem + .25vw, .875rem);--fs-base: clamp(.9rem, .85rem + .3vw, 1rem);--fs-md: clamp(1rem, .9rem + .5vw, 1.125rem);--fs-lg: clamp(1.15rem, 1rem + .75vw, 1.35rem);--fs-xl: clamp(1.35rem, 1.1rem + 1.25vw, 1.75rem);--fs-2xl: clamp(1.75rem, 1.4rem + 1.75vw, 2.5rem);--fs-3xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--fs-display: clamp(3rem, 2rem + 5vw, 5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--glass-blur: 20px;--glass-border: 1px solid var(--border-subtle);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 1100}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary: #f5f5fa;--bg-surface-1: #ffffff;--bg-surface-2: #eeeef5;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-hover: rgba(255, 255, 255, .9);--bg-glass-active: rgba(255, 255, 255, .95);--accent-primary: #5b4cdb;--accent-primary-light: #7c6ff0;--gradient-primary: linear-gradient(135deg, #5b4cdb, #7c6ff0);--gradient-primary-oklch: linear-gradient( 135deg in oklch, oklch(.45 .22 295), oklch(.58 .18 290) );--text-primary: #1a1a2e;--text-secondary: #6b6b80;--text-tertiary: #9b9baf;--text-inverse: #f8f8f2;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-glow: rgba(91, 76, 219, .2);--border-glow-strong: rgba(91, 76, 219, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(91, 76, 219, .08);--shadow-glow-strong: 0 0 40px rgba(91, 76, 219, .15);--glass-border: 1px solid rgba(0, 0, 0, .06)}}[data-theme=light]{--bg-primary: #f5f5fa;--bg-surface-1: #ffffff;--bg-surface-2: #eeeef5;--bg-glass: rgba(255, 255, 255, .8);--bg-glass-hover: rgba(255, 255, 255, .9);--bg-glass-active: rgba(255, 255, 255, .95);--accent-primary: #5b4cdb;--accent-primary-light: #7c6ff0;--gradient-primary: linear-gradient(135deg, #5b4cdb, #7c6ff0);--gradient-primary-oklch: linear-gradient( 135deg in oklch, oklch(.45 .22 295), oklch(.58 .18 290) );--text-primary: #1a1a2e;--text-secondary: #6b6b80;--text-tertiary: #9b9baf;--text-inverse: #f8f8f2;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-glow: rgba(91, 76, 219, .2);--border-glow-strong: rgba(91, 76, 219, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(91, 76, 219, .08);--shadow-glow-strong: 0 0 40px rgba(91, 76, 219, .15);--glass-border: 1px solid rgba(0, 0, 0, .06)}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--fs-base);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(circle at 20% 20%,rgba(108,92,231,.18) 0%,transparent 50%),radial-gradient(circle at 80% 40%,rgba(0,206,201,.12) 0%,transparent 60%),radial-gradient(circle at 50% 80%,rgba(253,121,168,.1) 0%,transparent 50%);pointer-events:none;filter:blur(80px)}[data-theme=light] body:before,:root:not([data-theme=dark]) body:before{opacity:.5}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M25,25 L45,35 L25,45 Z' fill='none' stroke='rgb(108, 92, 231)' stroke-width='1.2' opacity='0.7' transform='rotate(15 35 35)'/%3E%3Cpath d='M30,120 L30,105 L45,100 L45,115 M30,110 A3,3 0 1,0 30,116 M45,105 A3,3 0 1,0 45,111' fill='none' stroke='rgb(0, 206, 201)' stroke-width='1.2' opacity='0.7' transform='rotate(-15 37 110)'/%3E%3Crect x='110' y='20' width='25' height='25' rx='3' fill='none' stroke='rgb(253, 121, 168)' stroke-width='1.2' opacity='0.6' transform='rotate(10 122 32)'/%3E%3Ccircle cx='122' cy='32' r='4' fill='none' stroke='rgb(253, 121, 168)' stroke-width='1.2' opacity='0.6'/%3E%3Cpath d='M100,120 L100,105 M106,125 L106,100 M112,128 L112,95 M118,122 L118,102 M124,118 L124,108' fill='none' stroke='rgb(108, 92, 231)' stroke-width='1.2' opacity='0.7' stroke-linecap='round'/%3E%3C/svg%3E");background-size:160px 160px;transition:opacity var(--duration-slow) var(--ease-out)}[data-theme=light] body:after,:root:not([data-theme=dark]) body:after{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M25,25 L45,35 L25,45 Z' fill='none' stroke='rgb(91, 76, 219)' stroke-width='1.2' opacity='0.7' transform='rotate(15 35 35)'/%3E%3Cpath d='M30,120 L30,105 L45,100 L45,115 M30,110 A3,3 0 1,0 30,116 M45,105 A3,3 0 1,0 45,111' fill='none' stroke='rgb(0, 168, 150)' stroke-width='1.2' opacity='0.7' transform='rotate(-15 37 110)'/%3E%3Crect x='110' y='20' width='25' height='25' rx='3' fill='none' stroke='rgb(219, 76, 125)' stroke-width='1.2' opacity='0.6' transform='rotate(10 122 32)'/%3E%3Ccircle cx='122' cy='32' r='4' fill='none' stroke='rgb(219, 76, 125)' stroke-width='1.2' opacity='0.6'/%3E%3Cpath d='M100,120 L100,105 M106,125 L106,100 M112,128 L112,95 M118,122 L118,102 M124,118 L124,108' fill='none' stroke='rgb(91, 76, 219)' stroke-width='1.2' opacity='0.7' stroke-linecap='round'/%3E%3C/svg%3E")}.app-wrapper{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-md);padding-block:var(--space-xl)}h1{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.1}h2{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}h3{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;line-height:1.3}h4{font-size:var(--fs-lg);font-weight:600;line-height:1.35}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-oklch{background:var(--gradient-primary-oklch);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.glass-card{position:relative;background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 40%,transparent 60%,rgba(108,92,231,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.glass-card--interactive{cursor:pointer}.glass-card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow-strong)}.glass-card--interactive:active{transform:translateY(-1px)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-glass);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-bottom:1px solid var(--border-subtle);padding:var(--space-sm) var(--space-md)}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin-inline:auto;gap:var(--space-md)}.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-lg);font-weight:800;letter-spacing:-.02em}.header__logo-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:1rem;color:#fff;flex-shrink:0}.header__actions{display:flex;align-items:center;gap:var(--space-sm)}.hero-section{text-align:center;padding-block:var(--space-3xl) var(--space-2xl)}.hero-section h1{margin-bottom:var(--space-md)}.hero-section p{color:var(--text-secondary);font-size:var(--fs-md);max-width:52ch;margin-inline:auto;margin-bottom:var(--space-2xl)}.input-wrapper{position:relative;max-width:640px;margin-inline:auto}.input-hero{width:100%;padding:var(--space-md) var(--space-lg);padding-right:120px;font-size:var(--fs-md);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--border-default);border-radius:var(--radius-xl);color:var(--text-primary);outline:none;box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.input-hero::placeholder{color:var(--text-tertiary);transition:opacity var(--duration-base) var(--ease-out)}.input-hero:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-md),0 0 0 4px #6c5ce726,var(--shadow-glow)}.input-hero:focus::placeholder{opacity:.5}.input-group{position:relative}.input-group__field{width:100%;padding:var(--space-md) var(--space-md);padding-top:calc(var(--space-md) + 8px);font-size:var(--fs-base);background:var(--bg-glass);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.input-group__label{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:var(--fs-base);color:var(--text-tertiary);pointer-events:none;transition:transform var(--duration-base) var(--ease-out),font-size var(--duration-base) var(--ease-out);transform-origin:left}.input-group__field:focus+.input-group__label,.input-group__field:not(:placeholder-shown)+.input-group__label{transform:translateY(-160%) scale(.8);color:var(--accent-primary)}.input-group__field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce71f}.input-wrapper .btn-submit{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:10px 24px;font-weight:600;font-size:var(--fs-sm);border-radius:calc(var(--radius-xl) - 4px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:600;font-size:var(--fs-sm);padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;user-select:none;-webkit-user-select:none;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transform:scale(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);z-index:-1}.btn:active:after{opacity:1;transform:scale(2.5);transition:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow-strong);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-secondary{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-icon{padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-lg{padding:14px 28px;font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn-sm{padding:6px 14px;font-size:var(--fs-xs);border-radius:var(--radius-sm)}.tab-group{display:flex;gap:var(--space-xs);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:4px;overflow-x:auto;scrollbar-width:none}.tab-group::-webkit-scrollbar{display:none}.tab{flex:1;min-width:max-content;padding:10px 20px;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-lg) - 4px);cursor:pointer;position:relative;transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.tab.active,.tab[aria-selected=true]{color:#fff;background:var(--gradient-primary);font-weight:600;box-shadow:var(--shadow-sm),var(--shadow-glow)}.tab-group--underline{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;padding:0;gap:var(--space-lg)}.tab-group--underline .tab{border-radius:0;padding:var(--space-sm) var(--space-xs);padding-bottom:var(--space-md)}.tab-group--underline .tab.active,.tab-group--underline .tab[aria-selected=true]{background:none;color:var(--accent-primary-light);box-shadow:none}.tab-group--underline .tab.active:after,.tab-group--underline .tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:2px 2px 0 0}.score-bar{--score: 0;width:100%;height:8px;background:var(--bg-surface-2);border-radius:var(--radius-full);overflow:hidden;position:relative}.score-bar__fill{height:100%;width:calc(var(--score) * 1%);border-radius:inherit;background:linear-gradient(90deg,#ff6b6b,#fdcb6e,#00b894 80%,#00b894);background-size:200% 100%;background-position:calc((100 - var(--score)) * 1%) 0;transition:width 1s var(--ease-out);position:relative}.score-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}.score-bar--animated .score-bar__fill{animation:scoreGrow 1.2s var(--ease-out) forwards}@keyframes scoreGrow{0%{width:0}to{width:calc(var(--score) * 1%)}}.score-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);font-size:var(--fs-sm)}.score-label__value{font-weight:700;font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(90deg,var(--bg-surface-1) 25%,var(--bg-surface-2) 50%,var(--bg-surface-1) 75%);background-size:400% 100%;animation:shimmer 1.8s ease infinite;border-radius:var(--radius-sm);color:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none}.skeleton *{visibility:hidden}.skeleton--text{height:1em;margin-bottom:var(--space-sm)}.skeleton--text:last-child{width:60%}.skeleton--title{height:1.8em;width:70%;margin-bottom:var(--space-md)}.skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--thumbnail{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md)}.skeleton--card{border-radius:var(--radius-lg);padding:var(--space-lg);min-height:200px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface-1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);color:var(--text-primary);pointer-events:auto;max-width:380px;animation:slideInRight var(--duration-slow) var(--ease-spring)}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--info{border-left:3px solid var(--color-info)}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast__message{flex:1;line-height:1.4}.toast__close{flex-shrink:0;opacity:.5;transition:opacity var(--duration-fast)}.toast__close:hover{opacity:1}.toast--exit{animation:slideOutRight var(--duration-base) var(--ease-out) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.summary-content{line-height:1.8;font-size:var(--fs-base);color:var(--text-primary)}.summary-content h2{font-size:var(--fs-xl);margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.summary-content h3{font-size:var(--fs-lg);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.summary-content p{margin-bottom:var(--space-md);color:var(--text-secondary)}.summary-content ul,.summary-content ol{padding-left:var(--space-lg);margin-bottom:var(--space-md)}.summary-content ul{list-style:none}.summary-content ul li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-secondary)}.summary-content ul li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gradient-primary)}.summary-content ol{list-style:none;counter-reset:summary-counter}.summary-content ol li{counter-increment:summary-counter;position:relative;padding-left:var(--space-2xl);margin-bottom:var(--space-md);color:var(--text-secondary)}.summary-content ol li:before{content:counter(summary-counter,decimal-leading-zero);position:absolute;left:0;top:0;font-size:var(--fs-sm);font-weight:700;color:var(--accent-primary-light);font-variant-numeric:tabular-nums}.summary-content .timestamp{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-secondary);background:#00cec91a;border:1px solid rgba(0,206,201,.2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)}.summary-content .timestamp:hover{background:#00cec933;transform:scale(1.05)}.summary-content blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent-primary);background:var(--bg-glass);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:italic}.summary-content blockquote p{margin-bottom:0}.summary-content .key-takeaway{display:flex;gap:var(--space-md);padding:var(--space-md);background:#6c5ce714;border:1px solid rgba(108,92,231,.15);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.summary-content .key-takeaway:before{content:"💡";flex-shrink:0;font-size:var(--fs-lg)}.video-card{display:grid;grid-template-columns:1fr;gap:var(--space-md);background:var(--bg-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.video-card__thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-surface-2)}.video-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.video-card:hover .video-card__thumbnail img{transform:scale(1.05)}.video-card__duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);padding:2px 6px;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;background:#000c;color:#fff;border-radius:var(--radius-sm)}.video-card__body{padding:var(--space-md);padding-top:0}.video-card__title{font-size:var(--fs-base);font-weight:600;line-height:1.4;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--text-tertiary);flex-wrap:wrap}.video-card__meta-separator{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}@media(min-width:768px){.video-card--horizontal{grid-template-columns:280px 1fr}.video-card--horizontal .video-card__body{padding:var(--space-md);display:flex;flex-direction:column;justify-content:center}}.history-section{content-visibility:auto;contain-intrinsic-size:0 400px}.history-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.history-card{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.history-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.history-card__thumb{width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-surface-2)}.history-card__thumb img{width:100%;height:100%;object-fit:cover}.history-card__info{flex:1;min-width:0}.history-card__title{font-size:var(--fs-sm);font-weight:600;line-height:1.3;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-card__date{font-size:var(--fs-xs);color:var(--text-tertiary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;padding:var(--space-md);animation:fadeIn var(--duration-base) var(--ease-out);cursor:pointer}.modal-backdrop[hidden]{display:none}.modal{z-index:var(--z-modal);width:100%;max-width:520px;max-height:85dvh;overflow-y:auto;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);padding:0;animation:fadeInUp var(--duration-slow) var(--ease-spring);cursor:default}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-surface-1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.modal__title{font-size:var(--fs-lg);font-weight:700}.modal__body{padding:var(--space-lg)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle)}.settings-item:last-child{border-bottom:none}.settings-item__label{font-weight:500}.settings-item__description{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.toggle__slider:before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform var(--duration-base) var(--ease-spring)}.toggle input:checked+.toggle__slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle input:checked+.toggle__slider:before{transform:translateY(-50%) translate(20px);background:#fff}.toggle input:focus-visible+.toggle__slider{outline:2px solid var(--accent-primary);outline-offset:2px}.settings-select{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);font-size:var(--fs-xs);cursor:pointer;outline:none;font-weight:500;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.settings-select:focus{border-color:var(--accent-primary-light);box-shadow:0 0 0 2px #6c5ce733}.auth-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 16px;font-size:var(--fs-sm);font-weight:500;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:background var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.auth-btn:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-btn:active{transform:translateY(0) scale(.98)}.auth-btn__icon{width:18px;height:18px;flex-shrink:0}.auth-btn__avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.theme-toggle{position:relative;width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-subtle);cursor:pointer;display:grid;place-items:center;transition:background var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring);overflow:hidden}.theme-toggle:hover{background:var(--bg-glass-hover);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle__icon{width:18px;height:18px;transition:transform var(--duration-base) var(--ease-spring)}.theme-toggle__sun,.theme-toggle__moon{position:absolute;width:18px;height:18px;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring)}.theme-toggle__sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle__moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=light] .theme-toggle__sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=light] .theme-toggle__moon{opacity:1;transform:rotate(0) scale(1)}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 12px;font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.copy-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.copy-btn:active{transform:scale(.95)}.copy-btn--success{color:var(--color-success)!important;border-color:#00b8944d;background:#00b89414}.copy-btn__icon{width:14px;height:14px}.copy-btn__icon--check,.copy-btn--success .copy-btn__icon--copy{display:none}.copy-btn--success .copy-btn__icon--check{display:block}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--text-tertiary);font-size:var(--fs-xs)}.footer__inner{max-width:1200px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.footer__links{display:flex;gap:var(--space-md)}.footer__links a{color:var(--text-secondary);transition:color var(--duration-fast)}.footer__links a:hover{color:var(--accent-primary-light)}@media(min-width:768px){.footer__inner{flex-direction:row;justify-content:space-between}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:var(--fs-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge--primary{background:#6c5ce726;color:var(--accent-primary-light);border:1px solid rgba(108,92,231,.25)}.badge--success{background:#00b8941f;color:var(--color-success);border:1px solid rgba(0,184,148,.25)}.badge--warning{background:#fdcb6e1f;color:var(--color-warning);border:1px solid rgba(253,203,110,.25)}.badge--error{background:#ff6b6b1f;color:var(--color-error);border:1px solid rgba(255,107,107,.25)}.chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;font-size:var(--fs-xs);font-weight:500;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:default}.chip--clickable{cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.chip--clickable:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.spinner{width:24px;height:24px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px}.spinner--lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:dotBounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4xl) var(--space-lg);color:var(--text-tertiary)}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.4}.empty-state__title{font-size:var(--fs-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state__desc{font-size:var(--fs-sm);max-width:40ch;margin-bottom:var(--space-lg)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;font-size:var(--fs-xs);font-weight:500;color:#fff;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:var(--z-dropdown)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.divider{border:none;height:1px;background:var(--border-subtle);margin-block:var(--space-lg)}.divider--glow{height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),transparent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 8px #6c5ce733}50%{box-shadow:0 0 24px #6c5ce766}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}::selection{background:#6c5ce74d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.score-bar__fill:after{animation:none}.spinner{animation:none;border-top-color:var(--accent-primary);opacity:.6}}@media(min-width:480px){.main-content{padding-inline:var(--space-lg)}.history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.toast-container{bottom:var(--space-xl);right:var(--space-xl)}}@media(min-width:768px){.main-content{padding-inline:var(--space-xl);padding-block:var(--space-2xl)}.hero-section{padding-block:var(--space-4xl) var(--space-3xl)}.input-hero{padding:var(--space-lg) var(--space-xl);padding-right:140px;font-size:var(--fs-lg)}.tab-group{gap:var(--space-sm)}.modal{max-width:560px}.glass-card{padding:var(--space-xl)}}@media(min-width:1024px){.main-content{padding-inline:var(--space-2xl)}.hero-section{padding-block:var(--space-4xl)}.history-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.summary-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-xl);align-items:start}.summary-layout__sidebar{position:sticky;top:calc(60px + var(--space-lg))}}.card-container{container-type:inline-size;container-name:card}@container card (max-width: 400px){.video-card__title{font-size:var(--fs-sm);-webkit-line-clamp:1}.video-card__meta{flex-wrap:nowrap;overflow:hidden}}@container card (min-width: 500px){.video-card{grid-template-columns:200px 1fr}.video-card__body{padding:var(--space-md);display:flex;flex-direction:column;justify-content:center}}.input-wrapper:has(.input-hero:focus){filter:drop-shadow(0 0 20px rgba(108,92,231,.15))}.glass-card:has(>.video-card__thumbnail:first-child){padding-top:0}.input-group:has(.input-group__field:user-invalid){--border-color: var(--color-error)}.input-group:has(.input-group__field:user-invalid) .input-group__label{color:var(--color-error)}.tab-group:has(.tab:nth-child(n+5)){gap:2px}.tab-group:has(.tab:nth-child(n+5)) .tab{padding-inline:14px;font-size:var(--fs-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.w-full{width:100%}.mx-auto{margin-inline:auto}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.bg-icon{position:fixed;z-index:-1;color:var(--accent-primary);opacity:.15;pointer-events:none;filter:drop-shadow(0 0 20px rgba(108,92,231,.25));transition:opacity var(--duration-slow) var(--ease-out)}[data-theme=light] .bg-icon,:root:not([data-theme=dark]) .bg-icon{opacity:.08;color:var(--accent-primary);filter:drop-shadow(0 0 15px rgba(91,76,219,.15))}.bg-icon svg{width:100%;height:100%}.bg-icon--play{top:18%;right:6%;width:clamp(120px,14vw,200px);height:clamp(120px,14vw,200px);transform:rotate(15deg)}.bg-icon--music{bottom:15%;left:6%;width:clamp(140px,16vw,240px);height:clamp(140px,16vw,240px);transform:rotate(-25deg)}.bg-icon--film{top:45%;left:8%;width:clamp(100px,11vw,160px);height:clamp(100px,11vw,160px);transform:rotate(8deg)}.bg-icon--headphones{top:48%;right:4%;width:clamp(110px,13vw,180px);height:clamp(110px,13vw,180px);transform:rotate(-15deg)}.bg-icon--camera{top:12%;left:4%;width:clamp(110px,12vw,170px);height:clamp(110px,12vw,170px);transform:rotate(20deg)}.quick-try{margin-top:var(--space-xl);text-align:center}.quick-try__title{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-sm)}.quick-try__list{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.quick-try__btn{background:var(--bg-glass);border:var(--glass-border);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);color:var(--text-primary);font-size:var(--fs-xs);font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.quick-try__btn:hover{background:var(--bg-glass-hover);border-color:var(--accent-primary-light);transform:translateY(-1.5px);box-shadow:var(--shadow-sm)}.quick-try__btn:active{transform:translateY(0)}.how-it-works__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.how-it-works__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) var(--space-lg);transition:transform var(--duration-base) var(--ease-out)}.how-it-works__card:hover{transform:translateY(-4px)}.how-it-works__icon{font-size:2.2rem;margin-bottom:var(--space-md);filter:drop-shadow(0 0 10px rgba(108,92,231,.2))}.how-it-works__step{font-size:var(--fs-xs);color:var(--accent-primary-light);text-transform:uppercase;font-weight:700;letter-spacing:.12em;margin-bottom:var(--space-xs)}.how-it-works__heading{font-size:var(--fs-md);font-weight:600;margin-bottom:var(--space-sm)}.how-it-works__desc{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6}.comparison-table-wrapper{overflow-x:auto;background:var(--bg-glass);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.comparison-table th,.comparison-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.comparison-table th{background:var(--bg-surface-2);color:var(--text-primary);font-weight:600;font-size:var(--fs-sm)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td{color:var(--text-secondary);font-size:var(--fs-sm)}.comparison-table td strong{color:var(--text-primary)}.comparison-table .highlight{background:#6c5ce70d;color:var(--text-primary);font-weight:500}.comparison-table .icon-check{color:var(--color-success);font-weight:700}.comparison-table .icon-x{color:var(--color-error);font-weight:700}@media print{.header,.footer,.toast-container,.theme-toggle,.auth-btn,.copy-btn,.btn{display:none!important}body:before,body:after,.bg-icon{display:none!important}body{background:#fff;color:#000}.glass-card{background:#fff;border:1px solid #ddd;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.summary-content{font-size:12pt;line-height:1.6}}