body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f7fb;--card:#ffffffe0;--primary:#4f46e5;--primary-light:#eef2ff;--success:#16a34a;--danger:#dc2626;--text:#1f2937;--text-light:#6b7280;--shadow:0 10px 30px #00000014;--radius:24px}body{background:radial-gradient(circle at top left,#dbeafe 0,#0000 30%),radial-gradient(circle at bottom right,#ede9fe 0,#0000 30%),#f4f7fb;background:radial-gradient(circle at top left,#dbeafe 0,#0000 30%),radial-gradient(circle at bottom right,#ede9fe 0,#0000 30%),var(--bg);color:#1f2937;color:var(--text);font-family:Inter,Segoe UI,sans-serif}.main,body{min-height:100vh}.main{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px;width:100%}.main>*{max-width:720px;width:100%}.main{gap:24px}.main:before{content:"";inset:0;position:absolute;z-index:-1}.main h1{color:#1f2937;color:var(--text);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:8px;text-align:center}.displayedNote{background:#fff;border-radius:20px;box-shadow:0 12px 30px #00000014,0 4px 10px #0000000a;height:auto;padding:20px;transition:transform .25s ease,box-shadow .25s ease;width:min(100%,340px)}.displayedNote:hover{box-shadow:0 18px 35px #0000001f,0 8px 14px #0000000f;transform:translateY(-4px)}.noteButtonDiv{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:1024px;width:100%}.noteButtonNotSelected,.noteButtonOk,.noteButtonWrong{border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;font-size:1rem;font-weight:700;min-height:56px;padding:14px 20px;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.noteButtonNotSelected{background:#fff;color:#1f2937;color:var(--text)}.noteButtonNotSelected:hover{background:#eef2ff;background:var(--primary-light);transform:translateY(-2px)}.noteButtonOk{background:#16a34a;background:var(--success);color:#fff}.noteButtonWrong{background:#dc2626;background:var(--danger);color:#fff}.noteButtonOk:hover,.noteButtonWrong:hover{transform:translateY(-2px)}.noteButtonNotSelected:active,.noteButtonOk:active,.noteButtonWrong:active{transform:scale(.97)}.main>div:nth-of-type(2){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;background:var(--card);border-radius:24px;border-radius:var(--radius);box-shadow:0 10px 30px #00000014;box-shadow:var(--shadow);max-width:620px;padding:20px;width:100%}.main ul{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;list-style:none}.main li{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000d;padding:12px 16px}.main label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:10px}.main input[type=checkbox]{accent-color:#4f46e5;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.main>div:nth-of-type(3){display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:620px;width:100%}.main>div:nth-of-type(3) p{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;box-shadow:var(--shadow);font-size:1rem;font-weight:700;padding:16px 24px}@media (max-width:768px){.main{padding:18px}.displayedNote{width:min(100%,280px)}.noteButtonDiv{grid-template-columns:repeat(2,1fr)}.main ul{flex-direction:column}}@media (max-width:480px){.main h1{font-size:2.2rem}.noteButtonDiv{grid-template-columns:1fr}.noteButtonNotSelected,.noteButtonOk,.noteButtonWrong{width:100%}.main>div:nth-of-type(3){flex-direction:column}}@media (prefers-reduced-motion:no-preference){.main{animation:fadeIn .5s ease}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.c4962e15.css.map*/