@font-face{font-family:montserrat;src:url(../media/montserrat_latin-s.p.1dqa_6e_ad4sj.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:montserrat Fallback;src:local(Arial);ascent-override:87.85%;descent-override:22.78%;line-gap-override:0.0%;size-adjust:110.19%}.montserrat_87dc11b6-module__mzzNPa__className{font-family:montserrat,montserrat Fallback}.montserrat_87dc11b6-module__mzzNPa__variable{--font-montserrat:"montserrat", "montserrat Fallback"}
:root{--imio-pink:#e6007e;--imio-pink-soft:#fde6f2;--text:#282828;--muted:#6c757d;--ok:#2e9e5b;--warning:#b07a00;--danger:#c92a2a;--border:#e4e4e4}*{box-sizing:border-box;font-family:var(--font-montserrat), sans-serif}body{color:var(--text);background-color:#fafafa;min-height:100dvh;margin:0}.shell{flex-direction:column;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app-header{z-index:1;align-items:center;gap:8px;padding:1.5rem 0 .5rem;display:flex}.wordmark{letter-spacing:.01em;color:#3c3c3b;font-size:1.6rem;font-weight:700}.wordmark-accent{color:var(--imio-pink)}.app-main{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;padding:16px 24px 24px;display:flex}.app-footer{color:var(--muted);text-align:center;z-index:1;padding:0 24px 14px;font-size:12px}.top-shape,.bottom-shape{z-index:0;pointer-events:none;opacity:.16;position:fixed}.top-shape{width:min(28vw,280px);top:0;left:0}.bottom-shape{width:min(20vw,200px);display:flex;bottom:0;right:0}.top-shape svg,.bottom-shape svg{width:100%;height:auto;display:block}.screen{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;padding:32px 28px;display:flex;box-shadow:0 10px 30px #2828280f}h1{margin:0;font-size:1.35rem;font-weight:700}.hint{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.hint.warning{color:var(--warning)}.error{color:var(--danger);margin:0;font-size:.92rem}.field{text-align:left;width:100%;color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}input,select{width:100%;color:var(--text);background:#fff;border:2px solid #ccc;border-radius:10px;padding:11px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--imio-pink);outline:none;box-shadow:0 0 0 .2rem #de047b26}.code-input{letter-spacing:.45em;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--imio-pink);font-size:1.9rem;font-weight:700}button{cursor:pointer;font-size:1rem;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.primary{border:2px solid var(--imio-pink);background:var(--imio-pink);color:#fff;border-radius:10px;width:100%;padding:12px 25px;font-weight:600}.primary:hover:not(:disabled){color:var(--imio-pink);background:#fff}.secondary{border:2px solid var(--imio-pink);color:var(--imio-pink);background:#fff;border-radius:10px;padding:12px 25px;font-weight:600}.secondary:hover:not(:disabled){background:var(--imio-pink);color:#fff}.stop{border:2px solid var(--text);background:var(--text);color:#fff;border-radius:10px;padding:12px 25px;font-weight:600}.stop:hover:not(:disabled){color:var(--text);background:#fff}.link{color:var(--muted);background:0 0;border:none;font-size:.88rem;text-decoration:underline}.link:hover{color:var(--imio-pink)}.record-button{background:var(--imio-pink-soft);border:3px solid var(--imio-pink);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.record-button:hover:not(:disabled){background:var(--imio-pink)}.record-button:hover:not(:disabled) .record-dot{background:#fff}.record-button:active{transform:scale(.96)}.record-dot{background:var(--imio-pink);border-radius:50%;width:44px;height:44px;transition:background .2s;display:inline-block}.record-dot.small{width:12px;height:12px;animation:1.4s infinite blink}.rec-badge{letter-spacing:.08em;color:var(--imio-pink);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.rec-badge.paused{color:var(--muted)}.rec-badge.paused .record-dot.small{background:var(--muted);animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.timer{font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:3rem;font-weight:300}.level-meter{background:#efefef;border-radius:5px;width:100%;height:10px;overflow:hidden}.level-fill{background:linear-gradient(90deg, var(--ok), #f0b24e 80%, var(--imio-pink));height:100%;transition:width .12s}.controls{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.done-check{background:var(--ok);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.2rem;display:flex}@media (max-width:620px){.app-header{padding-top:1rem}.screen{padding:24px 20px}.top-shape{width:40vw}.bottom-shape{width:30vw}}