:root{--color-light-primary-50:#fce4ec;--color-light-primary-100:#f8bbd0;--color-light-primary-200:#f48fb1;--color-light-primary-300:#f06292;--color-light-primary-400:#ec407a;--color-light-primary-500:#e91e63;--color-light-primary-600:#d81b60;--color-light-primary-700:#c2185b;--color-light-primary-800:#ad1457;--color-light-primary-900:#880e4f;--color-light-neutral-50:#fafafa;--color-light-neutral-100:#f5f5f5;--color-light-neutral-200:#eee;--color-light-neutral-300:#e0e0e0;--color-light-neutral-400:#bdbdbd;--color-light-neutral-500:#9e9e9e;--color-light-neutral-600:#757575;--color-light-neutral-700:#616161;--color-light-neutral-800:#424242;--color-light-neutral-900:#212121;--color-light-admin-primary-50:#e8eaf6;--color-light-admin-primary-100:#c5cae9;--color-light-admin-primary-200:#9fa8da;--color-light-admin-primary-300:#7986cb;--color-light-admin-primary-400:#5c6bc0;--color-light-admin-primary-500:#3f51b5;--color-light-admin-primary-600:#3949ab;--color-light-admin-primary-700:#303f9f;--color-light-admin-primary-800:#283593;--color-light-admin-primary-900:#1a237e;--color-dark-primary-50:#330017;--color-dark-primary-100:#4a0022;--color-dark-primary-200:#61002d;--color-dark-primary-300:#780038;--color-dark-primary-400:#8f0043;--color-dark-primary-500:#a6004e;--color-dark-primary-600:#bd0059;--color-dark-primary-700:#d40064;--color-dark-primary-800:#eb006f;--color-dark-primary-900:#ff007a;--color-dark-neutral-50:#121212;--color-dark-neutral-100:#1e1e1e;--color-dark-neutral-200:#2c2c2c;--color-dark-neutral-300:#3a3a3a;--color-dark-neutral-400:#484848;--color-dark-neutral-500:#606060;--color-dark-neutral-600:grey;--color-dark-neutral-700:#a0a0a0;--color-dark-neutral-800:silver;--color-dark-neutral-900:#e0e0e0;--color-dark-admin-primary-50:#0a0f2d;--color-dark-admin-primary-100:#111a42;--color-dark-admin-primary-200:#182557;--color-dark-admin-primary-300:#1f306c;--color-dark-admin-primary-400:#263b81;--color-dark-admin-primary-500:#2d4696;--color-dark-admin-primary-600:#3451ab;--color-dark-admin-primary-700:#3b5cc0;--color-dark-admin-primary-800:#4267d5;--color-dark-admin-primary-900:#4972ea;--color-primary-50:var(--color-light-primary-50);--color-primary-100:var(--color-light-primary-100);--color-primary-200:var(--color-light-primary-200);--color-primary-300:var(--color-light-primary-300);--color-primary-400:var(--color-light-primary-400);--color-primary-500:var(--color-light-primary-500);--color-primary-600:var(--color-light-primary-600);--color-primary-700:var(--color-light-primary-700);--color-primary-800:var(--color-light-primary-800);--color-primary-900:var(--color-light-primary-900);--color-neutral-50:var(--color-light-neutral-50);--color-neutral-100:var(--color-light-neutral-100);--color-neutral-200:var(--color-light-neutral-200);--color-neutral-300:var(--color-light-neutral-300);--color-neutral-400:var(--color-light-neutral-400);--color-neutral-500:var(--color-light-neutral-500);--color-neutral-600:var(--color-light-neutral-600);--color-neutral-700:var(--color-light-neutral-700);--color-neutral-800:var(--color-light-neutral-800);--color-neutral-900:var(--color-light-neutral-900);--color-admin-primary-50:var(--color-light-admin-primary-50);--color-admin-primary-100:var(--color-light-admin-primary-100);--color-admin-primary-200:var(--color-light-admin-primary-200);--color-admin-primary-300:var(--color-light-admin-primary-300);--color-admin-primary-400:var(--color-light-admin-primary-400);--color-admin-primary-500:var(--color-light-admin-primary-500);--color-admin-primary-600:var(--color-light-admin-primary-600);--color-admin-primary-700:var(--color-light-admin-primary-700);--color-admin-primary-800:var(--color-light-admin-primary-800);--color-admin-primary-900:var(--color-light-admin-primary-900);--color-success-500:#4caf50;--color-warning-500:#ff9800;--color-error-500:#f44336;--color-info-500:#2196f3;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-600);--color-text-disabled:var(--color-neutral-500);--color-background-primary:#fff;--color-background-secondary:var(--color-neutral-100);--color-background-tertiary:var(--color-neutral-200);--color-border-primary:var(--color-neutral-300);--color-border-secondary:var(--color-neutral-200);--color-shadow:rgba(0,0,0,.1);--font-family-primary:"Roboto",sans-serif;--font-family-secondary:"Arial",sans-serif;--font-family-monospace:"Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--line-height-xs:1.2;--line-height-sm:1.4;--line-height-md:1.6;--line-height-lg:1.8;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-base:4px;--spacing-xs:calc(var(--spacing-base)*1);--spacing-sm:calc(var(--spacing-base)*2);--spacing-md:calc(var(--spacing-base)*4);--spacing-lg:calc(var(--spacing-base)*6);--spacing-xl:calc(var(--spacing-base)*8);--spacing-2xl:calc(var(--spacing-base)*12);--container-sm:600px;--container-md:800px;--container-lg:1000px;--container-xl:1200px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px var(--color-shadow);--shadow-md:0 2px 4px var(--color-shadow);--shadow-lg:0 4px 8px var(--color-shadow);--shadow-xl:0 8px 16px var(--color-shadow);--animation-duration-fast:150ms;--animation-duration-normal:300ms;--animation-duration-slow:500ms;--animation-easing-standard:cubic-bezier(0.4,0,0.2,1);--animation-easing-decelerate:cubic-bezier(0,0,0.2,1);--animation-easing-accelerate:cubic-bezier(0.4,0,1,1);--primary-color:var(--color-primary-600);--secondary-color:var(--color-neutral-800);--background-color:var(--color-neutral-100);--text-color:var(--color-neutral-700);--border-color:var(--color-neutral-300);--box-shadow-color:var(--color-shadow);--skeleton-color:var(--color-neutral-100);--font-size-small:var(--font-size-sm);--font-size-medium:var(--font-size-md);--font-size-large:var(--font-size-2xl);--desktop-wide:var(--container-xl)}[data-theme=dark]{--color-primary-50:var(--color-dark-primary-50);--color-primary-100:var(--color-dark-primary-100);--color-primary-200:var(--color-dark-primary-200);--color-primary-300:var(--color-dark-primary-300);--color-primary-400:var(--color-dark-primary-400);--color-primary-500:var(--color-dark-primary-500);--color-primary-600:var(--color-dark-primary-600);--color-primary-700:var(--color-dark-primary-700);--color-primary-800:var(--color-dark-primary-800);--color-primary-900:var(--color-dark-primary-900);--color-neutral-50:var(--color-dark-neutral-50);--color-neutral-100:var(--color-dark-neutral-100);--color-neutral-200:var(--color-dark-neutral-200);--color-neutral-300:var(--color-dark-neutral-300);--color-neutral-400:var(--color-dark-neutral-400);--color-neutral-500:var(--color-dark-neutral-500);--color-neutral-600:var(--color-dark-neutral-600);--color-neutral-700:var(--color-dark-neutral-700);--color-neutral-800:var(--color-dark-neutral-800);--color-neutral-900:var(--color-dark-neutral-900);--color-admin-primary-50:var(--color-dark-admin-primary-50);--color-admin-primary-100:var(--color-dark-admin-primary-100);--color-admin-primary-200:var(--color-dark-admin-primary-200);--color-admin-primary-300:var(--color-dark-admin-primary-300);--color-admin-primary-400:var(--color-dark-admin-primary-400);--color-admin-primary-500:var(--color-dark-admin-primary-500);--color-admin-primary-600:var(--color-dark-admin-primary-600);--color-admin-primary-700:var(--color-dark-admin-primary-700);--color-admin-primary-800:var(--color-dark-admin-primary-800);--color-admin-primary-900:var(--color-dark-admin-primary-900);--color-success-500:#2e7d32;--color-warning-500:#e65100;--color-error-500:#c62828;--color-info-500:#0d47a1;--color-text-primary:var(--color-neutral-800);--color-text-secondary:var(--color-neutral-700);--color-text-tertiary:var(--color-neutral-600);--color-text-disabled:var(--color-neutral-500);--color-background-primary:var(--color-neutral-100);--color-background-secondary:var(--color-neutral-200);--color-background-tertiary:var(--color-neutral-300);--color-border-primary:var(--color-neutral-400);--color-border-secondary:var(--color-neutral-300);--color-shadow:rgba(0,0,0,.3);--primary-color:var(--color-primary-600);--secondary-color:var(--color-neutral-800);--background-color:var(--color-neutral-100);--text-color:var(--color-neutral-800);--border-color:var(--color-neutral-400);--box-shadow-color:var(--color-shadow)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:var(--font-size-md);margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}meta{display:none}#root,body,html{height:100%}#root{display:flex;flex-direction:column}*{box-sizing:border-box}body,html{background-color:var(--color-background-secondary);color:var(--color-text-primary);font-family:var(--font-family-primary);margin:0;padding:0;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0}h2{font-size:var(--font-size-xl)}h2,h3{font-weight:var(--font-weight-bold);margin:var(--spacing-sm) 0}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:var(--spacing-sm) 0}.main-page{display:flex;flex-direction:column;margin:0 auto;max-width:var(--desktop-wide)}.main-page__info-wrapper{align-items:start;background-color:var(--color-background-tertiary);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}@media (max-width:768px){.main-page__info-wrapper{flex-direction:column;gap:0;margin-top:var(--spacing-md);padding:var(--spacing-sm)}}.main-page__info{display:flex;flex:1;flex-direction:column}.main-page__info p{line-height:1.3}header{background-color:var(--color-background-primary);box-shadow:var(--shadow-md);padding:var(--spacing-sm) var(--spacing-lg);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard)}header .header-container{margin:0 auto;max-width:var(--container-xl)}header .header-content{align-items:center;display:flex;justify-content:space-between}header .logo{color:var(--color-neutral-700);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-decoration:none;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}@media (max-width:600px){header .logo{font-size:var(--font-size-xl)}}header .header-actions{align-items:center;display:flex;gap:var(--spacing-md)}header .menu a{color:var(--color-text-primary);font-size:var(--font-size-md);text-decoration:none;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}@media (max-width:600px){header{align-items:flex-start;flex-direction:column}}.theme-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard),transform var(--animation-duration-fast) var(--animation-easing-standard);width:40px}.theme-toggle:hover{background-color:var(--color-neutral-200);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus{outline:var(--border-width-medium) solid var(--color-primary-500);outline-offset:var(--border-width-medium)}.theme-toggle:focus:not(:focus-visible){outline:none}[data-theme=dark] .theme-toggle{color:var(--color-neutral-900)}:is([data-theme=dark] .theme-toggle):hover{background-color:var(--color-neutral-300);color:var(--color-neutral-900)}.theme-toggle .theme-toggle__icon{color:inherit;height:24px;transition:transform var(--animation-duration-normal) var(--animation-easing-standard);width:24px}.theme-toggle:active .theme-toggle__icon{transform:rotate(180deg)}@media (max-width:600px){.theme-toggle{height:36px;width:36px}.theme-toggle .theme-toggle__icon{height:20px;width:20px}}.user-button-container{position:relative}.user-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard);width:40px}.user-button:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.user-button.authenticated{color:var(--color-primary-600)}.user-button-icon{height:24px;width:24px}.user-popup{background-color:var(--color-background-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard);width:200px;z-index:100}.user-popup-header{border-bottom:var(--border-width-thin) solid var(--color-border-primary);padding:var(--spacing-md);transition:border-color var(--animation-duration-normal) var(--animation-easing-standard)}.user-email{color:var(--color-text-primary);font-size:var(--font-size-sm);transition:color var(--animation-duration-normal) var(--animation-easing-standard);word-break:break-all}.user-popup-content{padding:var(--spacing-md)}.user-popup-logout{background-color:transparent;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),border-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard);width:100%}.user-popup-logout:hover{background-color:var(--color-background-tertiary);color:var(--color-text-primary)}.auth-dialog-overlay{align-items:center;background-color:rgb(var(--color-neutral-900)/50%);display:flex;inset:0;justify-content:center;position:fixed;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard);z-index:1000}[data-theme=dark] .auth-dialog-overlay{background-color:rgb(var(--color-neutral-900)/70%)}.auth-dialog{background-color:var(--color-background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:400px;overflow:hidden;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard);width:100%}.auth-dialog *{box-sizing:border-box}.auth-dialog-header{align-items:center;border-bottom:var(--border-width-thin) solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:border-color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-header h2{color:var(--color-primary-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.auth-dialog-close,.auth-dialog-header h2{transition:color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:0}.auth-dialog-close:hover{color:var(--color-text-primary)}.auth-dialog-content{padding:var(--spacing-lg)}.auth-dialog-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);margin-top:0;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-error{background-color:rgb(var(--color-error-500)/10%);border-radius:var(--border-radius-md);color:var(--color-error-500);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}[data-theme=dark] .auth-dialog-error{background-color:rgb(var(--color-error-500)/20%)}.auth-dialog-field{margin-bottom:var(--spacing-md)}.auth-dialog-field label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);transition:color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-field input{background-color:var(--color-background-primary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm);transition:border-color var(--animation-duration-normal) var(--animation-easing-standard),background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard);width:100%}:is(.auth-dialog-field input):focus{border-color:var(--color-primary-600);outline:none}.auth-dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.auth-dialog-cancel{background-color:transparent;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),border-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-cancel:hover{background-color:var(--color-background-tertiary)}.auth-dialog-cancel:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .auth-dialog-cancel:hover{background-color:var(--color-neutral-300);color:var(--color-neutral-900)}.auth-dialog-submit{background-color:var(--color-primary-600);border:none;border-radius:var(--border-radius-md);color:var(--color-background-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-submit:hover{background-color:var(--color-primary-700)}.auth-dialog-submit:disabled{cursor:not-allowed;opacity:.6}.auth-dialog-switch{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.auth-dialog-links{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-dialog-switch-button{background:none;border:none;color:var(--color-primary-600);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-decoration:underline;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}.auth-dialog-switch-button:hover{color:var(--color-primary-700)}.auth-dialog-switch-button:disabled{cursor:not-allowed;opacity:.6}.auth-dialog-success{background-color:rgb(var(--color-success-500)/10%);border-radius:var(--border-radius-md);color:var(--color-success-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}[data-theme=dark] .auth-dialog-success{background-color:rgb(var(--color-success-500)/20%)}.auth-dialog-social{border-top:var(--border-width-thin) solid var(--color-border-primary);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);text-align:center}.auth-dialog-social-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.auth-dialog-google-button,.auth-dialog-yandex-button{align-items:center;background-color:#fff;border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-sm);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard);width:100%}:is(.auth-dialog-yandex-button,.auth-dialog-google-button):hover{background-color:var(--color-background-tertiary)}:is(.auth-dialog-yandex-button,.auth-dialog-google-button):disabled{cursor:not-allowed;opacity:.6}:is(.auth-dialog-yandex-button,.auth-dialog-google-button) svg{height:18px;margin-right:var(--spacing-sm);width:18px}:is(.auth-dialog-yandex-button,.auth-dialog-google-button)+:is(.auth-dialog-yandex-button,.auth-dialog-google-button){margin-top:var(--spacing-sm)}.favorites-button{align-items:center;border-radius:50%;color:var(--color-text);display:flex;height:40px;justify-content:center;margin-right:8px;transition:background-color .2s ease,color .2s ease;width:40px}.favorites-button:hover{background-color:var(--color-hover)}.favorites-button-icon{height:24px;width:24px}.favorites-button:hover .favorites-button-icon{transform:scale(1.1);transition:transform .2s ease}.favorites-button:hover .favorites-button-icon path{fill:var(--color-accent)}.help-menu{display:inline-block;position:relative}.help-menu__button{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard),transform var(--animation-duration-fast) var(--animation-easing-standard);width:40px}.help-menu__button:hover{background-color:var(--color-neutral-200);transform:scale(1.05)}.help-menu__button:active{transform:scale(.95)}.help-menu__button:focus{outline:var(--border-width-medium) solid var(--color-primary-500);outline-offset:var(--border-width-medium)}.help-menu__button:focus:not(:focus-visible){outline:none}[data-theme=dark] .help-menu__button{color:var(--color-neutral-900)}[data-theme=dark] .help-menu__button:hover{background-color:var(--color-neutral-300);color:var(--color-neutral-900)}.help-menu__icon{color:inherit;height:24px;transition:transform var(--animation-duration-normal) var(--animation-easing-standard);width:24px}.help-menu__button:active .help-menu__icon{transform:scale(1.2)}.help-menu__popup{background-color:var(--color-background-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);margin-top:0;max-width:300px;min-width:200px;padding:var(--spacing-md);position:absolute;right:0;top:100%;z-index:100}.help-menu__links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.help-menu__link{border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-sm);text-decoration:none;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}.help-menu__link:hover{background-color:var(--color-neutral-100);color:var(--color-primary-600)}[data-theme=dark] .help-menu__link:hover{background-color:var(--color-neutral-800);color:var(--color-primary-400)}@media (max-width:600px){.help-menu__button{height:36px;width:36px}.help-menu__icon{height:20px;width:20px}.help-menu__popup{min-width:180px;right:-100%}}.story-card{background-color:var(--color-background-primary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:0;max-width:340px;overflow:hidden;position:relative;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),border-color var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard),transform var(--animation-duration-normal) var(--animation-easing-standard);width:calc(25% - var(--spacing-sm))}.story-card:hover{box-shadow:var(--shadow-lg);transform:translateY(calc(var(--spacing-xs)*-1))}@media (max-width:600px){.story-card{max-width:none;width:calc(50% - var(--spacing-sm))}}.story-card a{text-decoration:none}.story-card img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.story-card .title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);text-decoration:none}.story-card .duration,.story-card .title{transition:color var(--animation-duration-normal) var(--animation-easing-standard)}.story-card .duration{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:0 var(--spacing-sm) var(--spacing-sm)}.story-card .story-card-favorite{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-full);color:var(--color-primary-600);cursor:pointer;display:flex;height:36px;justify-content:center;opacity:.8;padding:0;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all var(--animation-duration-normal) var(--animation-easing-standard),background-color var(--animation-duration-normal) var(--animation-easing-standard);width:36px;z-index:10}:is(.story-card .story-card-favorite):hover{background-color:rgb(var(--color-background-primary)/90%)}[data-theme=dark] .story-card-favorite{background-color:rgb(var(--color-neutral-900)/50%)}:is([data-theme=dark] .story-card-favorite):hover{background-color:rgb(var(--color-neutral-900)/70%)}.heart-icon{color:var(--color-neutral-400);opacity:.8;transition:color var(--animation-duration-normal) var(--animation-easing-standard),transform var(--animation-duration-fast) var(--animation-easing-standard),opacity var(--animation-duration-normal) var(--animation-easing-standard)}.heart-icon:hover{opacity:1;transform:scale(1.1)}.heart-icon.active{color:var(--color-primary-600);opacity:1}.smart-image{aspect-ratio:1;background-color:var(--skeleton-color);max-width:100%;overflow:hidden;position:relative;width:100%}.smart-image .smart-image__sceleton{animation:pulse 1.5s ease-in-out infinite;background-color:var(--skeleton-color);inset:0;position:absolute}.smart-image .smart-image__image{height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transition:opacity .3s ease-in-out;width:100%}.search-bar{display:flex;justify-content:center;margin:var(--spacing-lg);position:relative}@media (max-width:600px){.search-bar{margin:var(--spacing-lg) 0 0}}.search-bar .search-bar__input-box{max-width:600px;position:relative}:is(.search-bar .search-bar__input-box) input{background-color:var(--color-background-primary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),border-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard);width:100%}:is(:is(.search-bar .search-bar__input-box) input):focus{border-color:var(--color-neutral-500);outline:none}.with__suggestions:is(.search-bar .search-bar__input-box) input{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-bar .search-bar__suggestions{background-color:var(--color-background-primary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;box-shadow:var(--shadow-md);margin:-1px 0 0;max-height:700px;overflow-y:auto;position:absolute;top:100%;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),border-color var(--animation-duration-normal) var(--animation-easing-standard);width:100%;z-index:11}:is(.search-bar .search-bar__suggestions) li>a{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}:is(:is(.search-bar .search-bar__suggestions) li>a):focus,:is(:is(.search-bar .search-bar__suggestions) li>a):hover{background-color:var(--color-background-tertiary)}:is(:is(.search-bar .search-bar__suggestions) li>a) img{border-radius:var(--border-radius-sm);height:40px;margin-right:var(--spacing-sm);-o-object-fit:cover;object-fit:cover;width:40px}:is(:is(.search-bar .search-bar__suggestions) li>a) span{color:var(--color-text-primary);font-size:var(--font-size-md)}.search-bar:has(input:focus) .search-bar__suggestions{background-color:var(--color-background-secondary);border-color:var(--color-neutral-500)}.pages-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-lg) 0}.pages-nav a{background-color:var(--color-background-primary);color:var(--text-color);display:inline-block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none}:is(.pages-nav a):visited{color:var(--text-color)}.active:is(.pages-nav a){background-color:var(--color-background-tertiary);color:var(--text-color);cursor:default}.pages-nav a.ellipsis{background-color:var(--color-background-secondary);color:var(--text-color-secondary);display:inline-block;opacity:.7;padding:var(--spacing-sm) var(--spacing-md)}:is(.pages-nav a.ellipsis):hover{background-color:var(--color-background-tertiary);opacity:1}.back-link{color:var(--secondary-color);display:inline-block;margin-top:var(--spacing-sm);text-decoration:none}.back-link:hover{text-decoration:underline}.main-page-widgets{padding:var(--spacing-lg) 0}@media (max-width:600px){.main-page-widgets{padding:var(--spacing-sm)}}.main-page-widgets__section{margin-bottom:var(--spacing-md)}.main-page-widgets__title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.main-page-widgets__empty{align-items:center;background-color:var(--color-background-secondary);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.main-page-widgets__empty-icon{color:var(--color-neutral-400);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.main-page-widgets__empty-text{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-md);max-width:var(--container-sm)}.story-carousel{container-type:inline-size;margin-bottom:var(--spacing-sm);position:relative;width:100%}@container (inline-size <= 768px){.story-carousel{padding:0 var(--spacing-md)}}.story-carousel__title{color:var(--color-neutral-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:0}.story-carousel__container{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) 0;scroll-behavior:smooth;scrollbar-color:var(--color-neutral-300) var(--color-neutral-200);scrollbar-width:thin}.story-carousel__container::-webkit-scrollbar{height:var(--spacing-xs)}.story-carousel__container::-webkit-scrollbar-track{background:var(--color-neutral-200);border-radius:var(--border-radius-full)}.story-carousel__container::-webkit-scrollbar-thumb{background-color:var(--color-primary-300);border-radius:var(--border-radius-full)}.story-carusel__item{flex:0 0 calc(15% - var(--spacing-md))}@container (inline-size <= 768px){.story-carusel__item{flex:0 0 calc(25% - var(--spacing-md))}}@container (inline-size <= 550px){.story-carusel__item{flex:0 0 calc(50% - var(--spacing-md))}}.story-carousel__item:hover{transform:translateY(calc(var(--spacing-xs)*-1))}.story-carousel__navigation{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-sm) 0}.story-carousel__button{align-items:center;background-color:var(--color-neutral-500);border:none;border-radius:var(--border-radius-full);color:var(--color-background-primary);cursor:pointer;display:flex;height:var(--spacing-xl);justify-content:center;transition:background-color var(--animation-duration-fast) var(--animation-easing-standard);width:var(--spacing-xl)}.story-carousel__button:hover{background-color:var(--color-neutral-600)}.story-carousel__button:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}.story-carousel__error,.story-carousel__loading{border-radius:var(--border-radius-md);font-size:var(--font-size-md);margin-top:var(--spacing-sm);padding:var(--spacing-md);text-align:center}.story-carousel__loading{background-color:var(--color-neutral-100);color:var(--color-primary-500)}.story-carousel__error{background-color:var(--color-error-100);color:var(--color-error-500)}@container (inline-size <= 768px){.story-carousel__item{width:calc(50% - var(--spacing-md))}}@container (inline-size <= 480px){.story-carousel__item{width:calc(100% - var(--spacing-md))}}.popular-carousel{margin-top:0}@media (max-width:768px){.popular-carousel{padding:0 var(--spacing-sm)}}.list-items-section{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) 0}@media (max-width:600px){.list-items-section{padding:0 var(--spacing-sm)}}.list-items-section h2{color:var(--color-neutral-700);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.list-wrapper{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.list-item{border-radius:var(--border-radius-xs);color:var(--color-text-primary);display:inline-block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}.list-item,.list-item:hover{background-color:var(--color-background-tertiary)}.list-item:hover{opacity:.8}.more-items{border:none;cursor:pointer;font-size:var(--font-size-base);font-weight:700}.more-items,.more-items:hover{background-color:var(--color-background-secondary)}.more-items:hover{opacity:.8}.fairy-tale-page{margin:0 auto;max-width:752px;padding:var(--spacing-lg) 0;width:100%}@media (max-width:600px){.fairy-tale-page{padding:var(--spacing-sm)}}.fairy-tale-page nav{color:var(--text-color);font-size:var(--font-size-small);margin-bottom:var(--spacing-md)}:is(.fairy-tale-page nav) a{color:var(--secondary-color);text-decoration:none}@media (max-width:600px){.fairy-tale-page nav{padding:var(--spacing-sm)}}@media print{.categories,.collections,.download-buttons,.search-bar,.sidebar,.similar-stories,.theme-toggle,.user-button,button:not(.print-content),footer,header,nav{display:none!important}body{background:#fff;color:#000;font-family:serif;font-size:12pt;line-height:1.5;margin:0;padding:0}.fairy-tale-content{margin:0;padding:0;width:100%}h1{font-size:18pt;margin:0 0 20pt;text-align:center}h2,h3{font-size:14pt;margin:15pt 0 10pt}p{margin:0 0 10pt;orphans:3;widows:3}img{display:block;margin:15pt auto;max-width:100%;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}.fairy-tale-part{page-break-before:always}.fairy-tale-part:first-child{page-break-before:auto}a{color:#000;text-decoration:none}a[href^=http]:after{content:" (" attr(href) ")";font-size:10pt;font-style:italic}a[href^="#"]:after,a[href^="/"]:after{content:""}}.fairy-tale-meta{color:var(--text-color);font-size:var(--font-size-medium);margin-bottom:var(--spacing-md)}.fairy-tale-meta p{margin:var(--spacing-xs) 0}.fairy-tale-author a,.fairy-tale-author span{color:var(--color-neutral-600)}.fairy-tale-author a{font-style:normal;text-decoration:underline;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}:is(.fairy-tale-author a):hover{color:var(--color-neutral-700)}.fairy-tale-duration{color:var(--color-text-tertiary)}.fairy-tale-info{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.fairy-tale-info p{color:var(--text-color);font-size:var(--font-size-medium);margin:0;overflow:hidden;text-overflow:ellipsis}.fairy-tale-info .fairy-tale-image{flex-grow:0;flex-shrink:0;margin-right:var(--spacing-lg);max-width:150px}@media (max-width:600px){.fairy-tale-info .fairy-tale-image{margin-right:0;max-width:100%}.fairy-tale-info{align-items:flex-start;flex-direction:column-reverse}}.fairy-tale-content{background-color:var(--color-background-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-md);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard)}.fairy-tale-content .fairy-block{position:relative}:is(.fairy-tale-content .fairy-block)+.fairy-block{margin-top:var(--spacing-md)}.fairy-tale-content h3{margin-top:var(--spacing-lg)}.fairy-tale-content p,.fairy-tale-content pre,.fairy-tale-content ul{line-height:var(--line-height-md);margin:var(--spacing-sm) 0;white-space:break-spaces}.fairy-tale-content ul{padding-left:var(--spacing-lg)}.fairy-tale-content img,.fairy-tale-content picture{height:auto;max-width:100%}.fairy-tale-toc{background-color:var(--color-background-tertiary);border-left:var(--border-width-thick) solid var(--color-primary-600);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),border-color var(--animation-duration-normal) var(--animation-easing-standard)}.fairy-tale-toc h2{color:var(--color-primary-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);margin-top:0}.fairy-tale-toc ul{list-style-type:none;margin:0;padding-left:0}.fairy-tale-toc li{margin-bottom:var(--spacing-sm)}.fairy-tale-toc a{color:var(--color-text-primary);display:block;padding:var(--spacing-xs) 0;text-decoration:none;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}:is(.fairy-tale-toc a):hover{color:var(--color-primary-600);text-decoration:underline}@media (max-width:600px){.fairy-tale-toc{padding:var(--spacing-sm)}}.image-admin-button{background-color:rgb(var(--color-background-primary)/80%)!important;border:var(--border-width-thin) solid rgb(var(--color-neutral-900)/20%)!important;height:32px!important;min-width:32px!important;padding:var(--spacing-xs)!important}.image-admin-button:hover{background-color:rgb(var(--color-background-primary)/95%)!important}.image-admin-button.delete-button{color:var(--color-error-500)!important}.image-admin-button.delete-button:hover{background-color:rgb(var(--color-error-500)/10%)!important}.image-admin-button.update-button{color:var(--color-info-500)!important}.image-admin-button.update-button:hover{background-color:rgb(var(--color-info-500)/10%)!important}.image-admin-button.disabled{opacity:.5;pointer-events:none}.reading-progress-bar{height:var(--border-width-medium);left:0;opacity:.6;position:fixed;right:0;top:0;width:100%;z-index:100}.reading-progress-bar .reading-progress-bar__track{background-color:var(--color-shadow);border-radius:var(--border-radius-xs);box-shadow:var(--shadow-sm);height:100%;overflow:hidden;position:relative;width:100%}.reading-progress-bar .reading-progress-bar__thumb{background:linear-gradient(to top,var(--color-primary-600),var(--color-primary-500));border-radius:var(--border-radius-xs);bottom:0;height:100%;left:0;position:absolute;transition:width var(--animation-duration-normal) var(--animation-easing-standard)}[style*="width: 100%"]:is(.reading-progress-bar .reading-progress-bar__thumb){animation:reading-progress-bar-pulse 2s infinite}@keyframes reading-progress-bar-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.download-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.download-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:8px 16px;text-decoration:none;transition:background-color .3s,transform .2s}.download-button:hover{transform:translateY(-2px)}.download-button:active{transform:translateY(0)}.pdf-button{background-color:#f44336;color:#fff}.pdf-button:hover{background-color:#d32f2f}.docx-button{background-color:#2196f3;color:#fff}.docx-button:hover{background-color:#1976d2}.html-button{background-color:#4caf50;color:#fff}.html-button:hover{background-color:#388e3c}.read-online{background-color:#ff9800;color:#fff}.read-online:hover{background-color:#f57c00}.listen{background-color:#9c27b0;color:#fff}.listen:hover{background-color:#7b1fa2}.print{background-color:#607d8b;color:#fff}.print:hover{background-color:#455a64}.epub,.fb2{background-color:#795548;color:#fff}.epub:hover,.fb2:hover{background-color:#5d4037}.download-button .icon{margin-right:5px}@media (max-width:600px){.download-buttons{flex-direction:column}.download-button{width:100%}}.story-favorite-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:background-color var(--transition-fast)}.story-favorite-button:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}.story-favorite-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.story-favorite-button .heart-icon{height:24px;transition:color var(--transition-fast);width:24px}.active:is(.story-favorite-button .heart-icon){color:var(--color-error)}.markdown-content{line-height:var(--line-height-md)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--secondary-color);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.markdown-content p{margin:var(--spacing-md) 0}.markdown-content ol,.markdown-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.markdown-content a{color:var(--primary-color);text-decoration:none}:is(.markdown-content a):hover{text-decoration:underline}.markdown-content img{height:auto;margin:var(--spacing-md) 0;max-width:100%}.markdown-content blockquote{border-left:var(--border-width-thick) solid var(--border-color);color:var(--color-text-tertiary);margin-left:0;padding-left:var(--spacing-md)}.markdown-content code{border-radius:var(--border-radius-xs);font-family:monospace;padding:calc(var(--spacing-xs)/2) var(--spacing-xs)}.markdown-content code,.markdown-content pre{background-color:var(--color-background-tertiary)}.markdown-content pre{border-radius:var(--border-radius-sm);overflow-x:auto;padding:var(--spacing-md)}:is(.markdown-content pre) code{background-color:transparent;padding:0}.collection-container,.page-container{flex:1;margin:0 auto;max-width:var(--container-md);padding:var(--spacing-lg)}@media (max-width:600px){.collection-container,.page-container{padding:var(--spacing-sm)}}.collection-content,.page-content{background-color:var(--color-background-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard)}.collection-header p{color:var(--text-color);margin-bottom:var(--spacing-lg)}.fairy-tales{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin:0 auto;max-width:var(--desktop-wide)}@media (max-width:600px){.fairy-tales{padding:var(--spacing-sm)}}.no-tales{color:var(--text-color);padding:var(--spacing-xl) 0;text-align:center;width:100%}.favorites-page{margin:0 auto;max-width:var(--container-xl);padding:var(--spacing-lg)}.favorites-container{width:100%}.favorites-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.favorites-stories{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin:0 auto;margin-top:var(--spacing-lg);max-width:var(--desktop-wide)}.favorites-empty,.favorites-error,.favorites-loading,.favorites-not-authenticated{background-color:var(--color-background-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);margin-top:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center}.favorites-error{color:var(--color-error-500)}.favorites-empty p,.favorites-not-authenticated p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}@media (max-width:600px){.favorites-stories{padding:var(--spacing-sm)}}.not-found-container{background-color:var(--background-color);min-height:100vh}.not-found-container .not-found-content{margin:0 auto;max-width:var(--container-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}:is(.not-found-container .not-found-content) h1{color:var(--primary-color);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}:is(.not-found-container .not-found-content) p{color:var(--text-color);font-size:var(--font-size-md);line-height:var(--line-height-md);margin-bottom:var(--spacing-xl)}.not-found-container .not-found-illustration{align-items:center;display:flex;height:var(--spacing-5xl);justify-content:center;margin-bottom:var(--spacing-xl);position:relative}.not-found-container .not-found-text{color:var(--primary-color);font-size:120px;font-weight:var(--font-weight-bold);opacity:.2;position:absolute;z-index:1}.not-found-container .not-found-character{animation:float 3s ease-in-out infinite;position:relative;z-index:2}.not-found-container .character-face{background-color:var(--color-warning-500);border-radius:50%;box-shadow:var(--shadow-md);height:var(--spacing-2xl);position:relative;width:var(--spacing-2xl)}.not-found-container .character-body{background-color:var(--color-warning-500);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:var(--shadow-md);height:var(--spacing-xl);margin:calc(var(--spacing-md)*-1) auto 0;width:var(--spacing-xl)}.not-found-container .character-eyes{display:flex;justify-content:space-around;padding-top:var(--spacing-md)}.not-found-container .eye{background-color:var(--color-neutral-900);border-radius:50%;height:var(--spacing-sm);position:relative;width:var(--spacing-sm)}.left:is(.not-found-container .eye){animation:blink 4s infinite}.right:is(.not-found-container .eye){animation:blink 4s .2s infinite}.not-found-container .character-mouth.sad{border:var(--border-width-thick) solid var(--color-neutral-900);border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg);border-top:none;height:var(--spacing-sm);margin:var(--spacing-sm) auto 0;transform:rotate(180deg);width:var(--spacing-md)}.not-found-container .not-found-actions{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.not-found-container .home-button{background-color:var(--primary-color);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);color:var(--color-background-primary);display:inline-block;font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),transform var(--animation-duration-fast) var(--animation-easing-standard)}:is(.not-found-container .home-button):hover{background-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(calc(var(--spacing-xs)*-1))}.not-found-container .suggestion{margin-top:var(--spacing-sm)}:is(.not-found-container .suggestion) p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.not-found-container .suggested-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.not-found-container .suggested-link{background-color:var(--color-background-primary);border:var(--border-width-thin) solid var(--primary-color);border-radius:var(--border-radius-full);color:var(--primary-color);display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),color var(--animation-duration-normal) var(--animation-easing-standard)}:is(.not-found-container .suggested-link):hover{background-color:var(--primary-color);color:var(--color-background-primary)}@media (max-width:600px){.not-found-container .not-found-text{font-size:var(--font-size-4xl)}.not-found-container .character-face{height:var(--spacing-xl);width:var(--spacing-xl)}.not-found-container .character-body{height:var(--spacing-lg);width:var(--spacing-lg)}:is(.not-found-container .not-found-content) h1{font-size:var(--font-size-xl)}:is(.not-found-container .not-found-content) p{font-size:var(--font-size-sm)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(calc(var(--spacing-sm)*-1))}to{transform:translateY(0)}}@keyframes blink{0%{transform:scaleY(1)}18%{transform:scaleY(1)}20%{transform:scaleY(.1)}22%{transform:scaleY(1)}to{transform:scaleY(1)}}.footer{background-color:var(--color-background-primary);box-shadow:var(--shadow-md);margin-top:var(--spacing-2xl);padding:var(--spacing-lg);transition:background-color var(--animation-duration-normal) var(--animation-easing-standard),box-shadow var(--animation-duration-normal) var(--animation-easing-standard)}.footer .footer__container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:var(--container-xl)}.footer .footer__links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-md)}@media (max-width:600px){.footer .footer__links{align-items:center;flex-direction:column;gap:var(--spacing-sm)}}.footer .footer__link{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--animation-duration-normal) var(--animation-easing-standard)}:is(.footer .footer__link):hover{color:var(--color-primary-600)}.footer .footer__copyright{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}