.page-module__O0JFbW__page{color:#0f1115;min-height:100vh;font-family:var(--font-geist-sans);background:radial-gradient(circle at 0 0,#ffd8a8 0%,#fef9f2 45%,#f2f4ff 100%);grid-template-rows:auto 1fr;display:grid}.page-module__O0JFbW__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-bottom:1px solid #0f11151a;justify-content:space-between;align-items:center;padding:24px 36px;display:flex}.page-module__O0JFbW__headerRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.page-module__O0JFbW__brand{letter-spacing:.2em;text-transform:uppercase;color:#394150;font-size:18px;font-weight:600}.page-module__O0JFbW__counter{color:#0f1115;background:#fff;border:1px solid #0f11151a;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}.page-module__O0JFbW__zoomButton{color:#fff;cursor:pointer;background:#0f1115;border:1px solid #0f11151f;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.page-module__O0JFbW__main{flex-direction:column;align-items:center;gap:24px;width:100%;padding:40px 24px 64px;display:flex}.page-module__O0JFbW__dashboard{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;width:min(100%,1100px);display:grid}.page-module__O0JFbW__card{background:#ffffffeb;border:1px solid #0f11151f;border-radius:20px;gap:10px;padding:18px 20px;display:grid;box-shadow:0 16px 32px #0f111514}.page-module__O0JFbW__inputLabel{text-transform:uppercase;letter-spacing:.16em;color:#5d646f;font-size:12px;font-weight:600}.page-module__O0JFbW__dateRow{align-items:center;gap:10px;display:flex}.page-module__O0JFbW__dateInput{background:#fff;border:1px solid #0f111529;border-radius:12px;flex:1;padding:10px 12px;font-size:14px}.page-module__O0JFbW__clearButton{color:#0f1115;cursor:pointer;background:#f2f2f2;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.page-module__O0JFbW__clearButton:disabled{opacity:.5;cursor:default}.page-module__O0JFbW__inputHint{color:#5d646f;margin:0;font-size:13px}.page-module__O0JFbW__metricLabel{text-transform:uppercase;letter-spacing:.16em;color:#5d646f;font-size:12px;font-weight:600}.page-module__O0JFbW__metricValue{color:#0f1115;font-size:28px;font-weight:700}.page-module__O0JFbW__progressSection{color:#fff;background:#0f1115;border-radius:24px;gap:12px;width:min(100%,1100px);padding:20px 22px;display:grid;box-shadow:0 20px 40px #0f111533}.page-module__O0JFbW__progressHeader{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page-module__O0JFbW__progressTitle{letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;font-size:14px;font-weight:600}.page-module__O0JFbW__progressValue{font-size:28px;font-weight:700}.page-module__O0JFbW__progressBar{background:#ffffff26;border-radius:999px;height:14px;position:relative;overflow:hidden}.page-module__O0JFbW__progressFill{background:linear-gradient(90deg,#3ddc97,#f8c95d);border-radius:999px;width:0%;transition:width .35s;position:absolute;inset:0}.page-module__O0JFbW__progressMeta{color:#ffffffb3;font-size:13px}.page-module__O0JFbW__stage{place-items:center;gap:18px;width:min(100%,1200px);display:grid}.page-module__O0JFbW__digitsViewport{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}.page-module__O0JFbW__digitsPanel{transform-origin:0 0;background:#f8f3ea;border:1px solid #0f11151f;border-radius:32px;padding:32px;display:inline-block;box-shadow:0 24px 60px #0f111526,inset 0 1px #fff9}.page-module__O0JFbW__digits{gap:18px;width:fit-content;display:flex}.page-module__O0JFbW__zoomed{transform:scale(1.4)}.page-module__O0JFbW__digit{grid-template-rows:repeat(17,18px);grid-template-columns:repeat(12,18px);gap:4px;display:grid}.page-module__O0JFbW__pixel,.page-module__O0JFbW__pixelEmpty{border:1px solid #0f11151f;border-radius:4px;width:18px;height:18px}.page-module__O0JFbW__pixel{cursor:pointer;background:#fffc;transition:transform .15s,box-shadow .15s}.page-module__O0JFbW__pixel:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0f11152e}.page-module__O0JFbW__pixelEmpty{background:0 0;border-color:#0000}.page-module__O0JFbW__helper{color:#5d646f;letter-spacing:.08em;text-transform:uppercase;font-size:14px}.page-module__O0JFbW__modalBackdrop{z-index:20;background:#0f111566;place-items:center;display:grid;position:fixed;inset:0}.page-module__O0JFbW__modal{background:#fff;border-radius:20px;gap:16px;width:min(360px,90vw);padding:24px;display:grid;box-shadow:0 24px 60px #0f111533}.page-module__O0JFbW__modalTitle{font-size:18px;font-weight:600}.page-module__O0JFbW__colorInput{cursor:pointer;border:none;border-radius:16px;width:100%;height:140px;padding:0}.page-module__O0JFbW__colorInput::-webkit-color-swatch-wrapper{padding:0}.page-module__O0JFbW__colorInput::-webkit-color-swatch{border:0;border-radius:16px}.page-module__O0JFbW__modalActions{flex-wrap:wrap;gap:10px;display:flex}.page-module__O0JFbW__primary,.page-module__O0JFbW__secondary,.page-module__O0JFbW__ghost{cursor:pointer;border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.page-module__O0JFbW__primary{color:#fff;background:#0f1115}.page-module__O0JFbW__secondary{color:#0f1115;background:#f2f2f2}.page-module__O0JFbW__ghost{color:#5d646f;background:0 0}@media (max-width:900px){.page-module__O0JFbW__header{flex-direction:column;align-items:flex-start;gap:12px}.page-module__O0JFbW__main{padding:28px 16px 48px}.page-module__O0JFbW__dashboard{grid-template-columns:1fr}.page-module__O0JFbW__progressSection{padding:18px}.page-module__O0JFbW__digitsPanel{padding:20px}.page-module__O0JFbW__digit{grid-template-rows:repeat(17,14px);grid-template-columns:repeat(12,14px);gap:3px}.page-module__O0JFbW__pixel,.page-module__O0JFbW__pixelEmpty{width:14px;height:14px}}@media (max-width:600px){.page-module__O0JFbW__digitsViewport{max-height:70vh}}