@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url("./media/lilita-one-latin-400-normal-NEBCEEUE.woff2") format("woff2"),url("./media/lilita-one-latin-400-normal-IALOTHHY.woff") format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url("./media/nunito-latin-600-normal-D4YHSYEV.woff2") format("woff2"),url("./media/nunito-latin-600-normal-HGWTVWBY.woff") format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url("./media/nunito-latin-800-normal-ZLC45ULI.woff2") format("woff2"),url("./media/nunito-latin-800-normal-OEF6YSFC.woff") format("woff")}:root{--sky: #7ec8f2;--sky-deep: #4fa8e8;--sand: #f4d58d;--sand-deep: #e3b866;--ink: #1d2b53;--ink-soft: #3b4a7a;--paper: #fffaf0;--white: #ffffff;--lime: #9be15d;--pink: #ff5fa2;--teal: #1fb5b0;--orange: #ff9a2e;--violet: #8b6cff;--yellow: #ffd93d;--danger: #e63946;--ok: #1e7b45;--font-display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 18px;--radius-sm: 12px;--outline: 3px;--shadow: 0 5px 0 var(--ink);--shadow-press: 0 1px 0 var(--ink);--gutter: 16px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--sky);color:var(--ink);font-family:var(--font-ui);font-weight:600;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;margin:0;line-height:1.05}a{color:var(--ink)}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px;border-radius:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{--btn-bg: var(--white);--btn-fg: var(--ink);appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 22px;border:var(--outline) solid var(--ink);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-size:1.25rem;line-height:1;text-decoration:none;cursor:pointer;box-shadow:var(--shadow);transform:translateY(0);transition:transform 80ms ease,box-shadow 80ms ease,filter .12s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:hover{filter:brightness(1.04)}.btn:active,.btn.pressed{transform:translateY(4px);box-shadow:var(--shadow-press)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.btn.primary{--btn-bg: var(--lime)}.btn.pink{--btn-bg: var(--pink)}.btn.teal{--btn-bg: var(--teal)}.btn.orange{--btn-bg: var(--orange)}.btn.yellow{--btn-bg: var(--yellow)}.btn.violet{--btn-bg: #6b4ae0;--btn-fg: var(--white)}.btn.small{min-height:40px;padding:6px 14px;font-size:1rem;border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--ink)}.btn.small:active{transform:translateY(2px);box-shadow:var(--shadow-press)}.btn.block{width:100%}.btn.icon{width:52px;padding:0}.panel{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.page{min-height:100dvh;padding:16px var(--gutter) calc(24px + var(--safe-bottom));max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:center;gap:12px}.page-header h1{font-size:2rem;color:var(--white);text-shadow:0 3px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}.field{display:flex;flex-direction:column;gap:6px}.field label,.label{font-weight:800;font-size:.95rem}input[type=text],input[type=email],input:not([type]){font:inherit;font-size:1.15rem;padding:12px 14px;border:var(--outline) solid var(--ink);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);min-height:52px;width:100%}input[type=range]{width:100%;accent-color:var(--ink);min-height:32px}.seg{display:flex;border:var(--outline) solid var(--ink);border-radius:var(--radius-sm);overflow:hidden;background:var(--white)}.seg button{flex:1;appearance:none;border:0;border-left:var(--outline) solid var(--ink);background:transparent;font-family:var(--font-display);font-size:1.05rem;color:var(--ink);padding:10px 4px;min-height:46px;cursor:pointer}.seg button:first-child{border-left:0}.seg button[aria-pressed=true]{background:var(--yellow)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer}.toggle input{width:26px;height:26px;accent-color:var(--ink)}.error-text{color:var(--danger);font-weight:800}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html.reduced-motion *,html.reduced-motion *:before,html.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
