:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{margin:0;width:100%;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._container_1r1bu_1{display:flex;flex-direction:column;align-items:center;gap:20px}._userImage_1r1bu_7{width:86px;height:auto}._textContainer_1r1bu_12{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}._bottomMenu_1r1bu_20{display:flex;flex-direction:row;gap:10px}._guestContainer_1r1bu_27{display:flex;width:100%;flex-direction:column;align-items:center;gap:12px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px dashed #ddd}._loginButton_1r1bu_39{background-color:#e5382d;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-family:Pretendard,sans-serif;font-size:14px;transition:all .2s ease}._loginButton_1r1bu_39:hover{background-color:#c92b22}@media (max-width: 768px){._container_1r1bu_1{gap:16px}._guestContainer_1r1bu_27{width:100%;align-self:stretch;padding:16px}._loginButton_1r1bu_39{font-size:14px;padding:8px 14px}}._container_1r0xu_1{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:40px}._pomo-card_1r0xu_8{background:#f5f5f5;width:auto;aspect-ratio:3 / 4;border-radius:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform .2s ease}._pomo-card_1r0xu_8:hover{transform:scale(1.05)}._pomo-image_1r0xu_26{width:100%;height:auto}@media (max-width: 768px){._container_1r0xu_1{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}._pomo-card_1r0xu_8{aspect-ratio:3 / 4}}._container_19k9s_1{height:auto;padding:12px;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}._header_19k9s_13{display:flex;align-items:center;gap:5px}@media (max-width: 768px){._container_19k9s_1{padding:10px;gap:16px}}._container_1l9fw_1{display:flex;gap:4px}._tab_1l9fw_6{all:unset;cursor:pointer;padding:2px 8px;background-color:transparent;text-align:center;font-size:18px;transition:all .2s ease;border:none}._tab_1l9fw_6:focus{outline:none}._active_1l9fw_20{color:#000;font-weight:700;border-bottom:2.4px solid black;padding-bottom:2px}._active_1l9fw_20:hover{border-bottom-color:#000}._inactive_1l9fw_31{color:#8c8c8c;font-weight:500}@media (max-width: 768px){._tab_1l9fw_6{padding:2px 6px;font-size:17px}}._wrapper_10xr2_1{display:flex;justify-content:flex-end}._button_10xr2_6{width:100%;padding:8px 16px;border-radius:8px;background:#fff;color:#000;cursor:pointer;border:1px dotted #ddd;font-size:18px;transition:all .3s ease}._button_10xr2_6._hover_10xr2_18{border:2px dotted #e5382d;font-size:22px}@media (max-width: 768px){._button_10xr2_6{font-size:22px;padding:6px 12px;height:180px;border:2px solid black}._button_10xr2_6._hover_10xr2_18{font-size:18px}}._container_uipo3_2{display:flex;flex-direction:column;align-items:center;gap:40px;margin:24px}._header_uipo3_12{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}._header-grid_uipo3_20{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;box-sizing:border-box}._header-left_uipo3_29{text-align:left}._header-logo_uipo3_33{width:220px;height:auto;justify-self:center}._header-right_uipo3_39{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:flex-end}._center-section_uipo3_48{width:100%;display:flex;justify-content:center;gap:20px;transition:all .3s ease}._default-pomo_uipo3_56{width:70%;transition:all .3s ease}._workflow-panel_uipo3_61{width:20%;background:#fff;border-radius:8px;flex-shrink:0;transition:all .3s ease;overflow-y:auto;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;box-sizing:border-box;padding:20px;overflow-x:hidden;position:relative}._workflow-item_uipo3_77{margin-bottom:20px;cursor:pointer}._workflow-item-header_uipo3_81{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:Outfit,sans-serif;font-size:20px;font-weight:100}._workflow-item-description_uipo3_91{font-family:Pretendard;font-size:17px;font-weight:500;width:100%;padding:12px 4px 20px;white-space:pre-line}._closeButton_uipo3_99{background-color:transparent;border:none;cursor:pointer;font-size:20px;color:#333;padding:4px}._workflow-steps_uipo3_109{display:flex;flex-direction:column;gap:8px}._saved-sessions-grid_uipo3_116{width:70%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;transition:all .3s ease}._saved-session-card_uipo3_125{border:1px solid #ddd;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}._saved-session-title_uipo3_137{margin:0;font-size:20px;color:#333}._session-circle_uipo3_143{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;text-align:center;padding:4px;overflow:hidden}._empty-state_uipo3_158{text-align:center;padding:40px;color:#999;font-size:16px}@media (max-width: 768px){._saved-sessions-grid_uipo3_116{width:90%;display:grid;grid-template-columns:repeat(1,1fr);gap:20px;padding:20px;transition:all .3s ease}._default-pomo_uipo3_56{width:90%;transition:all .3s ease}._header-left_uipo3_29,._header-right_uipo3_39{display:none}._header-grid_uipo3_20{grid-template-columns:1fr;justify-items:center;text-align:center;padding:0 16px}._header-logo_uipo3_33{width:180px}._workflow-panel_uipo3_61{position:fixed;top:-10%;left:50%;width:85%;max-width:600px;height:auto;background:#fff;border-radius:16px;box-shadow:0 4px 12px #000c;padding:20px;z-index:1000;transform:translate(-50%,-50%) translateY(100%);transition:transform .3s ease}._workflow-panel_uipo3_61._open_uipo3_215{transform:translate(-50%,-50%) translateY(0)}}._container_1jsy0_1{width:100%;height:auto;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}._header_1jsy0_14{display:flex;align-items:center;gap:5px}._content_1jsy0_21{display:flex;flex-direction:column;gap:16px;width:auto}._purposeBox_1jsy0_28{color:#000;font-size:12px;font-family:Pretendard,sans-serif;font-weight:600;line-height:18px;word-wrap:break-word;padding:10px;background:#fff;border-radius:8px}@media (max-width: 768px){._container_1jsy0_1{padding:16px;gap:16px;width:300px;height:120px}._purposeBox_1jsy0_28{font-size:11px;line-height:16px;padding:8px}}._container_js1ww_1{display:flex;gap:8px;flex-wrap:wrap}._button_js1ww_8{padding:6px 12px;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#000;cursor:pointer;min-width:50px;font-family:Pretendard,sans-serif;font-size:14px;transition:all .2s ease}._button_js1ww_8:hover{border-color:#888;background-color:#f7f7f7}._selected_js1ww_27{color:#fff}@media (max-width: 768px){._container_js1ww_1{gap:6px}._button_js1ww_8{font-size:13px;padding:5px 10px;min-width:44px}}._container_1sekc_1{width:auto;height:100%;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px}._header_1sekc_14{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}._title_1sekc_22{font-family:Pretendard,sans-serif;font-size:20px;font-weight:700;color:#000;word-wrap:break-word}._removeButton_1sekc_30{cursor:pointer;color:#000;font-size:20px;font-weight:700;transition:transform .15s ease}._removeButton_1sekc_30:hover{transform:scale(1.1)}._textareaWrapper_1sekc_43{display:flex;flex-direction:column;gap:16px;width:100%}._textarea_1sekc_43{width:90%;height:20px;padding:8px;border-radius:6px;border:none;font-size:16px;font-family:Pretendard,sans-serif;font-weight:500;line-height:21px;resize:vertical;background-color:transparent;color:#898989;outline:none}._textarea_1sekc_43:focus{outline:none;border:none}@media (max-width: 768px){._container_1sekc_1{padding:16px;gap:10px}._title_1sekc_22{font-size:18px}._textarea_1sekc_43{font-size:14px;width:100%}}._container_i485i_1{margin:24px}._header_i485i_5{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:-2px 4px 8px 12px;width:100%}._backButton_i485i_14{display:flex;flex-direction:row;gap:12px;cursor:pointer;align-items:center}._backButton_i485i_14 img{width:24px;height:auto}._headerRight_i485i_27{display:flex;flex-direction:row;gap:12px;align-items:center}._titleInput_i485i_34{padding:6px 12px;font-size:18px;font-weight:500;border-radius:6px;border:2px solid #c9c9c9;width:150px;background:#fff;color:#000}._dragDropWrapper_i485i_45{display:flex;gap:40px;padding:50px 20px;height:100%;width:100%;flex-direction:row;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box}._sessionList_i485i_57{display:flex;flex-direction:column;gap:10px;width:25%;height:90vh;overflow-y:auto}._dropAreaWrapper_i485i_66{display:flex;flex-direction:column;gap:10px;height:90vh;width:75%;overflow-y:auto}._droppedSessions_i485i_75{display:flex;flex-direction:column;gap:10px;margin-top:10px}@media (max-width: 768px){._container_i485i_1{margin:24px;width:100%}._dragDropWrapper_i485i_45{display:flex;flex-direction:column;width:100%}._droppedSessions_i485i_75{display:flex;flex-direction:column;gap:10px;margin-top:10px}._sessionList_i485i_57{display:flex;flex-direction:row;gap:10px;width:100%;height:auto;overflow-y:auto}._dropAreaWrapper_i485i_66{width:100%;display:flex;flex-direction:column}._header_i485i_5{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:-2px 4px 8px 12px;width:100%;gap:30px}}._container_1clyq_1{padding:20px;border-radius:12px;color:#fff;min-height:100vh;background-size:cover;background-position:center}._header_1clyq_10{display:flex;justify-content:flex-end}._content_1clyq_15{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;height:100vh;margin-top:20px}._pomoName_1clyq_25{color:#000;font-size:60px;font-weight:600;font-family:Outfit,sans-serif}._pomoGuide_1clyq_32{color:#000;font-size:20px;font-weight:500}._timer_1clyq_38{font-size:200px;color:#000;font-family:Outfit,sans-serif}._controls_1clyq_44{display:flex;gap:12px}._button_1clyq_49{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-family:Pretendard,sans-serif;font-size:16px;transition:all .2s ease}._button_1clyq_49:hover{opacity:.8}@media (max-width: 768px){._pomoName_1clyq_25{color:#000;font-size:36px;font-weight:600;font-family:Outfit,sans-serif}._timer_1clyq_38{font-size:120px;color:#000;font-family:Outfit,sans-serif}}