:root{--piko-primary: #7C4DFF;--piko-primary-soft: #F3E5F5;--piko-success: #2ECC71;--piko-danger: #FF7675;--piko-warning: #FFEAA7;--piko-bg: #F8F9FB;--piko-card: #FFFFFF;--piko-text: #2D3436;--piko-muted: #B2BEC3;--piko-border: #E0E0E0;--piko-shadow: 0 4px 12px rgba(0, 0, 0, .05);--piko-radius: 2px;--piko-timers-container-xs: 320px}#root{width:100%}body{background-color:var(--piko-bg);font-family:Inter,-apple-system,sans-serif;color:var(--piko-text);margin:0;display:flex;justify-content:center}._content_d3zjk_1{container-type:inline-size;container-name:timer-container;width:100%;height:100%;display:flex;justify-content:center;overflow-y:auto}._timers-container_otr7u_1{max-width:var(--piko-timers-container-xs);max-height:100dvh;position:relative;width:100%;padding:0;padding-bottom:calc(32px + 1em);display:flex;flex-direction:column;gap:2px;box-sizing:border-box}._timer-button-add_otr7u_14{position:sticky;bottom:0;max-width:var(--piko-timers-container-xs);width:100%;z-index:1000;padding:16px;border:2px dashed var(--piko-primary);background:var(--piko-bg);color:var(--piko-primary);border-radius:var(--piko-radius);font-weight:700;cursor:pointer}@container timer-container (min-width: 400px){._timers-container_otr7u_1,._timer-button-add_otr7u_14{max-width:none}}@container timer-container (min-width: 640px){._timers-container_otr7u_1,._timer-button-add_otr7u_14{width:640px}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._timer-card_o1cmj_7{background:var(--piko-card);border-radius:var(--piko-radius);padding:4px;display:flex;flex-direction:column;gap:0px;box-shadow:var(--piko-shadow);border:1px solid var(--piko-border)}._timer-card-controls_o1cmj_19{display:flex;flex-direction:column;align-items:center;gap:4px}._timer-card-time-group_o1cmj_27{display:flex;align-items:center;gap:4px;font-family:Monaco,monospace}._timer-card_o1cmj_7 input[type=text]{width:100%;border:none;font-size:1em;font-weight:700;color:var(--piko-text);outline:none;padding:4px 0;border-bottom:2px solid transparent}._timer-card_o1cmj_7 input[type=text]:focus{border-bottom-color:var(--piko-primary)}._timer-card_o1cmj_7 input[type=number]{appearance:textfield;flex:1;width:100%;border:1px solid var(--piko-border);border-radius:6px;padding:6px 2px;text-align:center;background:var(--piko-bg)}._timer-card-action-group_o1cmj_61{display:flex;gap:8px;width:100%;justify-content:stretch}._timer-card-button_o1cmj_69{cursor:pointer;border:none;border-radius:8px;flex:1;width:100%;padding:8px 12px;font-weight:600;font-size:.75em;transition:opacity .2s}._timer-card-button_o1cmj_69:disabled{opacity:.3;cursor:not-allowed}@keyframes _shake_o1cmj_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._is-invalid-input_o1cmj_92{border:1.5px solid var(--piko-danger)!important;background-color:#fff5f5;animation:_shake_o1cmj_1 .2s ease-in-out 0s 2}._timer-button-start_o1cmj_99{background:var(--piko-primary);color:#fff}._timer-button-edit_o1cmj_100{background:var(--piko-primary-soft);color:var(--piko-primary)}._timer-button-save_o1cmj_101{background:var(--piko-success);color:#fff}._timer-button-delete_o1cmj_102{background:var(--piko-danger);color:#fff}._timer-button-pause_o1cmj_103{background:var(--piko-warning);color:#856404}._timer-button-stop_o1cmj_104,._timer-button-notify_o1cmj_105{background:var(--piko-danger);color:#fff}@container timer-container (min-width: 400px){._timer-card-controls_o1cmj_19{flex-direction:row;gap:8px}._timer-card-time-group_o1cmj_27{flex:3}._timer-card-button_o1cmj_69{width:6em}._timer-card-action-group_o1cmj_61{display:flex;flex:2;gap:8px}}@container timer-container (min-width: 640px){._timer-card_o1cmj_7{flex-direction:row;align-items:left;padding:12px 24px}._timer-card-controls_o1cmj_19{flex:2}._timer-card_o1cmj_7 input[type=text]{flex:1}._timer-card_o1cmj_7 input[type=number]{width:4em;font-size:1em}}._osWindowContainer_1uojv_1{display:flex;justify-content:center}._osWindow_1uojv_1{width:400px;height:500px;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0003;resize:both;min-width:240px;min-height:400px}._titleBar_1uojv_22{background:#f0f0f0;padding:8px;display:flex;align-items:center;border-bottom:1px solid #ddd;cursor:grab}._controls_1uojv_31{display:flex;gap:6px}._controls_1uojv_31 span{width:12px;height:12px;border-radius:50%}._close_1uojv_35{background:#ff5f56}._minimize_1uojv_36{background:#ffbd2e}._maximize_1uojv_37{background:#27c93f}._title_1uojv_22{flex:1;text-align:center;font-size:12px;color:#666}