.toggle-input{appearance:none;opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.toggle-a{background-color:var(--state-off);width:62px;height:28px;box-shadow:var(--track-shadow);transition:background-color var(--transition);border-radius:50px;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:relative}.toggle-a.is-checked{background-color:var(--state-on)}.toggle-a__handle{z-index:1;background-color:var(--wood-fallback);background-image:var(--wood-texture);width:28px;height:28px;box-shadow:var(--inset-shadow);transition:transform var(--transition);background-position:50%;background-size:328px 110px;border-radius:50%;position:absolute;top:0;left:0}.toggle-a.is-checked .toggle-a__handle{transform:translate(34px)}.toggle-a__handle:before{content:"";box-shadow:inset 0 1px 2px var(--wood-burn), 0 1px 1px #ffffffbf;background-image:linear-gradient(#ae220120,#0000);border-radius:50%;position:absolute;inset:6.5px}.toggle-a__icon{fill:#fff;filter:drop-shadow(0 -1px 1px #00000040);width:24px;height:24px}.toggle-b{background-color:var(--wood-dark);width:72px;height:28px;box-shadow:var(--track-shadow);transition:background-color var(--transition);border-radius:5px;align-items:center;display:flex;position:relative}.toggle-b.is-checked{background-color:var(--state-on)}.toggle-b__handle{z-index:1;border-radius:inherit;background-color:var(--wood-fallback);background-image:var(--wood-texture);width:36px;height:100%;box-shadow:var(--inset-shadow);transition:transform var(--transition);background-position:50%;background-size:328px 110px;grid-template-columns:repeat(3,auto);place-content:space-between;padding:1px;display:grid;position:absolute;left:0;transform:translate(-4px)}.toggle-b.is-checked .toggle-b__handle{transform:translate(36px)}.toggle-b__dot{width:4px;height:4px;box-shadow:inset 0 1px 1px var(--wood-burn), 0 1px 1px #ffffffbf;border-radius:50%}.toggle-b__text{color:#fff;text-shadow:var(--text-shadow);pointer-events:none;white-space:nowrap;z-index:0;font-size:11px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.toggle-b__text--off{left:auto;right:6px}.toggle-b.is-checked .toggle-b__text--off{opacity:0}.toggle-b__text--on{opacity:0;left:6px;right:auto}.toggle-b.is-checked .toggle-b__text--on{opacity:1}.toggle-c{align-items:center;column-gap:16px;display:flex;position:relative}.toggle-c .toggle-input{position:absolute;inset:0}.toggle-c__text{color:#766f6a;text-shadow:var(--text-shadow-light);font-size:14px}.toggle-c__track-wrapper-wrapper{align-items:center;display:flex;position:relative}.toggle-c__track-wrapper{filter:drop-shadow(0 1px 1px #ffffffbf)}.toggle-c__track{background-color:var(--wood-dark);background-image:radial-gradient(14px 14px at 50% calc(50% + 2px), var(--wood-dark) 50%, var(--wood-darker) calc(50% + 1px)), radial-gradient(14px 14px at 50% calc(50% + 2px), var(--wood-dark) 50%, var(--wood-darker) calc(50% + 1px)), linear-gradient(#00000080 calc(50% - 2px), transparent 50%);background-position:0 0,100% 0,0 0;background-repeat:no-repeat;background-size:14px 14px,14px 14px,100% 100%;border-radius:50px;width:52px;height:14px;-webkit-mask-image:radial-gradient(14px,#fff 50%,#0000 0),linear-gradient(#0000 5px,#fff 5px 9px,#0000 0),radial-gradient(14px,#fff 50%,#0000 0);mask-image:radial-gradient(14px,#fff 50%,#0000 0),linear-gradient(#0000 5px,#fff 5px 9px,#0000 0),radial-gradient(14px,#fff 50%,#0000 0);-webkit-mask-position:0 0,0 0,100% 0;mask-position:0 0,0 0,100% 0;-webkit-mask-size:14px 14px,100% 100%,14px 14px;mask-size:14px 14px,100% 100%,14px 14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.toggle-c__track:before{content:"";width:inherit;height:inherit;background-color:var(--state-on);background-image:radial-gradient(14px 14px at 50% calc(50% + 2px), var(--state-on) 50%, var(--state-on-dark) calc(50% + 1px)), radial-gradient(14px 14px at 50% calc(50% + 2px), var(--state-on) 50%, var(--state-on-dark) calc(50% + 1px)), linear-gradient(#00000080 calc(50% - 2px), transparent 50%);background-size:inherit;background-position:inherit;background-repeat:inherit;-webkit-mask:inherit;mask:inherit;opacity:0;transition:opacity var(--transition);position:absolute}.toggle-c.is-checked .toggle-c__track:before{opacity:1}.toggle-c__handle{z-index:1;background-color:var(--wood-fallback);background-image:var(--wood-texture);width:24px;height:24px;box-shadow:var(--inset-shadow);transition:transform var(--transition);background-position:50%;background-size:328px 110px;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:-5px}.toggle-c.is-checked .toggle-c__handle{transform:translate(35px)}.toggle-c__handle:before{content:"";background-color:var(--wood-dark);width:6px;height:6px;transition:background-color var(--transition);border-radius:50%;position:absolute;box-shadow:inset 0 1px 1px #00000080,0 1px 1px #ffffffbf}.toggle-c.is-checked .toggle-c__handle:before{background-color:var(--state-on)}.toggle-d{background-image:linear-gradient(#ffffff20, #ffffff20), var(--wood-texture);background-position:50%;background-size:100% 100%,328px 110px;border-radius:4px;width:76px;height:32px;position:relative;box-shadow:inset 1px 0 1px #491f0140,inset -1px 0 1px #491f0140,0 0 1px #00000080,0 1px 2px #00000080}.toggle-d__handle{border-radius:inherit;width:70px;height:inherit;background-image:linear-gradient(90deg, #491f0120, #ffffff40, #491f0140), var(--wood-texture);box-shadow:inset 0 .5px 1px var(--wood-edge), inset 1px 0 1px var(--wood-edge);transition:transform var(--transition), background-position var(--transition), box-shadow var(--transition);background-position:100% 0,50%;background-size:200% 100%,328px 110px;align-items:center;display:flex;position:relative}.toggle-d.is-checked .toggle-d__handle{box-shadow:inset 0 .5px 1px var(--wood-edge), inset -1px 0 1px var(--wood-edge);background-position:0 0,50%;transform:translate(6px)}.toggle-d__text{color:var(--wood-dark);text-shadow:var(--text-shadow-light);transition:transform var(--transition), color var(--transition);text-align:center;font-size:14px;position:absolute}.toggle-d__text--off{color:#ac4443;left:8px}.toggle-d.is-checked .toggle-d__text--off{color:var(--wood-dark);transform:translate(-10%)scaleX(.8)}.toggle-d__text--on{right:8px;transform:translate(10%)scaleX(.8)}.toggle-d.is-checked .toggle-d__text--on{color:var(--state-on);transform:translate(0)scaleX(1)}.wooden-slider{flex-direction:column;gap:6px;width:220px;display:flex}.wooden-slider__header{justify-content:space-between;align-items:baseline;display:flex}.wooden-slider__label{color:#766f6a;text-shadow:var(--text-shadow-light);font-size:13px}.wooden-slider__value{color:var(--wood-dark);text-shadow:var(--text-shadow-light);text-align:right;min-width:28px;font-size:13px}.wooden-slider__track-wrapper{align-items:center;height:14px;display:flex;position:relative}.wooden-slider__track-wrapper:before{content:"";background-color:var(--wood-darker);border-radius:4px;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 2px 3px #0000008c,inset 0 -1px 1px #ffffff1f,0 1px 1px #ffffff73}.wooden-slider__fill{background-color:var(--state-on);pointer-events:none;background-image:linear-gradient(#ffffff2e,#0000001f);border-radius:4px;height:8px;transition:width 50ms linear;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 1px 1px #ffffff59}.wooden-slider__input{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:relative}.wooden-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--wood-fallback);background-image:var(--wood-texture);width:24px;height:24px;box-shadow:var(--inset-shadow);background-position:50%;background-size:328px 110px;border-radius:50%;transition:transform .15s}.wooden-slider__input::-webkit-slider-thumb:hover{transform:scale(1.08)}.wooden-slider__input::-webkit-slider-thumb:active{transform:scale(.95)}.wooden-slider__input::-moz-range-thumb{background-color:var(--wood-fallback);background-image:var(--wood-texture);width:24px;height:24px;box-shadow:var(--inset-shadow);cursor:pointer;background-position:50%;background-size:328px 110px;border:none;border-radius:50%}.wooden-slider__input::-moz-range-track{background:0 0}.wooden-slider__input:focus{outline:none}.wooden-slider__labels{color:#8a8178;text-shadow:var(--text-shadow-light);justify-content:space-between;padding:0 2px;font-size:11px;display:flex}.wooden-radio-group{border:none;flex-direction:column;gap:8px;padding:0;display:flex}.wooden-radio-group__legend{color:#766f6a;text-shadow:var(--text-shadow-light);margin-bottom:10px;font-size:13px}.wooden-radio-group__options{flex-direction:column;gap:10px;display:flex}.wooden-radio{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.wooden-radio__input{appearance:none;opacity:0;width:0;height:0;position:absolute}.wooden-radio__track{background-color:var(--wood-darker);width:26px;height:26px;transition:background-color var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 2px 4px #0009,inset 0 -1px 1px #ffffff1a,0 1px 2px #ffffff80}.wooden-radio.is-checked .wooden-radio__track{background-color:var(--state-on);box-shadow:inset 0 2px 4px #00000080,inset 0 -1px 1px #ffffff1a,0 1px 2px #ffffff80}.wooden-radio__knob{background-color:var(--wood-fallback);background-image:var(--wood-texture);width:14px;height:14px;box-shadow:inset 0 1px 1px #ffffffbf, inset 0 -1px 3px var(--wood-shadow), 0 1px 3px #000000b3;opacity:0;background-position:50%;background-size:328px 110px;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:relative;transform:scale(0)}.wooden-radio__knob:before{content:"";box-shadow:inset 0 1px 2px var(--wood-burn), 0 1px 1px #ffffff80;background-image:linear-gradient(#ae220120,#0000);border-radius:50%;position:absolute;inset:3px}.wooden-radio.is-checked .wooden-radio__knob{opacity:1;transform:scale(1)}.wooden-radio__label{color:#766f6a;text-shadow:var(--text-shadow-light);transition:color var(--transition);font-size:14px}.wooden-radio.is-checked .wooden-radio__label{color:var(--wood-dark)}.wooden-select{width:220px;position:relative}.wooden-select__label{color:#766f6a;text-shadow:var(--text-shadow-light);margin-bottom:8px;font-size:13px}.wooden-select__trigger{cursor:pointer;width:100%;height:36px;color:var(--wood-dark);text-shadow:var(--text-shadow-light);background-color:var(--wood-fallback);background-image:linear-gradient(#ffffff1f, #0000000d), var(--wood-texture);box-shadow:inset 0 1px 1px #ffffffa6, inset 0 -1px 3px var(--wood-shadow), 0 2px 4px #0000008c, 0 1px #fff6;background-position:50%;background-size:100% 100%,328px 110px;border:none;border-radius:5px;justify-content:space-between;align-items:center;padding:0 12px;font-family:Signika,sans-serif;font-size:14px;font-weight:700;transition:box-shadow .15s,transform .1s;display:flex}.wooden-select__trigger:hover{box-shadow:inset 0 1px 1px #ffffffbf, inset 0 -1px 4px var(--wood-shadow), 0 3px 6px #0009, 0 1px #ffffff73}.wooden-select__trigger:active,.wooden-select__trigger.is-open{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006,inset 0 -1px 2px #fff3,0 1px 2px #0006}.wooden-select__trigger:focus-visible{outline:2px solid var(--state-on);outline-offset:2px}.wooden-select__arrow{fill:none;width:12px;height:8px;stroke:var(--wood-dark);stroke-width:2px;filter:drop-shadow(0 1px #ffffff80);flex-shrink:0;transition:transform .25s}.wooden-select__trigger.is-open .wooden-select__arrow{transform:rotate(180deg)}.wooden-select__dropdown{z-index:100;background-color:var(--wood-fallback);background-image:linear-gradient(#ffffff14, #0000000a), var(--wood-texture);background-position:50%;background-size:100% 100%,328px 110px;border-radius:5px;list-style:none;animation:.18s wooden-dropdown-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff80,0 4px 12px #00000080,0 1px #ffffff59}@keyframes wooden-dropdown-in{0%{opacity:0;transform:translateY(-6px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.wooden-select__option{color:#766f6a;text-shadow:var(--text-shadow-light);cursor:pointer;border-bottom:1px solid #491f0126;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background-color .12s,color .12s;display:flex}.wooden-select__option:last-child{border-bottom:none}.wooden-select__option:hover{color:var(--wood-dark);background-color:#ffffff2e}.wooden-select__option.is-selected{color:var(--state-on);background-color:#5698bb1f}.wooden-select__option.is-focused{color:var(--wood-dark);outline:2px solid var(--state-on);outline-offset:-2px;background-color:#ffffff47}.wooden-select__option.is-focused.is-selected{color:var(--state-on)}.wooden-select__dropdown:focus{outline:none}.wooden-select__check{width:14px;height:14px;fill:var(--state-on);filter:drop-shadow(0 1px #0003);flex-shrink:0}.wooden-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;display:inline-flex}.wooden-checkbox.is-disabled{cursor:not-allowed;opacity:.45}.wooden-checkbox__input{appearance:none;opacity:0;pointer-events:none;width:0;height:0;position:absolute}.wooden-checkbox__box{background-color:var(--wood-darker);width:22px;height:22px;transition:background-color var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 2px 4px #000000a6,inset 0 -1px 1px #ffffff14,0 1px 2px #ffffff73}.wooden-checkbox.is-checked .wooden-checkbox__box{background-color:var(--state-on);box-shadow:inset 0 2px 3px #00000073,inset 0 -1px 1px #ffffff1f,0 1px 2px #fff6}.wooden-checkbox__box:before{content:"";transition:opacity var(--transition);background-image:linear-gradient(#ae22011a,#0000);border-radius:2px;position:absolute;inset:3px;box-shadow:inset 0 1px 2px #00000059}.wooden-checkbox.is-checked .wooden-checkbox__box:before{opacity:0}.wooden-checkbox__mark{z-index:1;color:#fff;filter:drop-shadow(0 1px 1px #00000059);width:14px;height:11px;position:relative;overflow:visible}.wooden-checkbox__mark polyline{stroke-dasharray:20;stroke-dashoffset:20px;transition:stroke-dashoffset .28s cubic-bezier(.4,0,.2,1)}.wooden-checkbox.is-checked .wooden-checkbox__mark polyline{stroke-dashoffset:0}.wooden-checkbox__label{color:#766f6a;text-shadow:var(--text-shadow-light);font-size:14px;transition:color .25s}.wooden-checkbox.is-checked .wooden-checkbox__label{color:var(--wood-dark)}.wooden-checkbox-group{border:none;flex-direction:column;gap:8px;padding:0;display:flex}.wooden-checkbox-group__legend{color:#766f6a;text-shadow:var(--text-shadow-light);margin-bottom:10px;font-size:13px}.wooden-checkbox-group__list{flex-direction:column;gap:10px;display:flex}.wooden-btn{cursor:pointer;letter-spacing:.03em;background-color:var(--wood-fallback);background-image:linear-gradient(#ffffff21, #0000000f), var(--wood-texture);box-shadow:inset 0 1px 1px #ffffffb3, inset 0 -1px 3px var(--wood-shadow), 0 3px 6px #00000080, 0 1px #fff6;color:var(--wood-dark);text-shadow:var(--text-shadow-light);background-position:50%;background-size:100% 100%,328px 110px;border:none;border-radius:5px;justify-content:center;align-items:center;gap:7px;font-family:Signika,sans-serif;font-weight:700;transition:transform .1s,box-shadow .1s,filter .15s;display:inline-flex;position:relative;overflow:hidden}.wooden-btn__grain{background-color:var(--wood-fallback);background-image:var(--wood-texture);opacity:0;pointer-events:none;background-position:50%;background-size:328px 110px;transition:opacity .1s;position:absolute;inset:0}.wooden-btn:hover{box-shadow:inset 0 1px 1px #fffc, inset 0 -1px 4px var(--wood-shadow), 0 4px 8px #0000008c, 0 1px #ffffff73;filter:brightness(1.04)}.wooden-btn:active:not(.is-disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #00000073,inset 0 -1px 2px #ffffff2e,0 1px 2px #00000059}.wooden-btn:active:not(.is-disabled) .wooden-btn__grain{opacity:.18}.wooden-btn:focus-visible{outline:2px solid var(--state-on);outline-offset:3px}.wooden-btn.is-disabled{cursor:not-allowed;opacity:.42;pointer-events:none}.wooden-btn--sm{height:28px;padding:0 12px;font-size:12px}.wooden-btn--md{height:36px;padding:0 18px;font-size:14px}.wooden-btn--lg{height:44px;padding:0 26px;font-size:15px}.wooden-btn--full{width:100%}.wooden-btn__icon{flex-shrink:0;align-items:center;display:flex;position:relative}.wooden-btn__icon svg{width:1em;height:1em}.wooden-btn__label{position:relative}.wooden-btn--primary{background-image:linear-gradient(#ffffff2e, #0000001f), var(--wood-texture);background-blend-mode:normal, luminosity;background-color:var(--state-on);color:#fff;text-shadow:0 1px 2px #0006;box-shadow:inset 0 1px 1px #ffffff73, inset 0 -1px 3px var(--state-on-dark), 0 3px 6px #00000080, 0 1px #ffffff4d;background-size:100% 100%,328px 110px}.wooden-btn--primary:hover{filter:brightness(1.08);box-shadow:inset 0 1px 1px #ffffff80, inset 0 -1px 4px var(--state-on-dark), 0 4px 8px #0000008c, 0 1px #ffffff59}.wooden-btn--primary:active:not(.is-disabled){box-shadow:inset 0 2px 5px #0006,inset 0 -1px 2px #ffffff26,0 1px 2px #00000059}.wooden-btn--danger{background-image:linear-gradient(#ffffff26, #0000001a), var(--wood-texture);background-blend-mode:normal, luminosity;background-color:var(--state-off);color:#fff;text-shadow:0 1px 2px #0006;box-shadow:inset 0 1px 1px #fff6, inset 0 -1px 3px var(--state-off-dark), 0 3px 6px #00000080, 0 1px #ffffff4d;background-size:100% 100%,328px 110px}.wooden-btn--danger:hover{filter:brightness(1.08);box-shadow:inset 0 1px 1px #ffffff73, inset 0 -1px 4px var(--state-off-dark), 0 4px 8px #0000008c, 0 1px #ffffff4d}.wooden-btn--danger:active:not(.is-disabled){box-shadow:inset 0 2px 5px #0006,inset 0 -1px 2px #ffffff1f,0 1px 2px #00000059}.wooden-input-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.wooden-input-wrap.is-disabled{opacity:.42;pointer-events:none}.wooden-input__label{color:#766f6a;text-shadow:var(--text-shadow-light);cursor:default;font-size:13px;font-weight:700}.wooden-input__field{background-color:var(--wood-darker);background-image:linear-gradient(#0000001f,#0000000a 50%,#ffffff0a);border-radius:5px;align-items:center;transition:box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 2px 5px #0009,inset 0 1px 2px #0006,inset 1px 0 1px #0003,0 1px #ffffff73}.wooden-input__field:focus-within{box-shadow:inset 0 2px 5px #0000008c, inset 0 1px 2px #00000059, inset 1px 0 1px #00000026, 0 0 0 2px var(--state-on), 0 1px #ffffff59}.wooden-input__field--error{box-shadow:inset 0 2px 5px #0009, inset 0 1px 2px #0006, 0 0 0 2px var(--state-off), 0 1px #ffffff59}.wooden-input__field--error:focus-within{box-shadow:inset 0 2px 5px #0000008c, 0 0 0 2px var(--state-off), 0 1px #ffffff4d}.wooden-input__el{height:36px;color:var(--wood-light);caret-color:var(--state-on);background:0 0;border:none;outline:none;flex:1;width:100%;padding:0 12px;font-family:Signika,sans-serif;font-size:14px;font-weight:400}.wooden-input__el::placeholder{color:#a4826080;font-weight:400}.wooden-input__el:-webkit-autofill{-webkit-text-fill-color:var(--wood-light);-webkit-box-shadow:0 0 0 40px var(--wood-darker) inset;transition:background-color 5000s ease-in-out}.wooden-input__el:-webkit-autofill:hover{-webkit-text-fill-color:var(--wood-light);-webkit-box-shadow:0 0 0 40px var(--wood-darker) inset;transition:background-color 5000s ease-in-out}.wooden-input__el:-webkit-autofill:focus{-webkit-text-fill-color:var(--wood-light);-webkit-box-shadow:0 0 0 40px var(--wood-darker) inset;transition:background-color 5000s ease-in-out}.wooden-input__icon{color:#a4826099;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:100%;display:flex;position:absolute}.wooden-input__icon--before{pointer-events:none;left:0}.wooden-input__icon--after{cursor:pointer;background:0 0;border:none;border-radius:0 5px 5px 0;transition:color .15s;right:0}.wooden-input__icon--after:hover{color:var(--wood-light)}.wooden-input__icon--after:focus-visible{outline:2px solid var(--state-on);outline-offset:-2px}.wooden-input__icon svg{width:15px;height:15px}.wooden-input__meta{justify-content:space-between;align-items:baseline;gap:8px;min-height:16px;display:flex}.wooden-input__helper{color:#8a8178;text-shadow:var(--text-shadow-light);font-size:12px;font-weight:400}.wooden-input__error{color:var(--state-off);text-shadow:0 1px 1px #0000004d;font-size:12px;font-weight:700}.wooden-input__counter{color:#8a8178;text-shadow:var(--text-shadow-light);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.wooden-textarea-wrap{flex-direction:column;gap:6px;width:100%;display:flex}.wooden-textarea-wrap.is-disabled{opacity:.42;pointer-events:none}.wooden-textarea__label{color:#766f6a;text-shadow:var(--text-shadow-light);cursor:default;font-size:13px;font-weight:700}.wooden-textarea__field{background-color:var(--wood-darker);background-image:linear-gradient(#0000001f,#0000000a 50%,#ffffff0a);border-radius:5px;transition:box-shadow .2s;position:relative;box-shadow:inset 0 2px 5px #0009,inset 0 1px 2px #0006,inset 1px 0 1px #0003,0 1px #ffffff73}.wooden-textarea__field:focus-within{box-shadow:inset 0 2px 5px #0000008c, inset 0 1px 2px #00000059, 0 0 0 2px var(--state-on), 0 1px #ffffff59}.wooden-textarea__field--error{box-shadow:inset 0 2px 5px #0009, inset 0 1px 2px #0006, 0 0 0 2px var(--state-off), 0 1px #ffffff59}.wooden-textarea__field--error:focus-within{box-shadow:inset 0 2px 5px #0000008c, 0 0 0 2px var(--state-off), 0 1px #ffffff4d}.wooden-textarea__el{width:100%;min-height:80px;color:var(--wood-light);caret-color:var(--state-on);resize:vertical;background:0 0;border:none;outline:none;padding:10px 12px 22px;font-family:Signika,sans-serif;font-size:14px;font-weight:400;line-height:1.6;display:block;overflow:hidden}.wooden-textarea__el::placeholder{color:#a4826080;font-weight:400}.wooden-textarea__el::-webkit-scrollbar{width:6px}.wooden-textarea__el::-webkit-scrollbar-track{background:0 0}.wooden-textarea__el::-webkit-scrollbar-thumb{background:#a482604d;border-radius:3px}.wooden-textarea__resize-grip{pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:5px;right:6px}.wooden-textarea__resize-grip span{background:#a4826059;border-radius:1px;height:1.5px;display:block;box-shadow:0 1px #ffffff26}.wooden-textarea__resize-grip span:first-child{width:6px;margin-left:8px}.wooden-textarea__resize-grip span:nth-child(2){width:10px;margin-left:4px}.wooden-textarea__resize-grip span:nth-child(3){width:14px;margin-left:0}.wooden-textarea__meta{justify-content:space-between;align-items:baseline;gap:8px;min-height:16px;display:flex}.wooden-textarea__helper{color:#8a8178;text-shadow:var(--text-shadow-light);font-size:12px;font-weight:400}.wooden-textarea__error{color:var(--state-off);text-shadow:0 1px 1px #0000004d;font-size:12px;font-weight:700}.wooden-textarea__counter{color:#8a8178;text-shadow:var(--text-shadow-light);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.wooden-number-wrap{flex-direction:column;gap:6px;display:flex}.wooden-number-wrap.is-disabled{opacity:.42;pointer-events:none}.wooden-number__label{color:#766f6a;text-shadow:var(--text-shadow-light);cursor:default;font-size:13px;font-weight:700}.wooden-number__field{border-radius:5px;align-items:stretch;height:38px;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:inset 0 2px 5px #0000008c,inset 0 1px 2px #0000004d,0 1px #ffffff73}.wooden-number__field:focus-within{box-shadow:inset 0 2px 5px #00000080, 0 0 0 2px var(--state-on), 0 1px #ffffff59}.wooden-number__field--error{box-shadow:inset 0 2px 5px #0000008c, 0 0 0 2px var(--state-off), 0 1px #ffffff59}.wooden-number__btn{cursor:pointer;width:36px;color:var(--wood-darker);background-color:var(--wood-fallback);background-image:linear-gradient(#ffffff38, #0000000a), var(--wood-texture);background-position:50%;background-size:100% 100%,328px 110px;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:filter .1s,transform 80ms;display:flex}.wooden-number__btn svg{pointer-events:none;filter:drop-shadow(0 1px #ffffff80);width:12px;height:12px}.wooden-number__btn--dec{box-shadow:inset -1px 0 #00000040,inset 0 1px 1px #fff6}.wooden-number__btn--inc{box-shadow:inset 1px 0 #00000040,inset 0 1px 1px #fff6}.wooden-number__btn:hover:not(:disabled){filter:brightness(1.12)}.wooden-number__btn:active:not(:disabled){filter:brightness(.9);transform:scale(.95)}.wooden-number__btn:focus-visible{outline:2px solid var(--state-on);outline-offset:-2px}.wooden-number__btn.is-limit,.wooden-number__btn:disabled{opacity:.35;cursor:not-allowed}.wooden-number__input-wrap{background-color:var(--wood-darker);background-image:linear-gradient(#0000001a,#0000000a 50%,#ffffff08);flex:1;display:flex}.wooden-number__el{text-align:center;color:var(--wood-light);caret-color:var(--state-on);appearance:textfield;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0 4px;font-family:Signika,sans-serif;font-size:15px;font-weight:700}.wooden-number__el::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wooden-number__el::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wooden-number__meta{min-height:16px}.wooden-number__helper{color:#8a8178;text-shadow:var(--text-shadow-light);font-size:12px;font-weight:400}.wooden-number__error{color:var(--state-off);text-shadow:0 1px 1px #0000004d;font-size:12px;font-weight:700}.app{flex-direction:column;gap:28px;width:100%;max-width:900px;padding:32px 24px 48px;display:flex}.app__header{flex-direction:column;align-items:center;gap:4px;padding:28px 0 20px;display:flex;position:relative}.app__header-knot{background-image:radial-gradient(ellipse 60% 50% at 42% 38%, #ffffff2e 0%, transparent 55%), var(--wood-texture);width:60px;height:60px;box-shadow:inset 0 2px 3px #ffffff80, inset 0 -2px 6px var(--wood-shadow), 0 3px 8px #0009, 0 1px 2px #ffffff59;opacity:.35;background-position:50%;background-size:100% 100%,328px 110px;border-radius:50%;position:absolute;top:20px;left:50%;transform:translate(-50%)}.app__title{color:var(--wood-darker);text-shadow:0 2px 4px #00000040,0 1px #ffffff80;letter-spacing:.04em;font-size:36px;font-weight:700;position:relative}.app__subtitle{color:#8a8178;text-shadow:var(--text-shadow-light);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:400}.app__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:20px;display:grid}.card{background-image:linear-gradient(#ffffff1a, #0000000a), var(--wood-texture);background-position:50%;background-size:100% 100%,328px 110px;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:inset 0 1px 1px #ffffff8c,inset 1px 0 1px #fff3,inset -1px 0 1px #491f0126,0 4px 12px #00000073,0 1px #fff6}.card__title{color:#766f6a;text-shadow:var(--text-shadow-light);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #491f0133;padding-bottom:10px;font-size:13px;font-weight:700}.card__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card__row--center{justify-content:center}.card__field-label{color:#766f6a;text-shadow:var(--text-shadow-light);font-size:14px}.card__divider{background:#491f0126;height:1px;margin:2px 0;box-shadow:0 1px #fff6}.card--wide{grid-column:1/-1}.card__btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card__label-sm{color:#8a8178;text-shadow:var(--text-shadow-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:-4px;font-size:11px;font-weight:700}.card__number-row{flex-wrap:wrap;gap:16px;display:flex}.card__number-row>*{flex:1;min-width:120px}.app__readout{background-color:var(--wood-darker);border-radius:5px;flex-direction:column;gap:8px;padding:16px 20px;display:flex;box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff4d}.app__readout-label{color:#8a7e74;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.app__readout-pre{color:var(--wood-light);white-space:pre-wrap;font-family:Courier New,monospace;font-size:12px;font-weight:400;line-height:1.6}:root{--wood-light:#d4a96a;--wood-mid:#a07840;--wood-dark:#775b40;--wood-darker:#4b3928;--wood-shadow:#b75301;--wood-edge:#e9d38d;--wood-burn:#ad2201;--state-off:#b55;--state-off-dark:#8b3020;--state-on:#5698bb;--state-on-dark:#33596e;--text-shadow:0 1px 1px #00000080;--text-shadow-light:0 1px 1px #ffffffbf;--wood-texture:url(/wood-pattern.png);--wood-fallback:#c9a468;--inset-shadow:inset 0 1px 1px #ffffffbf, inset 0 -1px 4px #b75301, 0 1px 4px #000000bf;--track-shadow:inset 0 1px 1px #00000080, 0 1px #ffffff80;--transition:.4s linear}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#bbb;justify-content:center;align-items:center;min-height:100vh;font-family:Signika,sans-serif;font-weight:700;display:flex}