*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}.breath-circle-container{flex:1;justify-content:center;align-items:center;display:flex}.breath-circle-outer{background:#d4a5741f;border-radius:50%;justify-content:center;align-items:center;width:70vmin;max-width:320px;height:70vmin;max-height:320px;display:flex;position:relative}.breath-circle-active{z-index:0;background:linear-gradient(135deg,#d4a574,#c4956a);border-radius:50%;width:100%;height:100%;transition:transform .15s ease-out;position:absolute;box-shadow:0 4px 24px #b4825a4d}.breath-circle-target-inner{z-index:1;background:#b4825a14;border:2px solid #b4825a40;border-radius:50%;width:50%;height:50%;position:absolute}.breath-text{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.breath-label{color:#fff;letter-spacing:.02em;font-size:1.1rem;font-weight:500}.breath-timer{color:#ffffffe6;margin-top:4px;font-size:1.5rem;font-weight:300}.configure-overlay{z-index:10;background:#3c281480;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.configure-panel{background:#faf6f1;border-radius:16px;width:360px;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #50321433}.configure-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.configure-header h2{color:#5a3e28;margin:0;font-size:1.3rem;font-weight:600}.close-btn{color:#b08060;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.2rem}.step-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.step-row{cursor:grab;background:#fff;border:1px solid #e8d8c8;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.step-row.dragging{opacity:.5}.drag-handle{color:#c4a882;cursor:grab;-webkit-user-select:none;user-select:none}.step-row select{color:#5a3e28;background:#faf6f1;border:1px solid #ddd0c0;border-radius:6px;flex:1;padding:4px 8px;font-size:.9rem}.step-row input[type=number]{text-align:center;color:#5a3e28;background:#faf6f1;border:1px solid #ddd0c0;border-radius:6px;width:48px;padding:4px 6px;font-size:.9rem}.duration-unit{color:#a08060;font-size:.9rem}.remove-btn{color:#c07050;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:1rem}.add-step-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.add-step-btn{color:#8a6a4a;cursor:pointer;background:0 0;border:1px dashed #c4a882;border-radius:8px;padding:6px 12px;font-size:.85rem}.add-step-btn:hover{background:#f0e6d8}.config-error{color:#c05040;background:#fef0ee;border-radius:6px;margin-bottom:12px;padding:8px;font-size:.85rem}.preset-save-row{gap:8px;margin-bottom:12px;display:flex}.preset-save-row input{color:#5a3e28;background:#fff;border:1px solid #ddd0c0;border-radius:6px;flex:1;padding:6px 10px;font-size:.9rem}.save-preset-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#c4a882;border:none;border-radius:8px;padding:6px 12px;font-size:.85rem}.save-preset-btn:hover{background:#b09572}.apply-btn{color:#fff;cursor:pointer;background:#d4a574;border:none;border-radius:8px;width:100%;padding:10px;font-size:1rem;font-weight:500}.apply-btn:hover{background:#c4956a}.app{min-height:100dvh;padding:24px 16px env(safe-area-inset-bottom,16px);color:#5a3e28;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fdf8f3 0%,#f5ece2 50%,#ede0d0 100%);flex-direction:column;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.app-title{letter-spacing:.15em;color:#8a6a4a;margin-bottom:16px;font-size:1.4rem;font-weight:300}.session-timer{color:#a08060;font-variant-numeric:tabular-nums;margin:12px 0;font-size:1.2rem}.controls{gap:10px;margin-bottom:14px;display:flex}.control-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:500;transition:background .2s}.start-btn{color:#fff;background:#d4a574}.start-btn:hover{background:#c4956a}.stop-btn{color:#fff;background:#c07050}.stop-btn:hover{background:#b06040}.config-btn{color:#8a6a4a;background:#b4967826}.config-btn:hover{background:#b4967840}.presets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.preset-btn{color:#7a5a3a;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff9;border:1px solid #d4c0a8;border-radius:10px;padding:10px 20px;font-size:.9rem;transition:background .2s}.preset-btn:hover{background:#d4a57426}