@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--theme-transition-duration:.2s;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}:root,html.dark{color-scheme:dark;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#ffffff0d;--bg-active:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-subtle:#ffffff1a;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-text:#fff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--error-bg:#ef444426;--error-border:#ef44444d;--error-text:#fca5a5;--error-icon:#f87171;--error-title:#fecaca;--warning-bg:#f59e0b26;--warning-border:#f59e0b4d;--warning-text:#fcd34d;--warning-icon:#fbbf24;--warning-title:#fef3c7;--info-bg:#3b82f626;--info-border:#3b82f64d;--info-text:#93c5fd;--info-icon:#60a5fa;--info-title:#bfdbfe;--success-bg:#22c55e26;--success-border:#22c55e4d;--success-text:#86efac;--success-icon:#4ade80;--success-title:#bbf7d0;--syntax-note:#f8fafc;--syntax-note-playing:#1e90ff;--syntax-note-hover:#4299e1;--syntax-note-selected:#2563eb;--syntax-lyric:#d1d5db;--syntax-title:#f3f4f6;--syntax-tempo:#9ca3af;--syntax-beat-marker:#f59e0b;--syntax-cursor:#1e90ff;--input-bg:#1f2937;--input-border:#374151;--input-border-hover:#4b5563;--input-border-focus:#3b82f6;--input-text:#e5e7eb;--input-placeholder:#9ca3af;color:var(--text-primary);background-color:var(--bg-primary)}html.light{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#00000008;--bg-active:#0000000f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-subtle:#0000001a;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-text:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #00000026;--error-bg:#ef44441a;--error-border:#ef444440;--error-text:#dc2626;--error-icon:#dc2626;--error-title:#b91c1c;--warning-bg:#f59e0b1a;--warning-border:#f59e0b40;--warning-text:#b45309;--warning-icon:#d97706;--warning-title:#92400e;--info-bg:#3b82f61a;--info-border:#3b82f640;--info-text:#2563eb;--info-icon:#2563eb;--info-title:#1d4ed8;--success-bg:#22c55e1a;--success-border:#22c55e40;--success-text:#16a34a;--success-icon:#16a34a;--success-title:#15803d;--syntax-note:#1f2937;--syntax-note-playing:#1e90ff;--syntax-note-hover:#4299e1;--syntax-note-selected:#2563eb;--syntax-lyric:#374151;--syntax-title:#1f2937;--syntax-tempo:#6b7280;--syntax-beat-marker:#f59e0b;--syntax-cursor:#1e90ff;--input-bg:#fff;--input-border:#d1d5db;--input-border-hover:#9ca3af;--input-border-focus:#3b82f6;--input-text:#1f2937;--input-placeholder:#9ca3af;color:var(--text-primary);background-color:var(--bg-primary)}html,html *,html :before,html :after{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:var(--theme-transition-duration);transition-timing-function:ease}html .no-theme-transition,html .no-theme-transition *,html .no-theme-transition :before,html .no-theme-transition :after,html.no-transitions,html.no-transitions *,html.no-transitions :before,html.no-transitions :after{transition-property:none!important}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-color:var(--bg-primary);width:100%;min-width:320px;max-width:100vw;min-height:100vh;color:var(--text-primary);margin:0;line-height:1.5;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--accent-primary);font-weight:500;text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background-color:var(--accent-primary);color:var(--accent-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.visually-hidden,.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#main-content:focus,#sidebar-navigation:focus{outline:none}#main-content:focus-visible,#sidebar-navigation:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media(forced-colors:active){:focus-visible{outline-offset:2px;outline:3px solid canvastext}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;transition:background-color .2s ease,border-color .2s ease}.header__left{display:flex;align-items:center;gap:.75rem}.header__right{display:flex;align-items:center;gap:.5rem}.header__title{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.025em;line-height:1}.header__icon{width:20px;height:20px;flex-shrink:0}.header__button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;min-width:44px;min-height:44px}.header__button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header__button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.header__button:active{background-color:var(--bg-active)}.header__menu-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;min-width:44px;min-height:44px}.header__menu-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header__menu-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.header__theme-button{position:relative}.header__theme-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;font-size:8px;font-weight:700;line-height:12px;text-align:center;background-color:var(--accent-primary);color:var(--accent-text);border-radius:50%}@media(max-width:767px){.header{padding:0 .75rem}.header__title{font-size:1.125rem}}@media(min-width:768px){.header{padding:0 1.5rem;height:64px}.header__menu-button{display:none}.header__title{font-size:1.375rem}.header__button{width:40px;height:40px}.header__icon{width:22px;height:22px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{display:flex;flex-direction:column;width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);transition:transform .2s ease,width .2s ease,background-color .2s ease;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar__nav{flex:1;padding:1rem 0}.sidebar__list{list-style:none;margin:0;padding:0}.sidebar__item{margin-bottom:.25rem}.sidebar__item--secondary{opacity:.8}.sidebar__divider{height:1px;margin:.75rem 1rem;background-color:var(--border-color)}.sidebar__link{display:flex;align-items:center;gap:.75rem;width:calc(100% - 1rem);margin:0 .5rem;padding:.75rem;background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;min-height:44px}.sidebar__link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar__link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sidebar__link--active{background-color:var(--bg-active);color:var(--text-primary);border-color:var(--accent-primary)}.sidebar__link--active .sidebar__step-number{background-color:var(--accent-primary);color:var(--accent-text)}.sidebar__step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.75rem;font-weight:600;background-color:var(--bg-tertiary);color:var(--text-muted);border-radius:50%;flex-shrink:0;transition:all .15s ease}.sidebar__icon{width:20px;height:20px;flex-shrink:0}.sidebar__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__footer{padding:1rem;border-top:1px solid var(--border-color)}.sidebar__workflow-hint{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.5}@media(max-width:767px){.sidebar{position:fixed;top:56px;left:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));width:280px;max-width:calc(100vw - 48px);z-index:45;box-shadow:var(--shadow-lg)}.sidebar--collapsed{transform:translate(-100%);pointer-events:none;visibility:hidden}.sidebar--open{transform:translate(0);pointer-events:auto;visibility:visible}.sidebar__link{min-height:48px;padding:.75rem 1rem}}@media(min-width:768px){.sidebar{position:relative;width:260px;transform:none!important;box-shadow:none}.sidebar__link{padding:.875rem 1rem;font-size:.9375rem}.sidebar__footer{padding:1.25rem}}@media(min-width:1024px){.sidebar{width:280px}.sidebar__link{gap:1rem}.sidebar__step-number{width:28px;height:28px;font-size:.8125rem}.sidebar__icon{width:22px;height:22px}}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;overflow-x:hidden;background-color:var(--bg-primary);transition:background-color .2s ease}.main-content__inner{flex:1;display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem}@media(max-width:767px){.main-content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.main-content__inner{padding:1rem .75rem}}@media(min-width:768px){.main-content__inner{padding:2rem 1.5rem}}@media(min-width:1024px){.main-content__inner{padding:2rem}}@media(min-width:1280px){.main-content__inner{max-width:1400px;padding:2.5rem 3rem}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);transition:background-color .2s ease,border-color .2s ease}.bottom-nav__list{display:flex;justify-content:space-around;align-items:stretch;list-style:none;margin:0;padding:0;width:100%}.bottom-nav__item{flex:1;display:flex;justify-content:center;align-items:center}.bottom-nav__divider{width:1px;align-self:stretch;margin:.5rem 0;background-color:var(--border-color);flex-shrink:0}.bottom-nav__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;min-height:56px;min-width:44px;padding:.5rem .25rem;background-color:transparent;border:none;border-radius:0;color:var(--text-muted);font-size:.6875rem;font-weight:500;text-align:center;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.bottom-nav__button:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.bottom-nav__button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.bottom-nav__button:active{background-color:var(--bg-active)}.bottom-nav__button--active{color:var(--accent-primary)}.bottom-nav__button--active .bottom-nav__icon{stroke:var(--accent-primary)}.bottom-nav__button--active .bottom-nav__label{color:var(--accent-primary)}.bottom-nav__icon{width:24px;height:24px;flex-shrink:0}.bottom-nav__label{display:block;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:767px){.bottom-nav{display:block}}@media(max-width:359px){.bottom-nav__button{padding:.375rem .125rem;min-height:52px}.bottom-nav__icon{width:20px;height:20px}.bottom-nav__label{font-size:.625rem}}@media(max-width:767px)and (max-height:500px){.bottom-nav__button{min-height:48px;gap:.125rem;padding:.25rem}.bottom-nav__icon{width:20px;height:20px}.bottom-nav__label{font-size:.5625rem}}@media(min-width:768px){.bottom-nav{display:none!important}}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}.app-shell__body{display:flex;flex:1;position:relative;overflow:hidden}.app-shell__overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:40;cursor:pointer;transition:opacity .2s ease}.app-shell--dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-subtle: rgba(255, 255, 255, .1);--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-text: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}.app-shell--light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: rgba(0, 0, 0, .03);--bg-active: rgba(0, 0, 0, .06);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-subtle: rgba(0, 0, 0, .1);--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-text: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15)}@media(max-width:767px){.app-shell--sidebar-open .app-shell__overlay{display:block}}@media(min-width:768px){.app-shell__overlay{display:none!important}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:200px;border-radius:8px;background-color:var(--bg-hover);border:1px dashed var(--border-subtle)}.empty-state:hover{background-color:var(--bg-active);border-color:var(--border-color)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:1rem;color:var(--text-muted);opacity:.8}.empty-state__icon svg{width:48px;height:48px;fill:currentColor}.empty-state__content{max-width:320px}.empty-state__title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4}.empty-state__description{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.empty-state__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.empty-state__action:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.empty-state__action:disabled{opacity:.5;cursor:not-allowed}.empty-state__action--primary{background-color:var(--accent-primary);color:var(--accent-text);border-color:var(--accent-primary)}.empty-state__action--primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.empty-state__action--primary:active:not(:disabled){background-color:var(--accent-hover)}.empty-state__action--secondary{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.empty-state__action--secondary:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.empty-state__action--secondary:active:not(:disabled){background-color:var(--bg-active)}.empty-state--compact{padding:1.5rem;min-height:150px}.empty-state--compact .empty-state__icon{width:48px;height:48px;margin-bottom:.75rem}.empty-state--compact .empty-state__icon svg{width:36px;height:36px}.empty-state--compact .empty-state__title{font-size:1rem}.empty-state--compact .empty-state__description{font-size:.8125rem;margin-bottom:1rem}.empty-state--compact .empty-state__action{padding:.5rem 1rem;font-size:.8125rem}.empty-state--centered{min-height:400px;flex:1}.empty-state--centered .empty-state__icon{width:80px;height:80px;margin-bottom:1.5rem}.empty-state--centered .empty-state__icon svg{width:64px;height:64px}.empty-state--centered .empty-state__title{font-size:1.25rem}.empty-state--centered .empty-state__content{max-width:400px}@media(max-width:640px){.empty-state{padding:1.5rem 1rem;min-height:180px}.empty-state__icon{width:56px;height:56px}.empty-state__icon svg{width:40px;height:40px}.empty-state__title{font-size:1rem}.empty-state__description{font-size:.8125rem}.empty-state__content{max-width:280px}.empty-state__actions{flex-direction:column;width:100%}.empty-state__action{width:100%}.empty-state--centered{min-height:300px}}.loading-spinner{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.loading-spinner__svg{animation:loading-spinner-rotate 1.2s linear infinite}.loading-spinner__track{stroke:#ffffff1a}.loading-spinner__arc{stroke:#3b82f6;stroke-dasharray:40 60;animation:loading-spinner-dash 1.2s ease-in-out infinite;transform-origin:center}.loading-spinner__label{font-size:.875rem;color:#9ca3af;text-align:center}.loading-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spinner--small .loading-spinner__svg{width:16px;height:16px}.loading-spinner--small .loading-spinner__label{font-size:.75rem}.loading-spinner--small .loading-spinner__track,.loading-spinner--small .loading-spinner__arc{stroke-width:2.5}.loading-spinner--medium .loading-spinner__svg{width:24px;height:24px}.loading-spinner--medium .loading-spinner__label{font-size:.875rem}.loading-spinner--large .loading-spinner__svg{width:40px;height:40px}.loading-spinner--large .loading-spinner__label{font-size:1rem}.loading-spinner--large .loading-spinner__track,.loading-spinner--large .loading-spinner__arc{stroke-width:3.5}@keyframes loading-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-spinner-dash{0%{stroke-dasharray:1 100;stroke-dashoffset:0}50%{stroke-dasharray:45 100;stroke-dashoffset:-15}to{stroke-dasharray:45 100;stroke-dashoffset:-60}}@media(prefers-color-scheme:light){.loading-spinner__track{stroke:#0000001a}.loading-spinner__label{color:#6b7280}}@media(prefers-reduced-motion:reduce){.loading-spinner__svg{animation:loading-spinner-rotate 3s linear infinite}.loading-spinner__arc{animation:none;stroke-dasharray:45 100}}.loading-overlay{display:flex;align-items:center;justify-content:center;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:loading-overlay-fade-in .2s ease-out}.loading-overlay--fullscreen{position:fixed;inset:0;z-index:9999}.loading-overlay--container{position:absolute;inset:0}.loading-overlay--transparent{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-radius:12px;background-color:#1e1e1ee6;box-shadow:0 4px 24px #0000004d;max-width:320px;text-align:center}.loading-overlay--transparent .loading-overlay__content{background-color:transparent;box-shadow:none}@keyframes loading-overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-color-scheme:light){.loading-overlay{background-color:#ffffffd9}.loading-overlay__content{background-color:#fffffff2;box-shadow:0 4px 24px #0000001a}}@media(prefers-reduced-motion:reduce){.loading-overlay{animation:none}}@media(max-width:640px){.loading-overlay__content{padding:1.5rem;margin:1rem;max-width:calc(100% - 2rem)}}.error-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid}.error-message__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-message__icon svg{width:20px;height:20px}.error-message__content{flex:1;min-width:0}.error-message__title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;line-height:1.4}.error-message__text{margin:0;font-size:.875rem;line-height:1.5;opacity:.9}.error-message__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.error-message__retry{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;background-color:var(--bg-hover);color:inherit}.error-message__retry:hover{background-color:var(--bg-active)}.error-message__retry:focus-visible{outline:2px solid currentColor;outline-offset:2px}.error-message__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background-color:transparent;cursor:pointer;color:inherit;opacity:.7;transition:opacity .15s ease}.error-message__dismiss:hover{opacity:1}.error-message__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}.error-message__dismiss svg{width:16px;height:16px}.error-message--error{background-color:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.error-message--error .error-message__icon{color:var(--error-icon)}.error-message--error .error-message__title{color:var(--error-title)}.error-message--warning{background-color:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.error-message--warning .error-message__icon{color:var(--warning-icon)}.error-message--warning .error-message__title{color:var(--warning-title)}.error-message--info{background-color:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.error-message--info .error-message__icon{color:var(--info-icon)}.error-message--info .error-message__title{color:var(--info-title)}@media(max-width:640px){.error-message{flex-wrap:wrap;padding:.875rem}.error-message__actions{width:100%;margin-top:.75rem;justify-content:flex-end}}.error-boundary{padding:1rem}.error-boundary__details{margin-top:1rem;padding:.75rem;background-color:#0003;border-radius:6px;font-size:.75rem}.error-boundary__summary{cursor:pointer;color:#9ca3af;font-weight:500;-webkit-user-select:none;user-select:none}.error-boundary__summary:hover{color:#d1d5db}.error-boundary__stack{margin-top:.75rem;padding:.75rem;background-color:#0000004d;border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.6875rem;color:#fca5a5;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:300px;overflow-y:auto}@media(prefers-color-scheme:light){.error-boundary__details{background-color:#0000000d}.error-boundary__summary{color:#6b7280}.error-boundary__summary:hover{color:#374151}.error-boundary__stack{background-color:#00000014;color:#dc2626}}.progress-bar{display:flex;align-items:center;gap:.75rem;width:100%}.progress-bar__track{flex:1;background-color:#ffffff1a;border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:999px;transition:width .3s ease-out}.progress-bar:not(.progress-bar--animated) .progress-bar__fill{transition:none}.progress-bar__label{flex-shrink:0;min-width:3em;font-weight:500;text-align:right;color:#9ca3af}.progress-bar--small .progress-bar__track{height:4px}.progress-bar--small .progress-bar__label{font-size:.75rem}.progress-bar--medium .progress-bar__track{height:8px}.progress-bar--medium .progress-bar__label{font-size:.875rem}.progress-bar--large .progress-bar__track{height:12px}.progress-bar--large .progress-bar__label{font-size:1rem}.progress-bar--primary .progress-bar__fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.progress-bar--success .progress-bar__fill{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar--success .progress-bar__label{color:#34d399}.progress-bar--warning .progress-bar__fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar--warning .progress-bar__label{color:#fbbf24}.progress-bar--error .progress-bar__fill{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-bar--error .progress-bar__label{color:#f87171}.progress-bar--indeterminate .progress-bar__fill{width:30%!important;animation:progress-bar-indeterminate 1.5s ease-in-out infinite}@keyframes progress-bar-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(200%)}to{transform:translate(-100%)}}@media(prefers-color-scheme:light){.progress-bar__track{background-color:#0000001a}.progress-bar__label{color:#6b7280}.progress-bar--success .progress-bar__label{color:#059669}.progress-bar--warning .progress-bar__label{color:#d97706}.progress-bar--error .progress-bar__label{color:#dc2626}}@media(prefers-reduced-motion:reduce){.progress-bar__fill{transition:none}.progress-bar--indeterminate .progress-bar__fill{animation:progress-bar-indeterminate-reduced 2s linear infinite}@keyframes progress-bar-indeterminate-reduced{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}}.skeleton__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{position:relative;display:block;background-color:#ffffff1a;overflow:hidden}.skeleton--text{height:1em;border-radius:4px;transform:scaleY(.8);transform-origin:left center}.skeleton--circular{border-radius:50%}.skeleton--rectangular{border-radius:0}.skeleton--rounded{border-radius:8px}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton--wave:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:skeleton-wave 1.6s linear infinite}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{display:flex;flex-direction:column;gap:.5rem}.skeleton-card{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.skeleton-card__header{display:flex;align-items:center;gap:.75rem}.skeleton-card__meta{flex:1;display:flex;flex-direction:column;gap:.375rem}@media(prefers-color-scheme:light){.skeleton{background-color:#00000014}.skeleton--wave:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}.skeleton-card{background-color:#00000005;border-color:#0000000d}}@media(prefers-reduced-motion:reduce){.skeleton--pulse{animation:none;opacity:.7}.skeleton--wave:after{animation:none;background:transparent}}.toast-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:.75rem;padding:1rem;pointer-events:none;max-height:100vh;overflow:hidden}.toast-container--top-right{top:0;right:0;align-items:flex-end}.toast-container--top-left{top:0;left:0;align-items:flex-start}.toast-container--bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.toast-container--bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.toast-container--top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:8px;border:1px solid;min-width:280px;max-width:420px;pointer-events:auto;box-shadow:var(--shadow-lg);animation:toast-slide-in .3s ease-out forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-container--top-left .toast,.toast-container--bottom-left .toast{animation-name:toast-slide-in-left}@keyframes toast-slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.toast-container--top-center .toast,.toast-container--bottom-center .toast{animation-name:toast-slide-in-center}@keyframes toast-slide-in-center{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast__icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.toast__icon svg{width:20px;height:20px}.toast__content{flex:1;min-width:0}.toast__message{margin:0;font-size:.875rem;line-height:1.5;word-wrap:break-word}.toast__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background-color:transparent;cursor:pointer;color:inherit;opacity:.6;transition:opacity .15s ease,background-color .15s ease}.toast__dismiss:hover{opacity:1;background-color:#0000001a}.toast__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.toast__dismiss svg{width:14px;height:14px}.toast--success{background-color:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.toast--success .toast__icon{color:var(--success-icon)}.toast--error{background-color:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.toast--error .toast__icon{color:var(--error-icon)}.toast--warning{background-color:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.toast--warning .toast__icon{color:var(--warning-icon)}.toast--info{background-color:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.toast--info .toast__icon{color:var(--info-icon)}@media(max-width:480px){.toast-container{left:0!important;right:0!important;transform:none!important;padding:.75rem}.toast-container--top-right,.toast-container--top-left,.toast-container--top-center{top:0;align-items:stretch}.toast-container--bottom-right,.toast-container--bottom-left,.toast-container--bottom-center{bottom:0;align-items:stretch}.toast{min-width:0;max-width:none;width:100%;animation-name:toast-slide-in-mobile}@keyframes toast-slide-in-mobile{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast__dismiss{transition:none}}.skip-links{position:relative;z-index:9999}.skip-links__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;position:absolute;top:0;left:0}.skip-links__item{margin:0;padding:0}.skip-links__link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;background-color:var(--accent-primary, #3b82f6);color:var(--accent-text, #ffffff);font-size:.875rem;font-weight:600;text-decoration:none;border-radius:0 0 .5rem;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transition:none}.skip-links__link:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:.75rem 1.25rem;margin:0;overflow:visible;clip:auto;white-space:nowrap;z-index:10000;outline:3px solid var(--text-primary, #f8fafc);outline-offset:-3px}.skip-links__link:hover{background-color:var(--accent-hover, #2563eb)}.skip-links__item:nth-child(2) .skip-links__link:focus{top:3rem;border-radius:0 0 .5rem .5rem}.skip-links__item:nth-child(3) .skip-links__link:focus{top:6rem;border-radius:0 0 .5rem .5rem}html.light .skip-links__link{background-color:var(--accent-primary, #3b82f6);color:var(--accent-text, #ffffff)}html.light .skip-links__link:focus{outline-color:var(--text-primary, #0f172a)}@media(prefers-reduced-motion:reduce){.skip-links__link{transition:none}}@media(forced-colors:active){.skip-links__link:focus{outline:3px solid CanvasText;background-color:Canvas;color:CanvasText}}.offline-indicator-container{position:fixed;left:0;right:0;z-index:9998;display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;pointer-events:none}.offline-indicator-container--top{top:0}.offline-indicator-container--bottom{bottom:0}.offline-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;border:1px solid;min-width:280px;max-width:480px;pointer-events:auto;box-shadow:var(--shadow-lg);animation:offline-indicator-slide-in .3s ease-out forwards}@keyframes offline-indicator-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.offline-indicator-container--bottom .offline-indicator{animation-name:offline-indicator-slide-in-bottom}@keyframes offline-indicator-slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.offline-indicator__icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.offline-indicator__icon svg{width:20px;height:20px}.offline-indicator__message{flex:1;font-size:.875rem;line-height:1.5;font-weight:500}.offline-indicator__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.offline-indicator__button{display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .15s ease,opacity .15s ease}.offline-indicator__button--primary{padding:.375rem .875rem;background-color:var(--color-primary);color:#fff}.offline-indicator__button--primary:hover{background-color:var(--color-primary-hover, var(--color-primary));opacity:.9}.offline-indicator__button--primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.offline-indicator__button--dismiss{width:28px;height:28px;padding:0;background-color:transparent;color:inherit;opacity:.6}.offline-indicator__button--dismiss:hover{opacity:1;background-color:#0000001a}.offline-indicator__button--dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}.offline-indicator__button--dismiss svg{width:14px;height:14px}.offline-indicator--offline{background-color:var(--warning-bg, #fef3c7);border-color:var(--warning-border, #f59e0b);color:var(--warning-text, #92400e)}.offline-indicator--offline .offline-indicator__icon{color:var(--warning-icon, #f59e0b)}.offline-indicator--update{background-color:var(--info-bg, #dbeafe);border-color:var(--info-border, #3b82f6);color:var(--info-text, #1e40af)}.offline-indicator--update .offline-indicator__icon{color:var(--info-icon, #3b82f6)}.offline-indicator--ready{background-color:var(--success-bg, #dcfce7);border-color:var(--success-border, #22c55e);color:var(--success-text, #166534)}.offline-indicator--ready .offline-indicator__icon{color:var(--success-icon, #22c55e)}.offline-indicator--ready{animation:offline-indicator-slide-in .3s ease-out forwards,offline-indicator-fade-out .3s ease-in 4.7s forwards}@keyframes offline-indicator-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.dark .offline-indicator--offline{background-color:#f59e0b26;border-color:#f59e0b80;color:#fbbf24}.dark .offline-indicator--offline .offline-indicator__icon{color:#fbbf24}.dark .offline-indicator--update{background-color:#3b82f626;border-color:#3b82f680;color:#60a5fa}.dark .offline-indicator--update .offline-indicator__icon{color:#60a5fa}.dark .offline-indicator--ready{background-color:#22c55e26;border-color:#22c55e80;color:#4ade80}.dark .offline-indicator--ready .offline-indicator__icon{color:#4ade80}.dark .offline-indicator__button--primary{background-color:var(--color-primary)}.dark .offline-indicator__button--dismiss:hover{background-color:#ffffff1a}@media(max-width:480px){.offline-indicator-container{padding:.5rem}.offline-indicator{min-width:0;max-width:none;width:100%;padding:.625rem .875rem;gap:.5rem}.offline-indicator__message{font-size:.8125rem}.offline-indicator__button--primary{padding:.3125rem .75rem;font-size:.75rem}}@media(prefers-reduced-motion:reduce){.offline-indicator{animation:none}.offline-indicator__button{transition:none}}.poem-textarea-container{display:flex;width:100%;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.poem-textarea-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.poem-textarea-container--disabled{background-color:#f3f4f6;cursor:not-allowed}.poem-textarea__line-numbers{flex-shrink:0;width:3rem;padding:.75rem 0;background-color:#f8fafc;border-right:1px solid #e5e7eb;overflow-y:hidden;-webkit-user-select:none;user-select:none;text-align:right}.poem-textarea__line-number{padding:0 .5rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;line-height:1.5rem;color:#9ca3af}.poem-textarea__input{flex:1;min-height:200px;padding:.75rem 1rem;border:none;outline:none;resize:none;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.5rem;color:#1f2937;background-color:transparent;overflow-y:auto}.poem-textarea__input::placeholder{color:#9ca3af;font-style:italic}.poem-textarea__input:disabled{color:#6b7280;cursor:not-allowed}.poem-textarea__input::-webkit-scrollbar{width:8px}.poem-textarea__input::-webkit-scrollbar-track{background:#f1f5f9}.poem-textarea__input::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.poem-textarea__input::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .poem-textarea-container{background-color:#1f2937;border-color:#374151}.dark .poem-textarea-container:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark .poem-textarea-container--disabled{background-color:#111827}.dark .poem-textarea__line-numbers{background-color:#111827;border-color:#374151}.dark .poem-textarea__line-number{color:#6b7280}.dark .poem-textarea__input{color:#f3f4f6}.dark .poem-textarea__input::placeholder{color:#6b7280}.dark .poem-textarea__input:disabled{color:#9ca3af}.dark .poem-textarea__input::-webkit-scrollbar-track{background:#1f2937}.dark .poem-textarea__input::-webkit-scrollbar-thumb{background:#4b5563}.dark .poem-textarea__input::-webkit-scrollbar-thumb:hover{background:#6b7280}.poem-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;flex-wrap:wrap}.poem-toolbar__left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.poem-toolbar__right{display:flex;align-items:center;gap:.5rem}.poem-toolbar__button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.poem-toolbar__button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.poem-toolbar__button:disabled{opacity:.5;cursor:not-allowed}.poem-toolbar__button-text{display:inline}.toolbar-icon{width:1rem;height:1rem;flex-shrink:0}.poem-toolbar__button--secondary{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.poem-toolbar__button--secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.poem-toolbar__button--secondary:active:not(:disabled){background-color:#d1d5db}.poem-toolbar__button--danger{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.poem-toolbar__button--danger:hover:not(:disabled){background-color:#fee2e2;border-color:#f87171}.poem-toolbar__button--danger:active:not(:disabled){background-color:#fecaca}.poem-toolbar__button--primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.poem-toolbar__button--primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.poem-toolbar__button--primary:active:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.poem-toolbar__button--primary:focus{box-shadow:0 0 0 3px #3b82f666}.poem-toolbar__error{padding:.25rem .5rem;font-size:.75rem;color:#dc2626;background-color:#fef2f2;border-radius:.25rem}@media(max-width:480px){.poem-toolbar{gap:.5rem}.poem-toolbar__button{padding:.5rem}.poem-toolbar__button-text{display:none}.poem-toolbar__button--primary .poem-toolbar__button-text{display:inline}}.dark .poem-toolbar__button--secondary{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.dark .poem-toolbar__button--secondary:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.dark .poem-toolbar__button--secondary:active:not(:disabled){background-color:#6b7280}.dark .poem-toolbar__button--danger{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.dark .poem-toolbar__button--danger:hover:not(:disabled){background-color:#7f1d1d;border-color:#b91c1c}.dark .poem-toolbar__button--danger:active:not(:disabled){background-color:#b91c1c}.dark .poem-toolbar__button--primary{background-color:#2563eb;border-color:#2563eb}.dark .poem-toolbar__button--primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.dark .poem-toolbar__button--primary:active:not(:disabled){background-color:#1e40af;border-color:#1e40af}.dark .poem-toolbar__error{background-color:#450a0a;color:#fca5a5}.sample-poems-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sample-poems-modal{width:100%;max-width:900px;max-height:80vh;background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.sample-poems-modal:focus{outline:none}.sample-poems-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.sample-poems-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.sample-poems-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .15s ease}.sample-poems-close:hover{background-color:#f3f4f6;color:#1f2937}.sample-poems-close:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.sample-poems-icon{width:1.25rem;height:1.25rem}.sample-poems-content{display:grid;grid-template-columns:1fr 1.5fr;flex:1;overflow:hidden}.sample-poems-list{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;overflow-y:auto;border-right:1px solid #e5e7eb}.sample-poems-list::-webkit-scrollbar{width:6px}.sample-poems-list::-webkit-scrollbar-track{background:#f1f5f9}.sample-poems-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sample-poems-item{padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .15s ease}.sample-poems-item:hover{background-color:#f3f4f6}.sample-poems-item.selected{background-color:#eff6ff}.sample-poems-item-title{font-weight:600;font-size:.9375rem;color:#1f2937;margin-bottom:.25rem}.sample-poems-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.sample-poems-item-author{color:#6b7280}.sample-poems-item-form{font-size:.6875rem;padding:.125rem .5rem;background-color:#e5e7eb;border-radius:1rem;color:#4b5563}.sample-poems-preview{display:flex;flex-direction:column;padding:1.25rem;overflow-y:auto;background-color:#fafafa}.sample-poems-preview-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.sample-poems-preview-title{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#1f2937}.sample-poems-preview-author{margin:0;font-size:.875rem;color:#6b7280;font-style:italic}.sample-poems-preview-text{flex:1;margin:0 0 1rem;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-family:Georgia,Times New Roman,serif;font-size:.9375rem;line-height:1.7;color:#374151;white-space:pre-wrap;overflow-y:auto;max-height:200px}.sample-poems-preview-footer{display:flex;flex-direction:column;gap:.75rem}.sample-poems-preview-description{margin:0;font-size:.875rem;color:#4b5563;font-style:italic}.sample-poems-preview-tags{display:flex;flex-wrap:wrap;gap:.375rem}.sample-poems-tag{font-size:.75rem;padding:.25rem .625rem;background-color:#dbeafe;color:#1e40af;border-radius:1rem}.sample-poems-select-button{align-self:flex-start;margin-top:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;color:#fff;background-color:#3b82f6;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease}.sample-poems-select-button:hover{background-color:#2563eb}.sample-poems-select-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.sample-poems-footer{padding:.75rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.sample-poems-count{font-size:.8125rem;color:#6b7280}@media(max-width:768px){.sample-poems-content{grid-template-columns:1fr}.sample-poems-list{border-right:none;border-bottom:1px solid #e5e7eb;max-height:200px}.sample-poems-preview{max-height:300px}.sample-poems-preview-text{max-height:150px}}.dark .sample-poems-overlay{background-color:#000000b3}.dark .sample-poems-modal{background-color:#1f2937}.dark .sample-poems-header{border-color:#374151}.dark .sample-poems-title{color:#f3f4f6}.dark .sample-poems-close{color:#9ca3af}.dark .sample-poems-close:hover{background-color:#374151;color:#f3f4f6}.dark .sample-poems-list{border-color:#374151}.dark .sample-poems-item:hover{background-color:#374151}.dark .sample-poems-item.selected{background-color:#1e3a5f}.dark .sample-poems-item-title{color:#f3f4f6}.dark .sample-poems-item-author{color:#9ca3af}.dark .sample-poems-item-form{background-color:#374151;color:#d1d5db}.dark .sample-poems-preview{background-color:#111827}.dark .sample-poems-preview-header{border-color:#374151}.dark .sample-poems-preview-title{color:#f3f4f6}.dark .sample-poems-preview-author{color:#9ca3af}.dark .sample-poems-preview-text{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.dark .sample-poems-preview-description{color:#d1d5db}.dark .sample-poems-tag{background-color:#1e3a5f;color:#93c5fd}.dark .sample-poems-select-button{background-color:#2563eb}.dark .sample-poems-select-button:hover{background-color:#1d4ed8}.dark .sample-poems-footer{border-color:#374151;background-color:#111827}.dark .sample-poems-count{color:#9ca3af}.dark .sample-poems-list::-webkit-scrollbar-track{background:#1f2937}.dark .sample-poems-list::-webkit-scrollbar-thumb{background:#4b5563}.poem-input{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px;margin:0 auto}.poem-input--disabled{opacity:.7;pointer-events:none}.poem-input__header{text-align:center;margin-bottom:.5rem}.poem-input__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1f2937}.poem-input__subtitle{margin:0;font-size:.9375rem;color:#6b7280}.poem-input__stats{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;padding:.5rem 0}.poem-input__stat{display:flex;align-items:center;gap:.375rem;font-size:.8125rem}.poem-input__stat-label{color:#6b7280}.poem-input__stat-value{font-weight:500;color:#374151}.poem-input__stat--warning .poem-input__stat-value{color:#d97706}.poem-input__stat--error .poem-input__stat-value{color:#dc2626}.poem-input__warning,.poem-input__error{padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;text-align:center}.poem-input__warning{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.poem-input__error{background-color:#fef2f2;color:#b91c1c;border:1px solid #f87171}@media(max-width:640px){.poem-input__header{text-align:left}.poem-input__title{font-size:1.25rem}.poem-input__subtitle{font-size:.875rem}.poem-input__stats{justify-content:space-between;gap:1rem;flex-wrap:wrap}.poem-input__stat{font-size:.75rem}}.dark .poem-input__title{color:#f3f4f6}.dark .poem-input__subtitle,.dark .poem-input__stat-label{color:#9ca3af}.dark .poem-input__stat-value{color:#e5e7eb}.dark .poem-input__stat--warning .poem-input__stat-value{color:#fbbf24}.dark .poem-input__stat--error .poem-input__stat-value{color:#f87171}.dark .poem-input__warning{background-color:#451a03;color:#fde68a;border-color:#b45309}.dark .poem-input__error{background-color:#450a0a;color:#fca5a5;border-color:#b91c1c}.share-dialog__overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:share-dialog-fade-in .15s ease-out}@keyframes share-dialog-fade-in{0%{opacity:0}to{opacity:1}}.share-dialog{background-color:var(--color-surface, white);border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:500px;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;animation:share-dialog-slide-in .2s ease-out}@keyframes share-dialog-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.share-dialog__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827)}.share-dialog__close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-text-secondary, #6b7280);transition:background-color .15s ease,color .15s ease}.share-dialog__close-button:hover{background-color:var(--color-button-secondary-bg, #f3f4f6);color:var(--color-text-primary, #111827)}.share-dialog__close-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary, #3b82f6)}.share-dialog__content{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.share-dialog__section{display:flex;flex-direction:column;gap:.5rem}.share-dialog__section-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #374151)}.share-dialog__mode-options{display:flex;flex-direction:column;gap:.5rem}.share-dialog__mode-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:var(--color-surface, #f9fafb);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.share-dialog__mode-option:hover:not(.share-dialog__mode-option--disabled){background-color:var(--color-button-secondary-bg, #f3f4f6)}.share-dialog__mode-option--selected{border-color:var(--color-primary, #3b82f6);background-color:#3b82f60d}.share-dialog__mode-option--disabled{opacity:.5;cursor:not-allowed}.share-dialog__mode-radio{margin-top:2px;flex-shrink:0}.share-dialog__mode-content{display:flex;flex-direction:column;gap:.125rem}.share-dialog__mode-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #374151)}.share-dialog__mode-description{font-size:.75rem;color:var(--color-text-secondary, #6b7280);line-height:1.4}.share-dialog__mode-unavailable{color:var(--color-warning, #f59e0b);font-style:italic}.share-dialog__generate-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background-color:var(--color-primary, #3b82f6);border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.share-dialog__generate-button:hover:not(:disabled){background-color:var(--color-primary-hover, #2563eb)}.share-dialog__generate-button:disabled{opacity:.6;cursor:not-allowed}.share-dialog__generate-button:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f64d}.share-dialog__spinner{animation:share-dialog-spin 1s linear infinite}@keyframes share-dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-dialog__result{display:flex;flex-direction:column;gap:.5rem}.share-dialog__url-container{display:flex;gap:.5rem}.share-dialog__url-input{flex:1;padding:.625rem .75rem;font-size:.75rem;font-family:monospace;color:var(--color-text-primary, #374151);background-color:var(--color-surface, #f9fafb);border:1px solid var(--color-border, #d1d5db);border-radius:6px;overflow:hidden;text-overflow:ellipsis}.share-dialog__url-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.share-dialog__copy-button{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #374151);background-color:var(--color-button-secondary-bg, #f3f4f6);border:1px solid var(--color-border, #d1d5db);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;flex-shrink:0}.share-dialog__copy-button:hover{background-color:var(--color-button-secondary-hover, #e5e7eb)}.share-dialog__copy-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary, #3b82f6)}.share-dialog__copy-button--copied{color:var(--color-success, #10b981);border-color:var(--color-success, #10b981);background-color:#10b9811a}.share-dialog__stats{display:flex;gap:1rem;flex-wrap:wrap}.share-dialog__stat{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.share-dialog__stat--info{color:var(--color-primary, #3b82f6)}.share-dialog__warning{font-size:.75rem;color:var(--color-warning, #f59e0b);background-color:#f59e0b1a;padding:.5rem .75rem;border-radius:6px;margin:0}.share-dialog__error{font-size:.875rem;color:var(--color-error, #ef4444);background-color:#ef44441a;padding:.75rem;border-radius:6px}.share-dialog__error p{margin:0}.share-dialog__privacy-note{font-size:.75rem;color:var(--color-text-secondary, #6b7280);background-color:var(--color-surface, #f9fafb);padding:.75rem;border-radius:6px;border-left:3px solid var(--color-primary, #3b82f6)}.share-dialog__privacy-note p{margin:0;line-height:1.5}.share-dialog__privacy-note strong{color:var(--color-text-primary, #374151)}.share-dialog__empty-message{text-align:center;color:var(--color-text-secondary, #6b7280);padding:2rem 1rem;margin:0}.dark .share-dialog{background-color:var(--color-surface-dark, #1f2937)}.dark .share-dialog__header{border-bottom-color:var(--color-border-dark, #374151)}.dark .share-dialog__title{color:var(--color-text-primary-dark, #f9fafb)}.dark .share-dialog__close-button{color:var(--color-text-secondary-dark, #9ca3af)}.dark .share-dialog__close-button:hover{background-color:var(--color-button-secondary-bg-dark, #374151);color:var(--color-text-primary-dark, #f9fafb)}.dark .share-dialog__section-label{color:var(--color-text-primary-dark, #e5e7eb)}.dark .share-dialog__mode-option{background-color:var(--color-surface-dark, #111827)}.dark .share-dialog__mode-option:hover:not(.share-dialog__mode-option--disabled){background-color:var(--color-button-secondary-bg-dark, #374151)}.dark .share-dialog__mode-option--selected{background-color:#3b82f61a}.dark .share-dialog__mode-label{color:var(--color-text-primary-dark, #e5e7eb)}.dark .share-dialog__mode-description{color:var(--color-text-secondary-dark, #9ca3af)}.dark .share-dialog__url-input{background-color:var(--color-surface-dark, #111827);border-color:var(--color-border-dark, #374151);color:var(--color-text-primary-dark, #e5e7eb)}.dark .share-dialog__copy-button{background-color:var(--color-button-secondary-bg-dark, #374151);border-color:var(--color-border-dark, #4b5563);color:var(--color-text-primary-dark, #e5e7eb)}.dark .share-dialog__copy-button:hover{background-color:var(--color-button-secondary-hover-dark, #4b5563)}.dark .share-dialog__stat{color:var(--color-text-secondary-dark, #9ca3af)}.dark .share-dialog__privacy-note{background-color:var(--color-surface-dark, #111827)}.dark .share-dialog__privacy-note strong{color:var(--color-text-primary-dark, #e5e7eb)}.dark .share-dialog__empty-message{color:var(--color-text-secondary-dark, #9ca3af)}@media(prefers-reduced-motion:reduce){.share-dialog__overlay,.share-dialog,.share-dialog__spinner{animation:none}}@media(max-width:480px){.share-dialog{max-width:calc(100% - 2rem);max-height:calc(100vh - 4rem)}.share-dialog__header{padding:.875rem 1rem}.share-dialog__content{padding:1rem}.share-dialog__url-container{flex-direction:column}.share-dialog__copy-button{width:100%;justify-content:center}}.help-section{display:flex;flex-direction:column;gap:1rem}.help-section__category-badge{display:inline-flex;align-self:flex-start;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #3b82f6);background-color:var(--color-primary-subtle, #eff6ff);border-radius:4px}.help-section__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary, #111827);line-height:1.3}.help-section__summary{margin:0;font-size:.9375rem;font-style:italic;color:var(--color-text-secondary, #6b7280);line-height:1.5;border-left:3px solid var(--color-primary, #3b82f6);padding-left:.875rem}.help-section__content{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.help-section__paragraph{margin:0;font-size:.9375rem;color:var(--color-text-primary, #374151);line-height:1.65}.help-section__paragraph strong{font-weight:600;color:var(--color-text-primary, #111827)}.help-section__subheading{margin:.5rem 0 0;font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #111827)}.help-section__list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.375rem}.help-section__list li{font-size:.9375rem;color:var(--color-text-primary, #374151);line-height:1.5}.help-section__list li strong{font-weight:600;color:var(--color-text-primary, #111827)}.help-section__list--ordered{list-style-type:decimal}.help-section__related{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border, #e5e7eb)}.help-section__related-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #9ca3af)}.help-section__related-title svg{width:1rem;height:1rem}.help-section__related-list{display:flex;flex-direction:column;gap:.375rem}.help-section__related-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background-color:var(--color-surface-elevated, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .15s;width:100%;text-align:left}.help-section__related-item:hover{background-color:var(--color-hover, #f3f4f6);border-color:var(--color-border-hover, #d1d5db)}.help-section__related-item:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.help-section__related-item-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #374151)}.help-section__related-item-arrow{font-size:.875rem;color:var(--color-text-muted, #9ca3af)}.help-section__keywords{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark .help-section__category-badge{background-color:#3b82f626}.dark .help-section__title{color:var(--color-text-primary-dark, #f9fafb)}.dark .help-section__summary{color:var(--color-text-secondary-dark, #9ca3af)}.dark .help-section__paragraph,.dark .help-section__list li{color:var(--color-text-primary-dark, #e5e7eb)}.dark .help-section__paragraph strong,.dark .help-section__list li strong,.dark .help-section__subheading{color:var(--color-text-primary-dark, #f9fafb)}.dark .help-section__related{border-color:var(--color-border-dark, #374151)}.dark .help-section__related-title{color:var(--color-text-muted-dark, #6b7280)}.dark .help-section__related-item{background-color:var(--color-surface-elevated-dark, #111827);border-color:var(--color-border-dark, #374151)}.dark .help-section__related-item:hover{background-color:var(--color-hover-dark, #1f2937);border-color:var(--color-border-hover-dark, #4b5563)}.dark .help-section__related-item-title{color:var(--color-text-primary-dark, #e5e7eb)}.dark .help-section__related-item-arrow{color:var(--color-text-muted-dark, #6b7280)}.faq{display:flex;flex-direction:column;gap:1rem}.faq__controls{display:flex;justify-content:flex-end;margin-bottom:.5rem}.faq__control-button{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-primary, #3b82f6);background:none;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s}.faq__control-button:hover{background-color:var(--color-primary-subtle, #eff6ff)}.faq__category-group{display:flex;flex-direction:column;gap:.5rem}.faq__category-group+.faq__category-group{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border, #e5e7eb)}.faq__category-title{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #9ca3af)}.faq__list{display:flex;flex-direction:column;gap:.375rem}.faq__item{border:1px solid var(--color-border, #e5e7eb);border-radius:8px;overflow:hidden;transition:box-shadow .15s}.faq__item:hover{box-shadow:0 2px 4px #0000000d}.faq__item--expanded{box-shadow:0 2px 8px #00000014}.faq__question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:var(--color-surface, #ffffff);border:none;cursor:pointer;text-align:left;transition:background-color .15s}.faq__question:hover{background-color:var(--color-hover, #f9fafb)}.faq__question:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.faq__question-text{flex:1;padding-right:1rem}.faq__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-muted, #9ca3af);flex-shrink:0;transition:transform .2s ease-out}.faq__chevron--expanded{transform:rotate(180deg)}.faq__answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out}.faq__item--expanded .faq__answer{grid-template-rows:1fr}.faq__answer-content{overflow:hidden;padding:0 1rem;font-size:.9375rem;color:var(--color-text-secondary, #4b5563);line-height:1.6}.faq__item--expanded .faq__answer-content{padding:.75rem 1rem 1rem;border-top:1px solid var(--color-border, #e5e7eb)}.faq__category-badge{display:inline-block;margin-top:.75rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;color:var(--color-primary, #3b82f6);background-color:var(--color-primary-subtle, #eff6ff);border-radius:4px}.faq__empty{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary, #6b7280)}.faq__empty p{margin:0}.dark .faq__control-button{color:var(--color-primary, #60a5fa)}.dark .faq__control-button:hover{background-color:#3b82f61a}.dark .faq__category-group+.faq__category-group{border-color:var(--color-border-dark, #374151)}.dark .faq__category-title{color:var(--color-text-muted-dark, #6b7280)}.dark .faq__item{border-color:var(--color-border-dark, #374151)}.dark .faq__question{background-color:var(--color-surface-dark, #1f2937);color:var(--color-text-primary-dark, #f9fafb)}.dark .faq__question:hover{background-color:var(--color-hover-dark, #374151)}.dark .faq__chevron{color:var(--color-text-muted-dark, #6b7280)}.dark .faq__answer-content{color:var(--color-text-secondary-dark, #9ca3af)}.dark .faq__item--expanded .faq__answer-content{border-color:var(--color-border-dark, #374151)}.dark .faq__category-badge{background-color:#3b82f626}.dark .faq__empty{color:var(--color-text-secondary-dark, #9ca3af)}@media(prefers-reduced-motion:reduce){.faq__chevron,.faq__answer{transition:none}}.help-panel__overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:flex-end;z-index:100;animation:help-overlay-fade-in .2s ease-out}@keyframes help-overlay-fade-in{0%{opacity:0}to{opacity:1}}.help-panel{width:100%;max-width:480px;height:100%;background-color:var(--color-surface, #ffffff);display:flex;flex-direction:column;box-shadow:-4px 0 20px #00000026;animation:help-panel-slide-in .25s ease-out}@keyframes help-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.help-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.help-panel__header-left{display:flex;align-items:center;gap:.75rem}.help-panel__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827)}.help-panel__back-button,.help-panel__close-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--color-text-secondary, #6b7280);transition:all .15s}.help-panel__back-button:hover,.help-panel__close-button:hover{background-color:var(--color-hover, #f3f4f6);color:var(--color-text-primary, #111827)}.help-panel__back-button svg,.help-panel__close-button svg{width:1.25rem;height:1.25rem}.help-panel__search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.help-panel__search svg{width:1.25rem;height:1.25rem;color:var(--color-text-muted, #9ca3af);flex-shrink:0}.help-panel__search-input{flex:1;padding:.5rem;font-size:.9375rem;border:none;background:transparent;color:var(--color-text-primary, #111827);outline:none}.help-panel__search-input::placeholder{color:var(--color-text-muted, #9ca3af)}.help-panel__content{flex:1;overflow-y:auto;padding:1.25rem}.help-panel__categories{display:flex;flex-direction:column;gap:.75rem}.help-panel__category-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--color-surface-elevated, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.help-panel__category-card:hover{background-color:var(--color-hover, #f3f4f6);border-color:var(--color-border-hover, #d1d5db);transform:translateY(-1px)}.help-panel__category-card:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.help-panel__category-card--faq{margin-top:.5rem;border-style:dashed}.help-panel__category-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-primary-subtle, #eff6ff);border-radius:8px;flex-shrink:0}.help-panel__category-icon svg{width:1.25rem;height:1.25rem;color:var(--color-primary, #3b82f6)}.help-panel__category-content{flex:1;min-width:0}.help-panel__category-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #111827)}.help-panel__category-description{margin:0;font-size:.8125rem;color:var(--color-text-secondary, #6b7280);line-height:1.4}.help-panel__topics{display:flex;flex-direction:column;gap:.5rem}.help-panel__topic-item{display:flex;flex-direction:column;align-items:flex-start;padding:.875rem 1rem;background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;width:100%}.help-panel__topic-item:hover{background-color:var(--color-hover, #f9fafb);border-color:var(--color-border-hover, #d1d5db)}.help-panel__topic-item:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.help-panel__topic-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary, #111827)}.help-panel__topic-summary{margin:0;font-size:.8125rem;color:var(--color-text-secondary, #6b7280);line-height:1.4}.help-panel__topic-category{margin-top:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;color:var(--color-primary, #3b82f6);background-color:var(--color-primary-subtle, #eff6ff);border-radius:4px}.help-panel__search-results{display:flex;flex-direction:column;gap:.75rem}.help-panel__result-count{margin:0 0 .5rem;font-size:.8125rem;color:var(--color-text-secondary, #6b7280)}.help-panel__no-results{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary, #6b7280)}.help-panel__no-results p{margin:0}.help-panel__no-results-hint{margin-top:.5rem;font-size:.8125rem;color:var(--color-text-muted, #9ca3af)}.help-panel__footer{padding:.75rem 1.25rem;border-top:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.help-panel__footer-text{margin:0;font-size:.8125rem;color:var(--color-text-muted, #9ca3af);text-align:center}.help-panel__footer-text kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.25rem;padding:0 .375rem;margin:0 .25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;font-size:.6875rem;font-weight:500;color:var(--color-text-secondary, #4b5563);background-color:var(--color-kbd-bg, #f3f4f6);border:1px solid var(--color-kbd-border, #d1d5db);border-radius:4px;box-shadow:0 1px 2px #0000000d}.dark .help-panel{background-color:var(--color-surface-dark, #1f2937)}.dark .help-panel__header,.dark .help-panel__search,.dark .help-panel__footer{border-color:var(--color-border-dark, #374151)}.dark .help-panel__title,.dark .help-panel__category-title,.dark .help-panel__topic-title{color:var(--color-text-primary-dark, #f9fafb)}.dark .help-panel__back-button,.dark .help-panel__close-button{color:var(--color-text-secondary-dark, #9ca3af)}.dark .help-panel__back-button:hover,.dark .help-panel__close-button:hover{background-color:var(--color-hover-dark, #374151);color:var(--color-text-primary-dark, #f9fafb)}.dark .help-panel__search-input{color:var(--color-text-primary-dark, #f9fafb)}.dark .help-panel__search-input::placeholder{color:var(--color-text-muted-dark, #6b7280)}.dark .help-panel__category-card,.dark .help-panel__topic-item{background-color:var(--color-surface-elevated-dark, #111827);border-color:var(--color-border-dark, #374151)}.dark .help-panel__category-card:hover,.dark .help-panel__topic-item:hover{background-color:var(--color-hover-dark, #1f2937);border-color:var(--color-border-hover-dark, #4b5563)}.dark .help-panel__category-description,.dark .help-panel__topic-summary,.dark .help-panel__result-count,.dark .help-panel__no-results{color:var(--color-text-secondary-dark, #9ca3af)}.dark .help-panel__no-results-hint,.dark .help-panel__footer-text{color:var(--color-text-muted-dark, #6b7280)}.dark .help-panel__category-icon{background-color:#3b82f61a}.dark .help-panel__topic-category{background-color:#3b82f626}.dark .help-panel__footer-text kbd{background-color:var(--color-kbd-bg-dark, #374151);border-color:var(--color-kbd-border-dark, #4b5563);color:var(--color-text-secondary-dark, #e5e7eb)}@media(max-width:480px){.help-panel{max-width:100%}}@media(prefers-reduced-motion:reduce){.help-panel__overlay,.help-panel{animation:none}}.tooltip-wrapper{display:inline-flex}.tooltip{position:fixed;z-index:150;display:flex;flex-direction:column;max-width:280px;padding:.5rem .75rem;background-color:var(--color-tooltip-bg, #1f2937);border-radius:6px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out,visibility .15s;pointer-events:none}.tooltip--visible{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.tooltip--top{transform-origin:bottom center;translate:-50% -100%}.tooltip--bottom{transform-origin:top center;translate:-50% 0}.tooltip--left{transform-origin:right center;translate:-100% -50%}.tooltip--right{transform-origin:left center;translate:0 -50%}.tooltip--visible.tooltip--top,.tooltip--visible.tooltip--bottom,.tooltip--visible.tooltip--left,.tooltip--visible.tooltip--right{transform:scale(1)}.tooltip__content{font-size:.8125rem;color:var(--color-tooltip-text, #f9fafb);line-height:1.4}.tooltip__help-link{display:inline-flex;align-items:center;margin-top:.375rem;padding:0;font-size:.75rem;font-weight:500;color:var(--color-primary-light, #93c5fd);background:none;border:none;cursor:pointer;transition:color .15s}.tooltip__help-link:hover{color:var(--color-primary-lighter, #bfdbfe);text-decoration:underline}.tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.tooltip--top .tooltip__arrow{bottom:-12px;left:50%;transform:translate(-50%);border-top-color:var(--color-tooltip-bg, #1f2937);border-bottom:none}.tooltip--bottom .tooltip__arrow{top:-6px;left:50%;transform:translate(-50%);border-bottom-color:var(--color-tooltip-bg, #1f2937);border-top:none}.tooltip--left .tooltip__arrow{right:-12px;top:50%;transform:translateY(-50%);border-left-color:var(--color-tooltip-bg, #1f2937);border-right:none}.tooltip--right .tooltip__arrow{left:-6px;top:50%;transform:translateY(-50%);border-right-color:var(--color-tooltip-bg, #1f2937);border-left:none}.light .tooltip{background-color:var(--color-tooltip-bg, #1f2937)}.light .tooltip__content{color:var(--color-tooltip-text, #f9fafb)}.dark .tooltip{background-color:var(--color-tooltip-bg-dark, #374151);box-shadow:0 4px 12px #0000004d}.dark .tooltip--top .tooltip__arrow{border-top-color:var(--color-tooltip-bg-dark, #374151)}.dark .tooltip--bottom .tooltip__arrow{border-bottom-color:var(--color-tooltip-bg-dark, #374151)}.dark .tooltip--left .tooltip__arrow{border-left-color:var(--color-tooltip-bg-dark, #374151)}.dark .tooltip--right .tooltip__arrow{border-right-color:var(--color-tooltip-bg-dark, #374151)}@media(prefers-reduced-motion:reduce){.tooltip{transition:opacity .1s;transform:none!important}.tooltip--top,.tooltip--bottom,.tooltip--left,.tooltip--right{transform:none}}#root{display:flex;flex-direction:column;min-height:100vh}.view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem;padding:2rem;text-align:center}.view-loading p{margin:0;font-size:1rem;color:var(--text-primary, #1a1a1a)}.view-loading__subtitle{font-size:.875rem;color:var(--text-secondary, #666);opacity:.8}