@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap";:root{color-scheme:light;--bg-color: #f9f8f4;--text-dark: #3b322c;--text-muted: #8b837c;--btn-primary: #d56a52;--btn-secondary: #f0ebe2;--btn-hover: #e4dfd5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-dark);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:600px;margin:0 auto;position:relative}button{font-family:inherit;border:none;cursor:pointer;transition:transform .1s ease,background-color .2s ease}button:active{transform:scale(.95)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;max-width:500px;position:relative;align-items:center;padding:1rem;margin:0 auto;overflow-y:hidden;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch}html,body,#root{width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0}.header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1rem;padding:0 .5rem}.top-title{font-size:1rem;font-weight:500;color:var(--text-muted)}.project-select{font-family:inherit;background:#fff;border:1px solid var(--btn-secondary);border-radius:8px;padding:.4rem .8rem;font-size:.9rem;color:var(--text-dark);font-weight:600;outline:none;cursor:pointer;box-shadow:0 2px 8px #00000005}.main-counter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:max(1rem,3vh);padding-bottom:1rem;min-height:0}.number-display{font-size:min(10rem,30vh);font-weight:800;line-height:1;color:var(--text-dark);letter-spacing:-4px;transition:transform .1s cubic-bezier(.175,.885,.32,1.275)}.number-display.bump{transform:scale(1.05)}.target-display{font-size:1rem;color:var(--btn-primary);font-weight:600;margin-top:-1.5rem;text-align:center}.controls-row{display:flex;align-items:center;gap:1.25rem}.btn-secondary{width:max(48px,min(64px,15vw));height:max(48px,min(64px,15vw));flex-shrink:0;background-color:var(--btn-secondary);border-radius:16px;color:var(--text-dark);display:flex;align-items:center;justify-content:center}.btn-primary{width:max(64px,min(80px,20vw));height:max(64px,min(80px,20vw));flex-shrink:0;background-color:var(--btn-primary);border-radius:20px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d56a5240}.stitch-selector{display:flex;gap:.5rem;padding:.5rem;background:#fff;border-radius:100px;border:1px solid var(--btn-secondary);pointer-events:auto;z-index:20;overflow-x:auto;max-width:90vw;scrollbar-width:none;box-shadow:0 4px 12px #00000008}.stitch-selector::-webkit-scrollbar{display:none}.stitch-option{position:relative;cursor:pointer}.stitch-option input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.stitch-label{display:inline-block;padding:.5rem 1rem;border-radius:100px;font-size:.9rem;font-weight:600;color:var(--text-muted);transition:all .2s ease;white-space:nowrap}.stitch-option input[type=radio]:checked~.stitch-label{background:var(--btn-secondary);color:var(--text-dark)}.bottom-area{margin-top:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:max(5rem,2vh);width:100%}.add-rounds-btn{background:transparent;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;gap:.25rem;padding:.5rem}.active-mic{background-color:var(--text-dark);color:#fff;box-shadow:0 4px 12px #00000026;animation:pulse-mic 1.5s infinite alternate}.instructions-content{flex:1;overflow-y:auto;font-size:.95rem;line-height:1.5;color:var(--text-dark);padding:0 1.5rem}.instructions-content ul{padding-left:1.5rem;margin-top:1rem}.instructions-content li{margin-bottom:.75rem}.instructions-content strong{color:var(--btn-primary)}.drawer-overlay{position:absolute;inset:0;background:#0006;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.drawer-overlay.open{opacity:1;pointer-events:auto}@keyframes pulse-mic{0%{transform:scale(1)}to{transform:scale(1.05)}}.rounds-drawer{position:absolute;bottom:0;left:0;right:0;height:85vh;background:var(--bg-color);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 40px #0000001a;z-index:50;transform:translateY(calc(100% + 40px));transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:1.5rem 0}.rounds-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin:0 1.5rem 1rem;border-bottom:1px solid var(--btn-secondary);padding-bottom:1rem}.close-btn{background:var(--btn-secondary);border-radius:50%;color:var(--text-dark);font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.rounds-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:0 1.5rem}.round-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:12px;border:2px solid transparent;box-shadow:0 2px 8px #00000008;cursor:pointer}.round-item.active{border-color:var(--btn-primary);background:#fffcfb}.round-item-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-dark)}.round-item-targets{font-size:.85rem;color:var(--text-muted)}.build-round-section{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 -4px 12px #00000005;border:1px solid var(--btn-secondary)}.build-header{font-weight:600;margin-bottom:.5rem;font-size:.95rem}.stitch-req-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stitch-req-item{display:flex;gap:.5rem;align-items:center}.stitch-req-item input,.stitch-req-item select{font-family:inherit;padding:.5rem;border-radius:8px;border:1px solid var(--btn-secondary);background:var(--bg-color);color:var(--text-dark);font-size:.9rem}.input-num{width:60px}.input-select,.input-text,input.input-text,select.input-select{flex:1;width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-color, #e2e8f0);background:#fff;color:var(--text-dark);font-size:1rem;font-family:inherit;transition:all .2s ease;box-shadow:0 2px 4px #00000005;appearance:none;box-sizing:border-box}.input-select:focus,.input-text:focus,input.input-text:focus,select.input-select:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 3px #fb923c33}.input-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239ca3af%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.btn-remove{background:transparent;color:#ef4444;font-weight:700;font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-req-btn{background:var(--btn-secondary);color:var(--text-dark);padding:.5rem;border-radius:8px;font-size:.85rem;font-weight:500;width:100%;margin-bottom:1rem}.save-round-btn{background:var(--btn-primary);color:#fff;padding:.75rem;border-radius:8px;font-weight:600;width:100%}.save-round-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 4s linear infinite}input,textarea,select,.input-text{font-size:16px!important}.btn-primary,.btn-secondary,button{font-size:16px}