@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-medium:500;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{font-family:var(--yorha-font);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);color:var(--text);background-color:var(--bg);background-size:var(--grid-bg-size);background-image:var(--grid-bg-image);letter-spacing:var(--letter-spacing-body);overflow-x:hidden}}@layer components{.yorha-gradient-slide{background-image:linear-gradient(90deg, var(--bg-muted) 50%, var(--primary) 50%);color:var(--primary);background-position:0%;background-size:200%;transition:background-position .2s linear,color .2s linear}.yorha-gradient-slide:hover,.yorha-gradient-slide[data-checked],.yorha-gradient-slide[data-active],.yorha-gradient-slide[data-selected],.yorha-gradient-slide[data-highlighted],.yorha-gradient-slide[data-popup-open]{color:var(--bg-muted);background-position:-100%}.yorha-gradient-slide:disabled,.yorha-gradient-slide[data-disabled]{opacity:.6;pointer-events:none}.yorha-confirm-slide{background-image:linear-gradient(90deg, var(--bg-muted) 50%, var(--primary) 50%);-webkit-user-select:none;user-select:none;touch-action:none;background-size:200%}.yorha-confirm-slide[data-holding] .yorha-icon-square{background-position:-100%;transition:background-position 2s linear}.yorha-gradient-slide-transparent{background-image:linear-gradient(90deg, #b4af9a00 50%, var(--primary) 50%);color:var(--primary);background-position:0%;background-size:200%;transition:background-position .2s linear,color .2s linear}.yorha-gradient-slide-transparent:hover,.yorha-gradient-slide-transparent[data-active]{color:var(--bg-muted);background-position:-100%}.yorha-gradient-slide-neutral{background-image:linear-gradient(90deg, var(--bg-surface) 50%, var(--primary) 50%);color:var(--primary);background-position:0%;background-size:200%;transition:background-position .2s linear,color .2s linear}.yorha-gradient-slide-neutral:hover,.yorha-gradient-slide-neutral[data-active]{color:var(--bg-muted);background-position:-100%}.yorha-icon-square{background-image:linear-gradient(90deg, var(--primary) 50%, var(--bg-muted) 50%);background-position:0%;background-size:200%;flex-shrink:0;width:20px;min-width:20px;height:20px;transition:background-position .2s linear;display:inline-block}[data-highlighted] .yorha-icon-square,[data-selected] .yorha-icon-square,.yorha-gradient-slide:hover .yorha-icon-square,.yorha-gradient-slide[data-checked] .yorha-icon-square,.yorha-gradient-slide[data-active] .yorha-icon-square,.yorha-gradient-slide[data-selected] .yorha-icon-square,.yorha-gradient-slide[data-highlighted] .yorha-icon-square,.yorha-gradient-slide[data-popup-open] .yorha-icon-square,.yorha-gradient-slide-transparent:hover .yorha-icon-square,.yorha-gradient-slide-transparent[data-active] .yorha-icon-square,.yorha-gradient-slide-neutral:hover .yorha-icon-square,.yorha-gradient-slide-neutral[data-active] .yorha-icon-square{background-position:-100%}.yorha-hover-borders{flex-direction:column;align-items:stretch;margin:3px 0;display:flex;position:relative}.yorha-hover-borders:before,.yorha-hover-borders:after{content:"";background-color:var(--primary);opacity:0;pointer-events:none;width:100%;height:2px;transition:transform .2s,opacity .2s;position:absolute;left:0}.yorha-hover-borders:before{top:-4px;transform:translateY(6px)}.yorha-hover-borders:after{bottom:-4px;transform:translateY(-6px)}.yorha-hover-borders:hover:before,.yorha-hover-borders:hover:after{opacity:1;transform:translateY(0)}.yorha-hover-borders[data-disabled]:before,.yorha-hover-borders[data-disabled]:after,.yorha-hover-borders.disabled:before,.yorha-hover-borders.disabled:after{display:none}.yorha-hover-borders[data-active]:not(:hover):before{opacity:0;transform:translateY(6px)}.yorha-hover-borders[data-active]:not(:hover):after{opacity:0;transform:translateY(-6px)}.yorha-header-icon{background-color:var(--primary);width:20px;min-width:20px;height:20px;display:inline-block}.yorha-header-icon-light{background-color:var(--bg-surface);width:20px;min-width:20px;height:20px;display:inline-block}.yorha-scrollbar::-webkit-scrollbar{width:.3rem}.yorha-scrollbar::-webkit-scrollbar-track{background:0 0}.yorha-scrollbar::-webkit-scrollbar-thumb{background-color:var(--primary-dark)}.yorha-separator{align-items:center;gap:4px;padding:0 16px;display:flex}.yorha-separator-line{background-color:var(--bg-muted);flex:1;height:2px}.yorha-separator-dot{background-color:var(--bg-muted);border-radius:50%;width:.3rem;height:.3rem}.yorha-toggle-icon{width:24px;min-width:24px;height:24px;color:var(--bg-muted);background-image:linear-gradient(90deg, var(--primary) 50%, var(--bg-muted) 50%);background-position:0%;background-size:200%;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:background-position .2s linear,color .2s linear;display:inline-flex}.yorha-toggle-icon:after{content:"+"}[data-panel-open] .yorha-toggle-icon:after{content:"−"}.yorha-gradient-slide:hover .yorha-toggle-icon{color:var(--primary);background-position:-100%}.glitch-text{animation:1.5s infinite glitch;display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:var(--glitch);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-1px 0 red;animation:1.5s linear infinite alternate-reverse glitch-before;left:1px}.glitch-text:after{text-shadow:-1px 0 #00f;animation:1.5s linear infinite alternate-reverse glitch-after;left:-1px}.glitch-img{position:relative;overflow:hidden}.glitch-img:before,.glitch-img:after{content:"";background-image:var(--glitch-src);pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.glitch-img:before{animation:4s linear infinite glitch-img-before}.glitch-img:after{animation:4s linear infinite glitch-img-after}.text-shadow-yorha{text-shadow:7px 5px #00000030}.yorha-input{background-color:var(--bg-muted);caret-color:var(--primary);border:none;border-radius:0}.yorha-input::placeholder{color:var(--primary);opacity:.5}.yorha-input:focus,.yorha-input:focus-within{background-color:var(--bg-surface)}.yorha-input-wrapper:focus-within:before,.yorha-input-wrapper:focus-within:after{opacity:1;transform:translateY(0)}.yorha-input-wrapper:has(.yorha-input:required:invalid):before{opacity:1;background-color:var(--alert);transform:translateY(0)}.yorha-input-wrapper:has(.yorha-input:required:invalid):after{opacity:1;background-color:var(--alert);transform:translateY(0)}.yorha-input:required:invalid{animation:1.5s infinite glitch}.yorha-switch{background-color:var(--bg-muted);border:var(--border-width) solid var(--primary);cursor:pointer;border-radius:0;align-items:center;width:44px;height:24px;padding:2px;transition:background-color .2s;display:inline-flex;position:relative}.yorha-switch[data-checked]{background-color:var(--primary)}.yorha-switch[data-disabled]{opacity:.6;pointer-events:none}.yorha-switch-thumb{background-color:var(--primary);border-radius:0;width:16px;height:16px;transition:transform .2s,background-color .2s;display:block}.yorha-switch[data-checked] .yorha-switch-thumb{background-color:var(--bg-surface);transform:translate(20px)}.yorha-number-field-btn{background-color:var(--primary);width:36px;color:var(--bg-surface);cursor:pointer;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:background-color .15s;display:inline-flex}.yorha-number-field-btn:hover{background-color:var(--primary-dark)}.yorha-number-field-btn[data-disabled]{opacity:.4;pointer-events:none}.yorha-progress-track{background-color:var(--bg-muted);border:none;border-radius:0;width:100%;height:8px;overflow:hidden}.yorha-progress-indicator{background-color:var(--primary);border-radius:0;height:100%;transition:width .3s linear}.yorha-slider-track{background-color:var(--bg-muted);border:none;border-radius:0;width:100%;height:8px;position:relative}.yorha-slider-indicator{background-color:var(--primary);border-radius:0;height:100%}.yorha-slider-thumb{background-color:var(--primary);border:2px solid var(--primary-dark);cursor:pointer;border-radius:0;outline:none;width:8px;height:20px;transition:background-color .15s}.yorha-slider-thumb:hover,.yorha-slider-thumb:focus-visible,.yorha-slider-thumb[data-dragging]{background-color:var(--primary-dark)}.yorha-slider-thumb[data-disabled]{pointer-events:none}.yorha-progress-track[data-status=indeterminate] .yorha-progress-indicator{animation:1.5s linear infinite progress-indeterminate;width:30%!important}textarea.yorha-input{scrollbar-width:thin;scrollbar-color:var(--primary-dark) transparent}textarea.yorha-input::-webkit-scrollbar{width:.3rem}textarea.yorha-input::-webkit-scrollbar-track{background:0 0}textarea.yorha-input::-webkit-scrollbar-thumb{background-color:var(--primary-dark)}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-4{margin-top:calc(var(--spacing) * 4)}.contents{display:contents}.flex{display:flex}.hidden{display:none}.h-\[2px\]{height:2px}.h-full{height:100%}.w-full{width:100%}.max-w-225{max-width:calc(var(--spacing) * 225)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-auto{overflow:auto}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-muted{border-color:var(--bg-muted)}.bg-muted{background-color:var(--bg-muted)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--bg-surface)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-yorha{font-family:var(--yorha-font)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[48px\]{font-size:48px}.text-\[72px\]{font-size:72px}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0px\]{--tw-tracking:0px;letter-spacing:0}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.tracking-\[8px\]{--tw-tracking:8px;letter-spacing:8px}.text-alert{color:var(--alert)}.text-foreground{color:var(--text)}.text-primary{color:var(--primary)}.text-surface{color:var(--bg-surface)}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.opacity-70{opacity:.7}}:root{--bg:#d1cdb7;--bg-surface:#dad4bb;--bg-muted:#b4af9a;--primary:#57544a;--primary-dark:#4e4b42;--alert:#cd664d;--text:#3f3d36;--grid-line:#ccc8b1;--glitch:#1e1e1a;--yorha-font:"Manrope", sans-serif;--font-size-title:48px;--font-size-subtitle:24px;--font-size-body:14px;--font-size-small:12px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--letter-spacing-title:8px;--letter-spacing-body:1px;--spacing:.25rem;--border-width:2px;--radius:0;--grid-bg-size:.3rem .3rem;--grid-bg-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px)}.dark{--bg:#2e2c26;--bg-surface:#3a3832;--bg-muted:#4e4b42;--primary:#b4af9a;--primary-dark:#c5c0aa;--alert:#cd664d;--text:#d1cdb7;--grid-line:#3a3832;--glitch:#d1cdb7}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(333%)}}@keyframes glitch{0%,to{transform:none}10%,30%,50%,70%{transform:translate(-.3px,.3px)skew(.2deg)}20%,40%,60%,80%{transform:translate(.3px,-.3px)skew(-.2deg)}}@keyframes glitch-before{0%{clip:rect(24px, 9999px, 90px, 0)}10%{clip:rect(95px, 9999px, 53px, 0)}20%{clip:rect(31px, 9999px, 16px, 0)}30%{clip:rect(76px, 9999px, 42px, 0)}40%{clip:rect(58px, 9999px, 81px, 0)}50%{clip:rect(12px, 9999px, 67px, 0)}60%{clip:rect(89px, 9999px, 35px, 0)}70%{clip:rect(43px, 9999px, 72px, 0)}80%{clip:rect(66px, 9999px, 28px, 0)}90%{clip:rect(15px, 9999px, 85px, 0)}to{clip:rect(51px, 9999px, 46px, 0)}}@keyframes glitch-after{0%{clip:rect(67px, 9999px, 12px, 0)}10%{clip:rect(38px, 9999px, 79px, 0)}20%{clip:rect(85px, 9999px, 54px, 0)}30%{clip:rect(21px, 9999px, 93px, 0)}40%{clip:rect(73px, 9999px, 31px, 0)}50%{clip:rect(46px, 9999px, 88px, 0)}60%{clip:rect(14px, 9999px, 62px, 0)}70%{clip:rect(82px, 9999px, 25px, 0)}80%{clip:rect(57px, 9999px, 71px, 0)}90%{clip:rect(33px, 9999px, 48px, 0)}to{clip:rect(91px, 9999px, 17px, 0)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glitch-img-before{0%{clip-path:inset(5% 0% 80%);transform:translate(-4px)}2%{clip-path:inset(65% 0% 15%);transform:translate(4px)}4%{clip-path:inset(28% 0% 54%);transform:translate(-4px)}6%{clip-path:inset(82% 0% 3%);transform:translate(4px)}8%{clip-path:inset(44% 0% 38%);transform:translate(-4px)}10%{clip-path:inset(20% 0% 78%);transform:translate(-1px)}16%{clip-path:inset(75% 0% 23%);transform:translate(1px)}22%{clip-path:inset(10% 0% 88%);transform:translate(-1px)}28%{clip-path:inset(55% 0% 43%);transform:translate(1px)}34%{clip-path:inset(30% 0% 68%);transform:translate(-1px)}40%{clip-path:inset(82% 0% 16%);transform:translate(1px)}46%{clip-path:inset(48% 0% 50%);transform:translate(-1px)}50%{clip-path:inset(20% 0% 62%);transform:translate(-4px)}52%{clip-path:inset(72% 0% 8%);transform:translate(4px)}54%{clip-path:inset(8% 0% 75%);transform:translate(-4px)}56%{clip-path:inset(55% 0% 28%);transform:translate(4px)}58%{clip-path:inset(35% 0% 48%);transform:translate(-4px)}60%{clip-path:inset(48% 0% 50%);transform:translate(1px)}66%{clip-path:inset(15% 0% 83%);transform:translate(-1px)}72%{clip-path:inset(62% 0% 36%);transform:translate(1px)}78%{clip-path:inset(38% 0% 60%);transform:translate(-1px)}84%{clip-path:inset(88% 0% 10%);transform:translate(1px)}90%{clip-path:inset(25% 0% 73%);transform:translate(-1px)}96%{clip-path:inset(60% 0% 38%);transform:translate(1px)}to{clip-path:inset(5% 0% 80%);transform:translate(-4px)}}@keyframes glitch-img-after{0%{clip-path:inset(50% 0% 32%);transform:translate(4px)}2%{clip-path:inset(12% 0% 72%);transform:translate(-4px)}4%{clip-path:inset(78% 0% 8%);transform:translate(4px)}6%{clip-path:inset(22% 0% 60%);transform:translate(-4px)}8%{clip-path:inset(58% 0% 25%);transform:translate(4px)}10%{clip-path:inset(72% 0% 26%);transform:translate(1px)}16%{clip-path:inset(18% 0% 80%);transform:translate(-1px)}22%{clip-path:inset(65% 0% 33%);transform:translate(1px)}28%{clip-path:inset(40% 0% 58%);transform:translate(-1px)}34%{clip-path:inset(85% 0% 13%);transform:translate(1px)}40%{clip-path:inset(28% 0% 70%);transform:translate(-1px)}46%{clip-path:inset(52% 0% 46%);transform:translate(1px)}50%{clip-path:inset(62% 0% 20%);transform:translate(4px)}52%{clip-path:inset(5% 0% 78%);transform:translate(-4px)}54%{clip-path:inset(42% 0% 40%);transform:translate(4px)}56%{clip-path:inset(15% 0% 68%);transform:translate(-4px)}58%{clip-path:inset(78% 0% 12%);transform:translate(4px)}60%{clip-path:inset(35% 0% 63%);transform:translate(-1px)}66%{clip-path:inset(55% 0% 43%);transform:translate(1px)}72%{clip-path:inset(8% 0% 90%);transform:translate(-1px)}78%{clip-path:inset(70% 0% 28%);transform:translate(1px)}84%{clip-path:inset(45% 0% 53%);transform:translate(-1px)}90%{clip-path:inset(22% 0% 76%);transform:translate(1px)}96%{clip-path:inset(48% 0% 50%);transform:translate(-1px)}to{clip-path:inset(50% 0% 32%);transform:translate(4px)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
