*,:before,:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;font-family:var(--font-family-base);color:var(--high-contast-text);background:var(--main-bg-color)}.morphisme{background:#ffffff14;border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 30px #0003}:root{--main-bg-color: #0a0a0a;--sub-bg-color: rgba(255, 255, 255, .06);--default-element-color: rgba(14, 12, 12, .856);--hover-element-color: rgba(255, 255, 255, .12);--selected-element-color: rgba(216,168,74, .25);--non-animed-ui-border-color: rgba(216,168,74,.4);--default-animed-ui-border-color: rgba(216,168,74,.55);--hover-animed-ui-border-color: rgba(216,168,74,.75);--main-solid-color: #d8a84a;--hover-solid-color: #e6c178;--low-contrast-text: #d8a84a;--high-contast-text: #f7e9c6;--succes-color: #113B29;--error-color: #EC6142;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-soft: 0 4px 30px rgba(0,0,0,.25);--shadow-strong: 0 25px 70px rgba(0,0,0,.45);--blur-light: blur(6px);--blur-medium: blur(12px);--blur-strong: blur(18px);--font-family-base: "Inter", Arial, sans-serif;--font-size-sm: .85rem;--font-size-md: 1rem;--font-size-lg: 1.25rem}.text-low{color:var(--low-contrast-text)}.text-high{color:var(--high-contast-text)}.text-danger{color:var(--error-color)}.text-success{color:var(--succes-color)}.glass{background:var(--sub-bg-color);border:1px solid var(--non-animed-ui-border-color);border-radius:var(--radius-lg);backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:var(--blur-medium);box-shadow:var(--shadow-soft)}.glass-strong{background:var(--default-element-color);border:1px solid var(--default-animed-ui-border-color);border-radius:var(--radius-lg);backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);box-shadow:var(--shadow-strong)}.card{background:var(--default-element-color);border-radius:var(--radius-lg);border:1px solid var(--default-animed-ui-border-color);padding:1.2rem;box-shadow:var(--shadow-soft)}.input,input,select,textarea{width:100%;padding:.65rem .9rem;background:var(--default-element-color);border:1px solid var(--default-animed-ui-border-color);border-radius:var(--radius-md);color:var(--high-contast-text)}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hover-animed-ui-border-color);box-shadow:0 0 0 3px var(--hover-element-color)}button,.btn{cursor:pointer;padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid var(--default-animed-ui-border-color);background:var(--default-element-color);color:var(--high-contast-text);font-weight:600;transition:.15s ease}button:hover,.btn:hover{background:var(--hover-element-color);border-color:var(--hover-animed-ui-border-color)}.btn-primary{background:var(--main-solid-color);border-color:var(--non-animed-ui-border-color);color:var(--main-bg-color);border-radius:var(--radius-full)}.btn-primary:hover{background:var(--hover-solid-color)}.btn-ghost{background:transparent;border-color:var(--non-animed-ui-border-color);color:var(--high-contast-text)}.btn-ghost:hover{background:var(--hover-element-color)}.btn-danger{background:var(--error-color);border-color:var(--error-color);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.chip{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:var(--radius-full);background:var(--default-element-color);border:1px solid var(--default-animed-ui-border-color);color:var(--high-contast-text);font-size:.85rem}.chip:hover{background:var(--hover-element-color)}.panel{padding:1rem;background:var(--default-element-color);border:1px solid var(--default-animed-ui-border-color);border-radius:var(--radius-lg)}@media (max-width: 720px){app-login,app-register,app-new-toon,app-toon-list,app-account,app-account-settings{display:block;margin:1.5rem auto!important;width:100%;max-width:380px}}