@font-face{font-family:JetBrainsMono;src:url(/font/jetBrainsMono.ttf);font-weight:700}@font-face{font-family:ProductSans;src:url(/font/productSans.ttf);font-weight:400}@font-face{font-family:ProductSansBold;src:url(/font/productSans_bold.ttf);font-weight:700}@font-face{font-family:ProductSansLight;src:url(/font/productSans_light.ttf);font-weight:light}@font-face{font-family:IndieFlower;src:url(/font/indieFlower.ttf)}@font-face{font-family:CascadiaCode;src:url(/font/cascadiaCode.ttf)}@font-face{font-family:ComputerModern;src:url(/font/cmunrm.ttf)}:root{--color-primary: #008888;--color-text: #000000;--color-bg: #ffffff;--color-muted: #888888;--radius-sm: .3rem;--radius-md: .4rem;--radius-lg: .5rem;--border-width: 1.5px;--shadow-primary: .15rem .15rem 0 var(--color-primary);--transition: .15s ease;--font-ui: ProductSans;--font-bold: ProductSansBold;--font-mono: JetBrainsMono, monospace;--font-label: ComputerModern;--primary-05: color-mix(in srgb, var(--color-primary) 5%, transparent);--primary-10: color-mix(in srgb, var(--color-primary) 10%, transparent);--primary-15: color-mix(in srgb, var(--color-primary) 15%, transparent)}html[data-theme=dark]{--color-text: #ffffff;--color-bg: #000000}@media (prefers-color-scheme: dark){html[data-theme=system]{--color-text: #ffffff;--color-bg: #000000}}*{margin:0;padding:0;border:0;font-family:ProductSans}::-webkit-scrollbar{width:0;height:0}body{background-color:var(--color-bg);min-height:100vh}h1{font-size:2rem;color:var(--color-primary);font-family:var(--font-bold);cursor:default}h2{text-align:center;margin-top:.625rem;color:var(--color-primary);font-family:var(--font-bold);cursor:default}h3,h4{margin-top:.625rem;margin-left:.9375rem;color:var(--color-primary);font-family:var(--font-bold);cursor:default}p{font-family:var(--font-ui);font-size:1.1rem;color:var(--color-text)}strong{font-family:var(--font-bold);font-size:1.1rem;color:var(--color-text)}a{font-family:var(--font-bold);text-decoration:none;color:var(--color-text)}a:hover{color:var(--color-primary)}@keyframes btn-press{0%{transform:translate(0);box-shadow:var(--shadow-primary)}50%{transform:translate(.15rem,.15rem);box-shadow:none}to{transform:translate(0);box-shadow:var(--shadow-primary)}}@keyframes checkbox-draw{to{stroke-dashoffset:0}}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([readonly]),textarea,select{width:100%;font-family:var(--font-ui);font-size:1rem;line-height:1.4;color:var(--color-text);background:var(--color-bg);border:var(--border-width) solid var(--color-muted);border-radius:var(--radius-md);padding:.4rem .5rem;box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition);appearance:none;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([readonly]):hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-muted))}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([readonly]):focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-primary)}select:focus{outline:none;border-color:var(--color-primary);box-shadow:none}.field{position:relative;display:block;margin-top:.5rem;margin-left:.625rem;width:max-content}label.field{cursor:default}.field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([readonly]){padding:1.5rem .9rem .4rem}.field-label{font-family:var(--font-label);font-size:1rem;position:absolute;left:calc(.9rem + 1px);top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--color-muted);pointer-events:none;white-space:nowrap;transition:transform var(--transition),color var(--transition)}input:focus~.field-label,input:not(:placeholder-shown)~.field-label,.number-wrap:has(input:focus)~.field-label,.number-wrap:has(input:not(:placeholder-shown))~.field-label{transform:translateY(-1.35rem) scale(.85);color:var(--color-primary)}input:disabled~.field-label{opacity:.4}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-wrap{position:relative;display:block;width:100%}.number-wrap input{padding-right:2.6rem}.spin{position:absolute;top:var(--border-width);right:var(--border-width);bottom:var(--border-width);width:1.9rem;display:flex;flex-direction:column;border-left:var(--border-width) solid var(--color-muted);border-radius:0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0;overflow:hidden;transition:border-color var(--transition)}.number-wrap input:focus~.spin{border-color:var(--color-primary)}.spin button:active{background:var(--primary-15);transform:translateY(.5px)}.checkbox{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;user-select:none}.checkbox input{all:unset;position:absolute;opacity:0;width:0;height:0}.checkbox .box{flex:none;width:1.25rem;height:1.25rem;display:grid;place-items:center;background:transparent;border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:.1rem .1rem 0 var(--color-primary);transition:background var(--transition),box-shadow var(--transition)}.checkbox .box svg{width:.85rem;height:.85rem;display:block}.checkbox .box svg path{fill:none;stroke:var(--color-bg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22}.checkbox input:checked+.box{background:var(--color-primary)}.checkbox input:checked+.box svg path{animation:checkbox-draw .3s ease forwards}.checkbox input:focus-visible+.box{box-shadow:.1rem .1rem 0 var(--color-primary),0 0 0 2px var(--primary-15)}.checkbox:hover .box{box-shadow:.15rem .15rem 0 var(--color-primary)}.checkbox-label{font-family:var(--font-label);color:var(--color-muted);font-size:1rem}.radio-group{display:flex;flex-direction:column;gap:.6rem}.radio-group.is-horizontal{flex-direction:row;gap:1.4rem;flex-wrap:wrap}.radio{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;user-select:none}.radio input{position:absolute;opacity:0;width:0;height:0}.radio .dot{flex:none;width:1.25rem;height:1.25rem;display:grid;place-items:center;border:var(--border-width) solid var(--color-primary);border-radius:50%;box-shadow:.1rem .1rem 0 var(--color-primary);transition:box-shadow var(--transition)}.radio .dot:after{content:"";width:.65rem;height:.65rem;border-radius:50%;background:var(--color-primary);transform:scale(0);transition:transform var(--transition)}.radio input:checked+.dot:after{transform:scale(1)}.radio input:focus-visible+.dot{box-shadow:.1rem .1rem 0 var(--color-primary),0 0 0 2px var(--primary-15)}.radio:hover .dot{box-shadow:.15rem .15rem 0 var(--color-primary)}.radio input:disabled~.dot{opacity:.4;cursor:not-allowed;box-shadow:none}.radio-label{font-family:var(--font-label);color:var(--color-muted);font-size:1rem}select{padding-right:2.2rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0.5 L5 5.5 L10 0.5' fill='none' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.6rem auto}select:focus{box-shadow:none;border-color:var(--color-primary)}select:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}select option{background:var(--color-bg);color:var(--color-text)}select option:checked{background:var(--primary-10);color:var(--color-primary)}.select-wrap{position:relative;display:block}.select-wrap:after{display:none;content:"";pointer-events:none}input[type=range]{-webkit-appearance:none;appearance:none;padding:0;border:none;box-shadow:none;width:12.5rem;height:1.25rem;background:transparent;cursor:pointer;transition:opacity var(--transition)}input[type=range]:focus{outline:none;border:none;box-shadow:none}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--color-primary),var(--color-muted))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.1rem;height:1.1rem;margin-top:calc((3px - 1.1rem)/2);border-radius:50%;background:var(--color-primary);border:none;box-shadow:.08rem .08rem color-mix(in srgb,var(--color-primary) 45%,#000);transition:transform var(--transition)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.12)}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--color-primary),var(--color-muted))}input[type=range]::-moz-range-thumb{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--color-primary);border:none;box-shadow:.08rem .08rem color-mix(in srgb,var(--color-primary) 45%,#000)}input[type=range]:focus::-webkit-slider-thumb{box-shadow:.08rem .08rem color-mix(in srgb,var(--color-primary) 45%,#000),0 0 0 3px var(--primary-15)}textarea{border-radius:var(--radius-lg);min-height:6rem;resize:vertical;padding:.75rem 1rem;margin-top:.625rem;margin-left:.625rem;width:calc(100% - 3.2rem)}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:max-content;font-family:var(--font-bold);font-size:.95rem;line-height:1;color:var(--color-primary);background:var(--color-bg);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-md);padding:.4rem .8rem;cursor:pointer;box-shadow:var(--shadow-primary);transition:opacity var(--transition),box-shadow var(--transition),transform var(--transition)}button svg,button img{width:1rem;height:1rem;display:block;flex-shrink:0}button:hover{opacity:.8}button:active{animation:btn-press .2s forwards}button:focus-visible{outline:none;box-shadow:var(--shadow-primary),0 0 0 3px var(--primary-15)}button.is-solid{color:var(--color-bg);background:var(--color-primary)}button.is-icon{padding:.4rem;aspect-ratio:1 / 1;gap:0}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.spin button{all:unset;box-sizing:border-box;flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-primary);font-size:.6rem;cursor:pointer;transition:background var(--transition)}.spin button:first-child{border-bottom:1px solid var(--primary-15)}.spin button:hover{background:var(--primary-10)}.spin button:active{background:var(--primary-15);transform:translateY(.5px);animation:none}table{border-collapse:separate;border-spacing:.4rem;font-family:var(--font-ui);font-size:.95rem;color:var(--color-text)}th,td{border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:.55rem .8rem;text-align:left}thead th{background:var(--color-primary);color:var(--color-bg);font-family:var(--font-bold);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}tbody tr{transition:background var(--transition)}tbody tr:hover td{background:var(--primary-05)}.table-title{border:none;text-align:center}output,input[readonly]{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:1rem;color:var(--color-primary);background:var(--primary-05);border:var(--border-width) dashed var(--color-primary);border-radius:var(--radius-md);padding:.4rem .5rem;cursor:default;display:block}output:focus,input[readonly]:focus{outline:none}output.is-accent,input[readonly].is-accent{background:transparent;border:none;border-left:.25rem solid var(--color-primary);border-radius:0;padding-left:.8rem}.seg-ctrl{display:inline-flex;border:var(--border-width) solid var(--color-primary);border-radius:100rem;overflow:hidden;flex-shrink:0}.seg-ctrl .seg-opt{border-radius:0;border:none;border-right:var(--border-width) solid var(--primary-15);box-shadow:none;padding:.3rem .65rem;font-family:var(--font-label);font-size:.85rem;color:var(--color-muted);background:transparent;gap:.3rem;white-space:nowrap}.seg-ctrl .seg-opt:last-child{border-right:none}.seg-ctrl .seg-opt:hover:not(.is-active){opacity:1;background:var(--primary-05);color:var(--color-text)}.seg-ctrl .seg-opt:active{animation:none}.seg-ctrl .seg-opt.is-active{opacity:1;background:var(--color-primary);color:var(--color-bg)}.seg-ctrl .seg-opt:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--primary-15)}.seg-ctrl .seg-opt svg{width:.85rem;height:.85rem;flex-shrink:0}.seg-ctrl--sm .seg-opt{padding:.15rem .4rem;font-size:.72rem;font-family:var(--font-mono)}input:disabled,textarea:disabled,select:disabled,.checkbox input:disabled~*,.radio input:disabled~*{opacity:.4;cursor:not-allowed;box-shadow:none}.checkbox:has(input:disabled),.radio:has(input:disabled){cursor:not-allowed}.background{position:fixed;z-index:-10;opacity:10%;width:100vw;height:100vh}.center{display:flex;justify-content:center;align-items:center}.margin-x{margin-left:.9375rem;margin-right:.9375rem}.margin-tl{margin-top:.625rem;margin-left:.9375rem}.margin-tlr{margin-top:.625rem;margin-left:.9375rem;margin-right:.9375rem}.subtitle{font-size:1.8rem;margin:1rem;text-align:center;cursor:default;width:100%}.space-bottom{height:1rem;width:100%}.cards-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:2rem;margin-bottom:2rem}.card{cursor:pointer;justify-content:center;display:flex;flex-wrap:wrap;margin-left:2rem;margin-top:2rem;width:11.875rem;height:15.875rem;border-radius:1.125rem;background:var(--color-bg);border:var(--color-primary) 2px solid}.card:hover{box-shadow:3px 3px 0 var(--color-primary),3px 3px 20px var(--color-muted);transform:translate(-3px) translateY(-3px)}.card-img{border-radius:.9375rem;margin-top:6px;height:13rem;width:11.875rem}.lang-icon{width:2rem;height:2rem}.checkbox-container{margin-top:1rem;cursor:pointer;display:inline-flex;align-items:center;user-select:none}.checkbox-container input{position:absolute;opacity:0;width:0;height:0}.checkbox-container svg{flex:none;width:1.25rem;height:1.25rem;border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:.1rem .1rem 0 var(--color-primary);background:transparent;overflow:hidden;transition:background var(--transition),box-shadow var(--transition)}.checkbox-container:hover svg{box-shadow:.15rem .15rem 0 var(--color-primary)}.checkbox-container input:checked~svg{background:var(--color-primary)}.checkbox-svg{fill:none;stroke:var(--color-bg);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 9999999;stroke-dashoffset:-262.2723388671875;transition:stroke-dasharray .3s ease}.checkbox-container input:checked~svg .checkbox-svg{stroke-dasharray:70.5096664428711 9999999}.checkbox-label{margin-top:0;margin-left:.6rem;color:var(--color-primary);font-family:var(--font-bold);font-size:1rem}.custom-controls{display:flex;flex-direction:row;position:absolute;right:4rem;top:.45rem;width:2rem}.custom-controls button{margin-left:.3rem;flex:1;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background .2s}.custom-controls button svg{width:1rem;height:1rem;fill:var(--color-muted)}.custom-controls button:hover svg{fill:var(--color-text)}.topbar{position:sticky;top:0;left:0;width:100%;height:3.375rem;display:flex;align-items:stretch;border-radius:0;overflow:hidden;z-index:1000;background:var(--color-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-2px 2px 18px #0006}.topbar__identity{box-sizing:border-box;max-width:20rem;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:.15rem;padding:.35rem .875rem;background:#ffffff0a;box-shadow:inset -1px 0 #ffffff14;overflow:hidden}.topbar__title{font-family:ProductSans,sans-serif;font-size:1.4rem;line-height:1.1;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.topbar__meta{display:flex;align-items:center;gap:.3rem;overflow:hidden}.topbar__icon{width:.875rem;height:.875rem;flex-shrink:0;opacity:.7}.topbar__label{font-size:.6rem;font-family:ProductSans,sans-serif;color:var(--color-text);background:#ffffff1a;border-radius:2rem;padding:.1rem .4rem;white-space:nowrap;flex-shrink:0;transition:opacity .3s ease}.topbar__section{font-size:.65rem;font-family:ProductSans,sans-serif;color:var(--color-muted);white-space:nowrap;flex-shrink:0}.topbar__nav{min-width:0;flex-shrink:0;display:flex;align-items:center;gap:.15rem;padding:0 .5rem;margin-left:auto}.topbar__navitem{display:flex;align-items:center;gap:.25rem;padding:.25rem .45rem;border-radius:.375rem;color:var(--color-text);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color .16s,background .16s}.topbar__navitem svg,.topbar__navitem i{width:.875rem;height:.875rem;flex-shrink:0}.topbar__navitem span{font-size:.8rem;font-family:ProductSans,sans-serif}.topbar__navitem--active{background:var(--color-primary);color:var(--color-bg);padding:.25rem .6rem}.topbar__navitem:hover{color:var(--color-bg);background:var(--color-muted)}.topbar__menu-toggle{display:none}@media (max-width: 580px){.topbar{height:auto;min-height:3.375rem;flex-wrap:wrap;overflow:visible;position:relative}.topbar__identity{flex:1;max-width:none}.topbar__menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:3.375rem;flex-shrink:0;background:none;border:none;color:var(--color-text);cursor:pointer;padding:0 .5rem;transition:color .16s}.topbar__menu-toggle:hover{color:var(--color-primary)}.topbar__menu-toggle svg,.topbar__menu-toggle i{width:1.125rem;height:1.125rem;pointer-events:none}.topbar__nav{display:none;width:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:.5rem;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.topbar__nav--open{display:flex}.topbar__navitem{width:100%;padding:.5rem .75rem}}.settings-overlay{position:fixed;inset:0;z-index:2000;background:var(--color-bg);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .22s ease}.settings-overlay[data-state=open]{opacity:1;pointer-events:all}.settings-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);flex-shrink:0}.settings-overlay__title{font-family:ProductSansBold,sans-serif;font-size:1.25rem;color:var(--color-text);margin:0}.settings-overlay__close{all:unset;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);color:var(--color-muted);cursor:pointer;transition:color .16s,background .16s}.settings-overlay__close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.settings-overlay__close svg{width:1.125rem;height:1.125rem}.settings-overlay__body{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem;padding:2rem;align-content:start}.settings-card{background:color-mix(in srgb,var(--color-text) 4%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.settings-card__head{display:flex;align-items:center;gap:.5rem;color:var(--color-text)}.settings-card__head svg{width:1rem;height:1rem;color:var(--color-primary);flex-shrink:0}.settings-card__head h3{font-family:ProductSansBold,sans-serif;font-size:.95rem;margin:0;color:var(--color-text)}.settings-card__desc{font-family:ProductSans,sans-serif;font-size:.8rem;color:var(--color-muted);margin:0;line-height:1.4}.settings-badge{position:absolute;top:.75rem;right:.75rem;font-family:ProductSans,sans-serif;font-size:.6rem;background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-radius:2rem;padding:.1rem .45rem}.settings-theme__options{display:flex;flex-wrap:wrap;gap:.5rem}.settings-theme__btn{all:unset;display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);font-family:ProductSans,sans-serif;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:border-color .16s,background .16s,color .16s}.settings-theme__btn svg{width:.85rem;height:.85rem;flex-shrink:0}.settings-theme__btn:hover{border-color:var(--color-primary);background:var(--primary-05)}.settings-theme__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.settings-font__select{font-family:ProductSans,sans-serif;font-size:.85rem;color:var(--color-muted);background:color-mix(in srgb,var(--color-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:var(--radius-md);padding:.4rem .65rem;width:100%;cursor:not-allowed;opacity:.6}.settings-lang__options{display:flex;gap:.5rem}.settings-lang__btn{all:unset;padding:.35rem 1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);font-family:ProductSans,sans-serif;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:border-color .16s,background .16s,color .16s;opacity:.5}.settings-lang__btn:hover{border-color:var(--color-primary);background:var(--primary-05);opacity:1}.settings-lang__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;opacity:1}.settings-card--auth{grid-column:1 / -1}.settings-google-btn{all:unset;display:flex;align-items:center;gap:.65rem;padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);font-family:ProductSans,sans-serif;font-size:.85rem;color:var(--color-text);cursor:pointer;width:fit-content;transition:background .16s,border-color .16s}.settings-google-btn:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.settings-google-btn svg{width:1rem;height:1rem;flex-shrink:0}.page-user-row{display:flex;align-items:center;gap:.6rem}.page-user-avatar{width:2rem;height:2rem;border-radius:50%;flex-shrink:0}.page-user-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.page-user-name{font-family:ProductSans,sans-serif;font-size:.8rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-signout-btn{all:unset;font-family:ProductSans,sans-serif;font-size:.72rem;color:var(--color-muted);cursor:pointer;transition:color .16s}.settings-signout-btn:hover{color:#e06060}.page-setting-row{display:flex;flex-direction:column;gap:.4rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.page-setting-label{font-family:ProductSans,sans-serif;font-size:.78rem;color:var(--color-muted)}.page-setting-select{font-family:ProductSans,sans-serif;font-size:.82rem;color:var(--color-text);background:color-mix(in srgb,var(--color-text) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-radius:var(--radius-md);padding:.4rem .65rem;width:100%;cursor:pointer;transition:border-color .16s}.page-setting-select:hover,.page-setting-select:focus{border-color:var(--color-primary);outline:none}.page-auth-error{font-family:ProductSans,sans-serif;font-size:.8rem;color:#e06060;margin:0}.page-save-feedback{font-family:ProductSans,sans-serif;font-size:.75rem;margin:0}.page-save-feedback[data-state=ok]{color:var(--color-primary)}.page-save-feedback[data-state=error]{color:#e06060}.settings-theme__custom{display:flex;flex-direction:column;gap:.85rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.settings-theme__custom[hidden]{display:none}.settings-custom__colors{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.settings-custom__item{display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer}.settings-custom__item input[type=color]{width:100%;height:2.75rem;padding:.2rem;border:1px solid color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:var(--radius-md);background:none;cursor:pointer;transition:border-color .16s}.settings-custom__item:hover input[type=color]{border-color:var(--color-primary)}.settings-custom__item-name{font-family:ProductSans,sans-serif;font-size:.68rem;color:var(--color-muted)}.settings-custom__hex{font-family:JetBrainsMono,monospace;font-size:.65rem;color:var(--color-text);letter-spacing:-.02em}.settings-custom__warnings{display:flex;flex-direction:column;gap:.25rem}.cp-warning--bad{font-family:ProductSans,sans-serif;font-size:.72rem;color:#e06060}.settings-custom__presets-label{font-family:ProductSans,sans-serif;font-size:.72rem;color:var(--color-muted);display:block;margin-bottom:.3rem}.settings-custom__presets-list{display:flex;flex-wrap:wrap;gap:.35rem}.settings-custom__preset{all:unset;font-family:ProductSans,sans-serif;font-size:.72rem;padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);color:var(--color-text);cursor:pointer;transition:background .16s,border-color .16s}.settings-custom__preset:hover{background:var(--primary-10);border-color:var(--color-primary)}.settings-custom__actions{display:flex;justify-content:flex-end;gap:.5rem}.settings-custom__cancel,.settings-custom__apply{all:unset;font-family:ProductSans,sans-serif;font-size:.8rem;padding:.35rem .9rem;border-radius:var(--radius-md);cursor:pointer;transition:background .16s,color .16s}.settings-custom__cancel{color:var(--color-muted);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent)}.settings-custom__cancel:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent);color:var(--color-text)}.settings-custom__apply{background:var(--color-primary);color:#fff}.settings-custom__apply:hover{opacity:.85}.cp-preview__label{font-family:ProductSans,sans-serif;font-size:.68rem;color:var(--color-muted);margin:0 0 .3rem}.cp-preview{display:flex;flex-direction:column;align-items:center;--pv-primary: #008888;--pv-text: #000000;--pv-bg: #ffffff;--pv-muted: #888888}.cp-preview__page{width:13rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:var(--pv-bg);font-size:.72rem}.cp-preview__topbar{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:var(--pv-text)}.cp-preview__brand{font-family:ProductSansBold,sans-serif;font-size:.72rem;color:var(--pv-bg);margin-right:.2rem}.cp-preview__navlink{font-family:ProductSans,sans-serif;font-size:.62rem;color:var(--pv-bg);opacity:.6;padding:.1rem .3rem;border-radius:.2rem}.cp-preview__navlink--active{background:var(--pv-primary);opacity:1;color:var(--pv-bg)}.cp-preview__content{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem}.cp-preview__title{font-family:ProductSansBold,sans-serif;font-size:.78rem;color:var(--pv-text);margin:0}.cp-preview__body{font-family:ProductSans,sans-serif;font-size:.65rem;color:var(--pv-text);margin:0;line-height:1.4}.cp-preview__muted{color:var(--pv-muted)}.cp-preview__row{display:flex;align-items:center;gap:.4rem}.cp-preview__btn{font-family:ProductSans,sans-serif;font-size:.62rem;background:var(--pv-primary);color:var(--pv-bg);padding:.15rem .45rem;border-radius:.2rem}.cp-preview__link{font-family:ProductSans,sans-serif;font-size:.62rem;color:var(--pv-primary);text-decoration:underline;text-underline-offset:2px}.contenedor{position:relative;z-index:0;padding-top:1rem;min-height:calc(100vh - 3.375rem)}#page-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-bg);transition:opacity .45s ease,visibility .45s ease}#page-loader.loader--hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader__name{font-family:var(--font-bold);font-size:2.5rem;color:var(--color-primary);letter-spacing:.15em;opacity:0;animation:loader-appear .7s cubic-bezier(.16,1,.3,1) forwards}.loader__dots{display:flex;gap:.6rem}.loader__dots span{width:.35rem;height:.35rem;border-radius:50%;background:var(--color-primary);animation:loader-pulse 1.4s ease infinite}.loader__dots span:nth-child(2){animation-delay:.2s}.loader__dots span:nth-child(3){animation-delay:.4s}@keyframes loader-appear{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes loader-pulse{0%,60%,to{opacity:.2;transform:scale(.85)}30%{opacity:1;transform:scale(1.3)}}