.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex;position:relative}.btn--sm{padding:.375rem .75rem;font-size:.75rem}.btn--md{padding:.5rem 1rem;font-size:.875rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--rounded{border-radius:.375rem}.btn--pill{border-radius:999px}.btn--primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn--primary:hover:not(:disabled){background:var(--color-text-2);border-color:var(--color-text-2)}.btn--primary:active:not(:disabled){background:var(--color-text-3);border-color:var(--color-text-3)}.btn--primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn--loading{cursor:wait}.btn__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__icon{flex-shrink:0;align-items:center;display:inline-flex}.btn__icon svg{width:1em;height:1em}.layout-header{background:var(--bg2);border-bottom:1px solid var(--ui);z-index:100;width:100%;padding:0 2rem}.layout-header--sticky{position:fixed;top:0;left:0}.layout-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:1.125rem 0;display:flex}.layout-header__title-group{flex-direction:column;gap:.125rem;min-width:0;display:flex}.layout-header__title{letter-spacing:-.03em;color:var(--tx);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:800;font-family:var(--font-sans)}.layout-header__subtitle{letter-spacing:.1em;text-transform:uppercase;color:var(--tx2);font-size:clamp(.5625rem,1.2vw,.6875rem);font-weight:600;font-family:var(--font-sans)}.layout-header__right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (width<=600px){.layout-header{padding:0 1rem}.layout-header__inner{padding:.75rem 0}}.layout-footer{background:var(--bg2);border-top:1px solid var(--ui);z-index:100;width:100%;padding:0 2rem;position:fixed;bottom:0;left:0}.layout-footer__inner{max-width:960px;color:var(--tx3);font-size:.75rem;font-family:var(--font-sans);text-align:center;justify-content:center;align-items:center;margin:0 auto;padding:1rem 0;display:flex}@media (width<=600px){.layout-footer{padding:0 1rem}}.navbar--horizontal{flex-direction:row;align-items:center;gap:.25rem;display:flex}.navbar--vertical{flex-direction:column;gap:.25rem;width:100%;display:flex}.navbar__item{font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--tx2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.4375rem .75rem;transition:background .15s,color .15s;display:flex}.navbar__item:hover,.navbar__item--active{background:var(--ui);color:var(--tx)}.navbar--vertical .navbar__item{justify-content:flex-start;width:100%}.navbar__icon{flex-shrink:0;align-items:center;display:inline-flex}@media (width<=600px){.navbar--horizontal .navbar__label{display:none}.navbar--horizontal .navbar__item{padding:.5rem}}.hamburger{display:inline-block;position:relative}.hamburger__btn{cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:.5rem;transition:background .15s;display:flex}.hamburger__btn:hover{background:var(--ui)}.hamburger__bar{background:var(--tx);transform-origin:50%;border-radius:99px;width:18px;height:2px;transition:transform .15s,opacity .15s;display:block}.hamburger__btn--open .hamburger__bar:first-child{transform:translateY(7px)rotate(45deg)}.hamburger__btn--open .hamburger__bar:nth-child(2){opacity:0}.hamburger__btn--open .hamburger__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hamburger__menu{background:var(--bg2);border:1px solid var(--ui);z-index:200;border-radius:.5rem;min-width:160px;padding:.25rem;position:absolute;top:calc(100% + .5rem);box-shadow:0 4px 16px #0000001a}.hamburger__menu--right{right:0}.hamburger__menu--left{left:0}.hamburger__item{text-align:left;width:100%;font-size:.875rem;font-weight:500;font-family:var(--font-sans);color:var(--tx);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem .75rem;transition:background .15s;display:block}.hamburger__item:hover{background:var(--ui)}.btn--secondary{color:var(--tx);border-color:var(--tx);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--ui);border-color:var(--tx2);color:var(--tx)}.btn--secondary:active:not(:disabled){background:var(--ui2);border-color:var(--tx3)}.btn--secondary:focus-visible{outline:2px solid var(--tx);outline-offset:2px}.btn--secondary:disabled{opacity:.4;cursor:not-allowed}.btn--secondary.btn--loading{cursor:wait}.btn--destructive{background:color-mix(in srgb, var(--re) 13%, transparent);color:var(--re);border-color:color-mix(in srgb, var(--re) 27%, transparent)}.btn--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--re) 20%, transparent);border-color:var(--re)}.btn--destructive:active:not(:disabled){background:color-mix(in srgb, var(--re) 27%, transparent);border-color:var(--re)}.btn--destructive:focus-visible{outline:2px solid var(--re);outline-offset:2px}.btn--destructive:disabled{opacity:.4;cursor:not-allowed}.btn--destructive.btn--loading{cursor:wait}.settings-section{background:var(--bg2);border:1px solid var(--ui);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.settings-section__title{color:var(--tx);font-size:.9375rem;font-weight:700;font-family:var(--font-sans)}.settings-section__body{flex-direction:column;display:flex}.settings-row{border-bottom:1px solid var(--ui);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row__left{flex-direction:column;flex:1;gap:.125rem;display:flex}.settings-row__label{color:var(--tx);font-size:.875rem;font-weight:500;font-family:var(--font-sans)}.settings-row__description{color:var(--tx3);font-size:.75rem;font-family:var(--font-sans);line-height:1.4}.settings-row__right{flex-shrink:0;align-items:center;display:flex}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--ui);border-radius:1.25rem;flex-direction:column;gap:1rem;width:90%;max-width:380px;max-height:90vh;padding:1.75rem;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0006}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__title{color:var(--tx);font-size:1.0625rem;font-weight:700;font-family:var(--font-sans)}.modal__close{cursor:pointer;color:var(--tx3);background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .15s}.modal__close:hover{color:var(--tx)}.modal__message{color:var(--tx2);font-size:.875rem;font-family:var(--font-sans);margin:0;line-height:1.6}.modal__actions{justify-content:flex-end;gap:.625rem;display:flex}.dei{background:var(--bg2);border:1px solid var(--ui);font-family:var(--font-sans);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:inline-flex}.dei__picker{border:1px solid var(--ui2);border-radius:.5rem;gap:0;display:flex;overflow:hidden}.dei__format{border:none;border-right:1px solid var(--ui2);color:var(--tx2);font-family:var(--font-sans);cursor:pointer;background:0 0;flex:1;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s}.dei__format:last-child{border-right:none}.dei__format:hover:not(.dei__format--active){background:var(--ui);color:var(--tx)}.dei__format--active{background:var(--tx);color:var(--bg)}.dei__actions{gap:.5rem;display:flex}.dei__btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.5rem;flex:1;padding:.45rem .875rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.dei__btn--export{background:var(--tx);color:var(--bg);border-color:var(--tx)}.dei__btn--export:hover{background:var(--tx2);border-color:var(--tx2)}.dei__btn--export:active{background:var(--tx3);border-color:var(--tx3)}.dei__btn--export:focus-visible{outline:2px solid var(--tx);outline-offset:2px}.dei__btn--import{color:var(--tx);border-color:var(--ui2);background:0 0}.dei__btn--import:hover{background:var(--ui);border-color:var(--ui3)}.dei__btn--import:active{background:var(--ui2)}.dei__btn--import:focus-visible{outline:2px solid var(--tx);outline-offset:2px}.dei__btn--reset{color:var(--re);border-color:var(--re);background:0 0}.dei__btn--reset:hover{background:var(--re);color:var(--bg)}.dei__btn--reset:active{opacity:.85}.dei__btn--reset:focus-visible{outline:2px solid var(--re);outline-offset:2px}.dei__file-input{display:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);min-height:100vh;font-family:sans-serif}#root{max-width:720px;margin:0 auto;padding:2rem 1rem}h1{text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}p{color:var(--tx2);text-align:center;margin:2rem 0}input,select{background:var(--bg);color:var(--tx);border:1px solid var(--ui2);border-radius:6px;padding:.4rem .6rem;font-size:.9rem}input:focus,select:focus{border-color:var(--ui3);outline:none}@media (width<=600px){.navbar--horizontal .navbar__label{display:inline!important}.navbar--horizontal .navbar__item{padding:.4375rem .75rem!important}}