@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--rutify-font-family:"Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{font-family:var(--rutify-font-family)}html,body,#root{width:100%;min-height:100%;font-family:var(--rutify-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit}.container{background-color:#f9fafb;height:100%;display:flex}.containerHeader{background-color:#f9fafb;display:flex}.header{background-color:#f9fafb;justify-content:space-between;align-items:center;width:100%;height:40px;padding-top:12px;padding-bottom:12px;display:flex}.content{background-color:#f9fafb;width:100%;padding-left:50px;padding-right:50px}.mContent{background-color:#f9fafb;width:100%;padding-left:15px;padding-right:15px}.mainLogo{font-size:18px;font-family:var(--rutify-font-family);font-weight:700}.headerRight{justify-content:space-between;display:flex}.headerRightSearch{border-radius:50%;justify-content:center;align-items:center;margin-right:20px;padding:6px}.headerRightSearch:hover{cursor:pointer;background-color:#eee}.mHeaderRightSearch{border-radius:50%;justify-content:center;align-items:center;padding:6px}.searchContainer{width:100%;height:3rem;display:flex}.mSearchContainer{width:100%;height:70%;display:flex}.searchInput{background-color:#fff;border:1px solid #868e96;border-radius:15px;width:100%;padding-left:10px;padding-right:10px;font-size:20px;display:flex}.btnLogin{color:#fff;background-color:#0d1b2e;border-radius:1rem;align-items:center;height:2rem;padding-left:1rem;padding-right:1rem;font-size:1rem;font-weight:700;display:flex}.btnLogin:hover{opacity:.75;cursor:pointer}.btnNewPost{color:#0d1b2e;background-color:#fff;border-width:1px;border-radius:1rem;align-items:center;height:2rem;margin-right:20px;padding-left:1rem;padding-right:1rem;font-size:1rem;font-weight:700;display:flex}.btnNewPost:hover{color:#fff;cursor:pointer;background-color:#0d1b2e}.btnNewPost:hover .styleNone{color:#fff;text-decoration:none}.btnMyPage{color:#0d1b2e;background-color:#0000;border-width:0;align-items:center;height:2rem;padding-left:1rem;padding-right:1rem;font-size:1rem;transition:all .5s;display:flex}.btnMyPage:hover{color:#fff;cursor:pointer;background-color:#0d1b2e;border-radius:.8rem}.btnMyPage:hover .styleNone{color:#fff;text-decoration:none}.mBtnMyPage{align-items:center;margin-left:15px;display:flex}.mBtnNewPost{align-items:center;display:flex}.mBtnNewPostIcon{color:#0d1b2e;margin-left:15px;font-weight:700}.mBtnMarginBottom{margin-bottom:3px}.mBtnNewPostIcon:hover{cursor:pointer}.styleNone{color:#0d1b2e;text-decoration:none}.headerTab{background-color:#f9fafb;justify-content:space-between;width:100%;height:48px;padding-top:12px;padding-bottom:12px;display:flex}.headerTabLeft{display:flex;position:relative}.headerTabLeftInner{-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;display:flex}.headerTabLeftBottom{background:#212529;width:22%;height:2px;display:none;position:absolute;bottom:3px}.tabStyle{white-space:nowrap;color:#212529;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:flex}.tabStyle2{font-weight:lighter}.tabMarginRight{margin-right:20px}.tabStyleIcon{color:#868e96;margin-right:8px}.mHeaderTabLeftBottom{background:#212529;width:14%;height:2px;display:none;position:absolute;bottom:3px}.iconBlack{color:#0d1b2e}.tabTrending,.tabRecent,.tabFeed{display:flex}.tabTeam:hover~.headerTabLeftBottom{margin-left:0%;display:flex}.tabTrending:hover~.headerTabLeftBottom{margin-left:27%;display:flex}.tabRecent:hover~.headerTabLeftBottom{margin-left:53%;display:flex}.tabFeed:hover~.headerTabLeftBottom{margin-left:80%;display:flex}.tabTeam:hover~.mHeaderTabLeftBottom{margin-left:0%;display:flex}.tabTrending:hover~.mHeaderTabLeftBottom{margin-left:28%;display:flex}.tabRecent:hover~.mHeaderTabLeftBottom{margin-left:55%;display:flex}.tabFeed:hover~.mHeaderTabLeftBottom{margin-left:83%;display:flex}.tabTrending:hover{font-weight:700}.tabTrending:hover .tabStyleIcon{color:#0d1b2e;font-weight:700}.tabRecent:hover{font-weight:700}.tabRecent:hover .tabStyleIcon{color:#0d1b2e;font-weight:700}.tabFeed:hover{font-weight:700}.tabFeed:hover .tabStyleIcon{color:#0d1b2e;font-weight:700}.tabTeam:hover{font-weight:700}.tabTeam:hover .tabStyleIcon,.tabSelected,.tabSelected>.tabStyleIcon{color:#0d1b2e;font-weight:700}.tabSelectedTeam{margin-left:0%;display:flex}.tabSelectedTrend{margin-left:27%;display:flex}.tabSelectedRecent{margin-left:53%;display:flex}.tabSelectedFeed{margin-left:80%;display:flex}.headerTabRight{align-items:center;display:flex}.headerTabRightSelectBox{-webkit-user-select:none;user-select:none;cursor:pointer;background:#fff;border-radius:4px;justify-content:space-between;align-items:center;width:100px;height:32px;margin-right:10px;font-size:14px;font-weight:600;display:flex;position:relative;box-shadow:0 0 4px #0000000d}.headerTabRightSelectBoxTitle{justify-content:space-between;width:100%;padding-left:8px;padding-right:8px;display:flex}.headerTabRightSelectBoxTitle:hover{opacity:.75}.centerStyle{align-items:center;display:flex}.main{width:100%;margin-top:15px;margin-bottom:15px;display:flex}.mainContent{display:flex}.mainUl{grid-gap:32px;background-color:#0000;grid-template-columns:320px 320px 320px;margin:0;padding:0;display:grid}.postcard{background:#f9fafb;display:flex}.postcardContent{border-radius:4px;flex-flow:column;width:100%;display:flex;box-shadow:0 4px 16px #0000000a}.postcardTop{height:200px;color:inherit;background-color:#fff;border-color:#f1f3f5;border-bottom-style:solid;border-bottom-width:.1rem;padding:1rem;text-decoration:none;display:flex}.postcardMiddle{background-color:#fff;border-color:#f1f3f5;border-bottom-style:solid;border-bottom-width:.1rem;flex-direction:column;height:100px;padding:1rem;display:flex}.postcardBottom{background-color:#fff;border-top:1px solid #f1f3f5;justify-content:space-between;height:25px;padding:.625rem 1rem;font-size:.75rem;line-height:1.5;display:flex}.postcard:hover{cursor:pointer;transition:transform .3s ease-in-out;transform:translateY(-.5em);box-shadow:0 4px 16px #0000000a}.postcard:not(:hover){transition:transform .3s ease-in-out}.selectBoxContent{background-color:#fff;width:192px;margin-top:8px;display:flex;box-shadow:0 0 8px #0000001a}.selectBoxContentUl{flex-direction:column;width:100%;height:100%;margin-top:0;margin-bottom:0;padding-left:0;display:flex}.selectBoxContentUl li{color:#212529;border-color:#f1f3f5;border-bottom-style:solid;border-bottom-width:.1rem;width:160px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.selectBoxContentUl li:hover{background-color:#f1f3f5}.selectBoxModal{z-index:1;opacity:0;transform-origin:100% 0;background-color:#0000;transition:opacity .2s ease-in-out,transform .4s ease-in-out;display:flex;position:absolute;top:100%;right:0;transform:scale(0)}.modalShow{opacity:1;transform:scale(1)}.modalOverlay{z-index:1;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modalContent{background-color:#fff;border-radius:10px;flex-direction:column;width:300px;height:300px;padding:20px}.modalClose{flex-direction:row-reverse;display:flex}.modalClose button{background-color:#0000;border:0;border-radius:5px;height:5%;font-size:15px}.modalClose button:hover{cursor:pointer}.modalMain{height:80%}.modalMainHeader{height:10%;font-size:20px}.modalMainContent{flex-direction:column;justify-content:center;align-items:center;height:90%;display:flex}.modalBottom{flex-direction:column;height:10%;font-size:13px;display:flex}.modalBottomRight{color:#ff4500;flex-direction:row-reverse;display:flex}.modalBottomRightCilck:hover{color:orange;cursor:pointer}.searchModalOverlay{z-index:1;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.searchModalContent{background-color:#f9fafb;width:500px;height:100%}.searchModalMainHeader{height:10%;padding-bottom:20px;padding-left:20px;padding-right:20px;font-size:30px}.searchModalClose{flex-direction:row;width:100%;height:7%;margin-bottom:10px;display:flex}.searchModalClose button{color:#212529;width:100%;height:100%;font-size:20px;font-weight:700;font-family:var(--rutify-font-family);background-color:#b1b1b1;border:0}.searchModalClose button:hover{cursor:pointer;color:#fff;background-color:#c9c9c9}.searchModalMain{flex-direction:column;height:93%;display:flex}.searchModalMainContent{flex-direction:column;height:100%;margin-bottom:10px;padding-left:10px;padding-right:5px;display:flex;overflow-y:auto}.searchContentResult{color:#868e96;justify-content:flex-start;padding-top:10px;padding-bottom:10px;font-size:13px;display:flex}.mSearchContentResult{color:#868e96;justify-content:flex-start;height:20%;padding-top:10px;padding-bottom:10px;font-size:13px;display:flex}.mSearchContentResultBottom{border:.5px solid #868e96}.searchContent{flex-direction:column;height:100%;display:flex}.mSearchModalMainHeader{height:10%;padding:20px;font-size:30px}.mSearchModalMain{flex-direction:column;height:100%;display:flex}.mSearchModalMainContent{flex-direction:column;height:82%;padding-bottom:10px;padding-left:10px;padding-right:10px;display:flex;overflow:scroll}.mSearchModalClose{flex-direction:row;width:100%;height:8%;display:flex}.mSearchModalCloseBtn{color:#212529;width:100%;font-size:18px;font-weight:700;font-family:var(--rutify-font-family);background-color:#b1b1b1;border:0}.mModalOverlay{z-index:1;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}.mModalContent{background-color:#fff;border-radius:10px;flex-direction:column;width:100%;height:100%;padding:20px}.mModalClose{flex-direction:row-reverse;width:100%;height:10%;display:flex}.mModalClose button{color:#0d1b2e;background-color:#0000;border:0;font-size:30px}.mModalMain{flex-direction:column;height:75%;display:flex}.mModalMainHeader{font-size:30px}.mModalMainContent{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.mModalBottom{flex-direction:column;height:15%;font-size:20px;display:flex}.mModalBottomRight{color:#ff4500;flex-direction:row;margin-top:10px;display:flex}.myPageContainer{background-color:#f9fafb;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.myPageTop{flex-direction:column;align-items:center;width:100%;padding-top:20px;padding-bottom:10px;display:flex}.myPageTopUserTeam{font-size:35px;font-weight:700;font-family:var(--rutify-font-family)}.myPageTopUserName{font-size:15px;font-weight:700;font-family:var(--rutify-font-family)}.myPageTopUserTeamSlogan{padding-top:10px;padding-bottom:10px;font-size:25px;font-style:italic;display:flex}.myPageContent{flex-direction:column;height:70%;display:flex}.myPageContentTabContainer{flex-direction:row;justify-content:space-between;padding:10px;display:flex}.myPageContentTabContainerLeft{flex-direction:row;display:flex}.myPageContentTabContainerRight{align-items:center;display:flex}.myPageContentTab{color:#868e96;justify-content:center;align-items:center;margin-right:10px;padding:10px;display:flex}.myPageContentTab:hover{cursor:pointer;color:#0d1b2e;border-bottom:1px solid #0d1b2e}.myPageContentTabSel{cursor:pointer;color:#0d1b2e;border-bottom:1px solid #0d1b2e;font-weight:700}.myPagePostCardContainer{flex-direction:column;display:flex}.myPagePostCard{padding:10px}.headerLogoContainer{flex-direction:row;display:flex}.headerLogo{flex-direction:column;justify-content:center;height:100%;display:flex}.headerLogoImage{width:25px;height:25px}.headerLogoRight{margin-top:1px;margin-left:10px}.mHeaderLogoRight{white-space:nowrap;text-overflow:ellipsis;width:150px;margin-top:1px;margin-left:10px;overflow:hidden}.teamlessnessContainer{background-color:#f9fafb;flex-direction:column;align-items:center;width:calc(100% - 12px);height:91%;display:flex}.teamlessnessTop{flex-direction:column;align-items:center;width:100%;height:10%;padding-top:20px;padding-bottom:10px;display:flex}.teamlessnessUserTeam{font-size:35px;font-weight:700;font-family:var(--rutify-font-family)}.teamlessnessUserName{font-size:15px;font-weight:700;font-family:var(--rutify-font-family)}.teamlessnessContent{flex-direction:column;width:100%;height:85%;display:flex}.teamlessnessContentBtn{flex-direction:row-reverse;width:100%;height:7%;padding-bottom:5px;display:flex}.teamBtn{color:#0d1b2e;background-color:#fff;border:1px solid #0d1b2e;border-radius:5px;width:10%;height:100%;margin-right:20px;font-size:18px;font-weight:700}.teamBtn:hover{cursor:pointer;color:#fff;background-color:#0d1b2e}.teamBtnInversion{color:#fff;background-color:#0d1b2e;border:1px solid #fff;border-radius:5px;width:10%;height:100%;margin-right:20px;font-size:18px;font-weight:700}.teamBtnInversion:hover{cursor:pointer;color:#0d1b2e;background-color:#fff;border:1px solid #0d1b2e}.teamlessnessContentdetail{flex-direction:row;width:100%;height:93%;display:flex}.teamlessnessLeft{border:1px solid #0d1b2e;flex-direction:column;width:30%;padding:20px;display:flex;overflow-y:scroll}.teamSearchContainer{flex-direction:row;align-items:center;width:100%;margin-bottom:10px;display:flex}.teamSearch{color:#0d1b2e;background-color:#fff;border:.5px solid #c9c9c9;border-radius:5px;width:100%;height:35px;padding-left:5px;font-size:15px}.teamName{width:95%;font-size:20px;font-weight:700;font-family:var(--rutify-font-family);padding:10px}.teamName:hover{cursor:pointer;background-color:#c9c9c9}.teamlessnessRight{border:1px solid #0d1b2e;flex-direction:column;width:70%;display:flex}.teamlessnessRightTop{flex-direction:column;justify-content:center;width:100%;height:20%;display:flex}.teamlessnessRightTopTeamName{font-size:35px;font-weight:700;font-family:var(--rutify-font-family);padding-top:20px;padding-bottom:5px;padding-left:20px}.teamlessnessRightTopTeamSlogan{font-size:13px;font-weight:700;font-family:var(--rutify-font-family);padding-left:20px}.teamlessnessRightMiddle{width:100%;height:80%}.teamlessnessRightMiddleContent{font-weight:700;font-family:var(--rutify-font-family);flex-direction:column;height:90%;padding:20px;font-size:20px;display:flex}.teamDescription{height:80%}.teamDescriptionBottom{flex-direction:row;align-items:center;height:20%;display:flex}.teamNumber,.teamLeader,.teamCreationDt{margin-right:10px}.teamMembershipConditions{flex-direction:row;display:flex}.teamMembershipConditionsBtn{color:#fff;background-color:#0d1b2e;border:0;border-radius:7px;width:62px;padding:5px;font-size:15px}.mTeamlessnessContainer{background-color:#f9fafb;flex-direction:column;align-items:center;width:97%;height:100%;padding:5px;display:flex}.mTeamlessnessTop{flex-direction:column;align-items:center;width:100%;height:10%;padding-top:20px;padding-bottom:10px;display:flex}.mTeamlessnessUserTeam{font-size:25px;font-weight:700;font-family:var(--rutify-font-family)}.mTeamlessnessUserName{font-size:15px;font-weight:700;font-family:var(--rutify-font-family)}.mTeamlessnessContent{flex-direction:column;width:100%;height:90%;display:flex}.mTeamlessnessContentBtn{flex-direction:row;justify-content:space-between;width:100%;height:5%;margin-bottom:5px;display:flex}.mTeamBtn{color:#0d1b2e;background-color:#fff;border:1px solid #0d1b2e;border-radius:5px;width:100px;height:100%;font-size:15px;font-weight:700}.mTeamBtnInversion{color:#fff;background-color:#0d1b2e;border:1px solid #0d1b2e;border-radius:5px;width:100px;height:100%;font-size:15px;font-weight:700}.mTeamBtn:hover{cursor:pointer;color:#fff;background-color:#0d1b2e}.mTeamlessnessContentdetail{flex-direction:column;width:100%;height:95%;display:flex}.mTeamlessnessLeft{border:1px solid #0d1b2e;flex-direction:column;width:100%;height:46%;display:flex;overflow-y:scroll}.mTeamSearchContainer{flex-direction:row;align-items:center;width:calc(100% - 4px);height:6%;margin-top:5px;margin-bottom:5px;display:flex}.mTeamSearch{color:#0d1b2e;background-color:#fff;border:1px solid #0d1b2e;border-radius:5px;width:100%;height:100%;padding-left:5px;padding-right:5px;font-size:15px}.mTeamSearchIcon{color:#0d1b2e;margin-left:10px;font-weight:700}.mTeamSearchIcon:hover{cursor:pointer}.mTeamName{width:95%;font-size:15px;font-weight:700;font-family:var(--rutify-font-family);padding:7px}.mTeamName:hover{cursor:pointer;background-color:#c9c9c9}.mTeamNameSelected{background-color:#c9c9c9}.mTeamlessnessRight{border:1px solid #0d1b2e;flex-direction:column;width:100%;height:46%;display:flex}.mTeamlessnessRightTop{flex-direction:column;justify-content:center;width:100%;height:20%;margin-bottom:5px;display:flex}.mTeamlessnessRightTopTeamName{font-size:25px;font-weight:700;font-family:var(--rutify-font-family);padding-top:20px;padding-bottom:5px;padding-left:20px}.mTeamlessnessRightTopTeamSlogan{font-size:12px;font-weight:700;font-family:var(--rutify-font-family);padding-left:20px}.mTeamlessnessRightMiddle{width:100%;height:80%}.mTeamlessnessRightMiddleContent{font-weight:700;font-family:var(--rutify-font-family);flex-direction:column;height:90%;padding-top:20px;padding-left:20px;padding-right:20px;font-size:12px;display:flex}.mTeamDescription{height:80%}.mTeamDescriptionBottom{flex-direction:row;align-items:center;height:20%;display:flex}.mTeamNumber,.mTeamLeader,.mTeamCreationDt{margin-right:10px}.mTeamMembershipConditions{flex-direction:row;display:flex}.mTeamMembershipConditionsBtn{color:#fff;background-color:#0d1b2e;border:0;border-radius:7px;justify-content:center;width:40px;padding:5px;font-size:8px;display:flex}.teamSignUpMainHeader{height:10%;font-size:30px}.teamSignUpTeamNm{box-sizing:border-box;border:1px solid #c9c9c9;border-radius:5px;width:calc(100% - 20px);margin:10px;padding:10px;font-size:20px}.teamSignUpTeamSlogan{box-sizing:border-box;border:1px solid #c9c9c9;border-radius:5px;width:calc(100% - 20px);margin:10px;padding:10px;font-size:18px}.teamSignUpBtn{color:#0d1b2e;background-color:#fff;border:1px solid #0d1b2e;border-radius:7px;width:100px;height:100%;margin-top:20px;margin-right:10px;padding:5px;font-size:20px}.teamSignUpBtn:hover{cursor:pointer;color:#fff;background-color:#0d1b2e;border:0}.teamCreateModalOverlay{z-index:1;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.teamCreateModalContent{background-color:#f9fafb;width:500px;height:100%}.teamCreateModalMainHeader{height:100%;font-size:30px}.teamCreateModalClose{flex-direction:row;width:100%;height:7%;display:flex}.teamCreateModalClose button{color:#212529;width:100%;height:100%;font-size:20px;font-weight:700;font-family:var(--rutify-font-family);background-color:#b1b1b1;border:0}.teamCreateModalClose button:hover{cursor:pointer;color:#fff;background-color:#c9c9c9}.teamCreateModalMain{flex-direction:column;height:86%;display:flex}.teamCreateModalMainContent{flex-direction:column;height:80%;margin-bottom:10px;padding-left:10px;padding-right:5px;display:flex;overflow-y:auto}.teamCreateContentResult{box-sizing:border-box;flex-direction:column;width:calc(100% - 10px);padding:10px;font-size:18px;display:flex}.teamCreateContent{height:30%}.teamSignUpTeamDetail{box-sizing:border-box;resize:none;border:1px solid #c9c9c9;border-radius:5px;width:calc(100% - 20px);height:90%;margin:10px;padding:10px;font-size:18px}.radioLabel{color:#0d1b2e;width:100%;height:auto;font-size:18px;font-weight:700;font-family:var(--rutify-font-family);background-color:#fff;border:1px solid #0d1b2e;border-radius:7px;justify-content:center;margin-bottom:20px;padding:5px;display:flex}.radioLabel:hover{cursor:pointer;color:#fff;background-color:#0d1b2e}input[type=radio]{display:none}input[type=radio]:checked+label{color:#fff;background-color:#0d1b2e}.teamCreateMessage{margin-bottom:5px;font-size:13px}.teamSettingTeamNm{font-weight:700;font-family:var(--rutify-font-family);box-sizing:border-box;border-radius:5px;width:calc(100% - 20px);padding:10px;font-size:25px}.membersContainer{border-top:2px solid #0d1b2e;width:calc(100% - 20px);height:35%;padding:10px}.list{width:100%;height:100%;overflow-y:auto}.member{height:30px;font-size:18px;font-weight:700;font-family:var(--rutify-font-family);flex-direction:row;margin-bottom:7px;display:flex}.memberNm{align-items:center;width:60%;display:flex}.memberRank{align-items:center;width:30%;display:flex}.memberDeportationYn{align-items:center;width:10%;display:flex}.marginTop10{margin-top:10px}.memberYn{border:1px solid #0d1b2e;border-radius:5px;justify-content:center;align-items:center;width:20%;margin-left:10px;display:flex}.memberYn:hover{cursor:pointer;color:#fff;background-color:#0d1b2e}.teamSettingModalMain{flex-direction:column;height:93%;display:flex}.routineHeaderContainer{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #1118270f;position:sticky;top:0}.routineHeaderContent{box-sizing:border-box;max-width:1440px;margin:0 auto}.routineHeader{height:48px}.routineLogo .styleNone{align-items:center;gap:10px;display:inline-flex}.routineLogoMark{color:#0d1b2e;background:#2ee6a6;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Arial,sans-serif;font-weight:900;display:inline-flex}.routineHeaderRight{align-items:center;gap:10px}.routineGhostButton{color:#0d1b2e;background:#fff;border-color:#d1d5db}.routineIconButton{cursor:pointer;background:0 0;border:0;display:inline-flex}.routineProfileButton{color:#fff;background:#0d1b2e;border-radius:999px;justify-content:center;width:34px;min-width:34px;height:34px;padding:0;font-weight:800}.routinePageContainer{background:radial-gradient(circle at 8% 0,#30e0a11f,#0000 28%),radial-gradient(circle at 92% 10%,#5c51ff1a,#0000 26%),#f9fafb;min-height:calc(100vh - 73px)}.routinePageContent{box-sizing:border-box;max-width:1440px;margin:0 auto;padding-top:28px;padding-bottom:60px}.routineHero{color:#fff;background:#0d1b2e;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;margin:8px 0 28px;padding:28px;display:flex;box-shadow:0 16px 40px #0714261f}.routineHeroEyebrow{color:#2ee6a6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:900}.routineHeroTitle{letter-spacing:-.06em;max-width:760px;margin:0;font-size:clamp(28px,4vw,52px);line-height:1.08}.routineHeroDesc{color:#ffffffb3;max-width:720px;margin:16px 0 0;font-size:15px;line-height:1.7}.routinePrimaryBtn,.routineSaveBtn{color:#0d1b2e;white-space:nowrap;cursor:pointer;background:#2ee6a6;border:0;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 10px 24px #30e0a140}.routinePrimaryBtn:hover,.routineSaveBtn:hover{filter:brightness(.98);transform:translateY(-1px)}.routineToolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.routineTabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.routineTab{color:#8b95a1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:10px 13px;font-size:14px;font-weight:800;display:inline-flex}.routineTab:hover{color:#0d1b2e;background:#eef2f7}.routineTab.active{color:#0d1b2e;background:#fff;border-color:#e5e7eb;box-shadow:0 8px 24px #0f172a0f}.routinePeriodSelect{color:#0d1b2e;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-width:96px;padding:10px 12px;font-size:14px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 8px 22px #0f172a0f}.routinePeriodDropdown{z-index:3;background:#fff;border-radius:16px;flex-direction:column;min-width:140px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0f172a1f}.routinePeriodDropdown button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:700}.routinePeriodDropdown button:hover{background:#f3f4f6}.routineGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:28px;width:100%;display:grid}.routineCardLink{color:inherit;min-width:0;text-decoration:none;display:flex}.routineCard{background:#fff;border:1px solid #eef0f4;border-radius:22px;flex-direction:column;width:100%;min-height:308px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.routineCard:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0f172a1c}.routineCardTop{background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);flex-direction:column;justify-content:space-between;min-height:60px;padding:18px;display:flex}.routineGoal-diet{background:linear-gradient(135deg,#30e0a13d,#ecfdf5eb)}.routineGoal-muscleGain{background:linear-gradient(135deg,#5c51ff2e,#f0eefff2)}.routineGoal-maintain{background:linear-gradient(135deg,#0ea5e929,#f0f9fff5)}.routineCardTopRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.routineGoalBadge,.routineLevelBadge,.routineRemixBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;max-width:130px;padding:7px 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.routineGoalBadge{color:#4f46e5;background:#ffffffd1}.routineLevelBadge{color:#0d1b2e;background:#ffffffdb}.routineRemixBadge{color:#ff3b7f;background:#ffffffe6}.routineSplitName{color:#0d1b2e;letter-spacing:-.02em;font-size:15px;font-weight:900}.routineCardBody{border-top:1px solid #eef0f4;flex-direction:column;flex:1;padding:18px 18px 14px;display:flex}.routineTitle{color:#050505;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:950;line-height:1.35;display:-webkit-box;overflow:hidden}.routineCreator{color:#5c51ff;word-break:break-all;margin-top:7px;font-size:13px;font-weight:900}.routineMetaLine{color:#8b95a1;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.routineMetaLine span:not(:last-child):after{content:"·";color:#c0c6cf;margin-left:8px}.routineExercisePreview{color:#6b7280;margin:14px 0 0;padding-left:16px;font-size:13px;line-height:1.8}.routineExercisePreview li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.routineCardBottom{background:#fff;border-top:1px solid #eef0f4;justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.routineStatItem{color:#0d1b2e;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.routineDetailPage{box-sizing:border-box;background:#f9fafb;min-height:calc(100vh - 73px);padding:28px 50px 70px}.routineDetailInner{max-width:1180px;margin:0 auto}.routineDetailBack{margin-bottom:18px;font-size:14px;font-weight:800}.routineDetailHero{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.routineDetailHeroMain,.routineDetailPanel,.routineDayCard{background:#fff;border:1px solid #eef0f4;border-radius:28px;box-shadow:0 12px 30px #0f172a0f}.routineDetailHeroMain{padding:34px}.routineDetailBadges{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.routineDetailTitle{letter-spacing:-.06em;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.08}.detailCreator{margin-top:12px;font-size:15px}.routineDetailSummary{color:#6b7280;max-width:720px;margin:18px 0 0;font-size:15px;line-height:1.8}.routineDetailPanel{padding:24px}.routineDetailPanelTitle{color:#0d1b2e;margin-bottom:18px;font-weight:950}.routineDetailMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.routineDetailMetaGrid div{background:#f8fafc;border-radius:16px;padding:13px}.routineDetailMetaGrid span{color:#8b95a1;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.routineDetailMetaGrid strong{color:#0d1b2e;font-size:15px}.routineSaveBtn{width:100%;margin-top:10px}.routineDetailStats{color:#0d1b2e;gap:16px;margin-top:16px;font-size:13px;font-weight:900;display:flex}.routineDetailStats span{align-items:center;gap:7px;display:inline-flex}.routineDetailDays{flex-direction:column;gap:18px;display:flex}.routineDayCard{padding:24px}.routineDayHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.routineDayHeader h2{letter-spacing:-.04em;margin:0;font-size:22px}.routineDayHeader p{color:#5c51ff;margin:6px 0 0;font-weight:900}.routineDayHeader>span{color:#6b7280;background:#f3f4f6;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:900}.routineExerciseTable{flex-direction:column;gap:10px;display:flex}.routineExerciseRow{background:#fbfcfe;border:1px solid #eef0f4;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.routineExerciseNameArea{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"phase name""phase equipment";align-items:center;gap:4px 10px;min-width:0;display:grid}.routinePhaseChip{color:#5c51ff;background:#eef2ff;border-radius:999px;grid-area:phase;justify-content:center;align-items:center;min-width:58px;padding:6px 8px;font-size:12px;font-weight:900;display:inline-flex}.routineExerciseNameArea strong{color:#0d1b2e;white-space:nowrap;text-overflow:ellipsis;grid-area:name;min-width:0;font-size:15px;overflow:hidden}.routineExerciseNameArea em{color:#8b95a1;grid-area:equipment;font-size:12px;font-style:normal;font-weight:700}.routineExerciseNumbers{color:#0d1b2e;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.routineExerciseNumbers span{background:#fff;border:1px solid #eef0f4;border-radius:999px;padding:7px 9px}.routineSearchOverlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0;overflow:hidden}.routineSearchModalContent{background:#f9fafb;flex-direction:column;width:min(560px,100vw);height:100dvh;display:flex;overflow:hidden;box-shadow:-24px 0 60px #0f172a40}.routineSearchHeader{background:#fff;border-bottom:1px solid #eef0f4;flex:none;padding:22px 24px 18px}.routineSearchTopBar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.routineSearchClose{color:#fff;cursor:pointer;background:#0d1b2e;border:0;border-radius:999px;padding:8px 14px;font-weight:900}.routineSearchClose:hover{opacity:.82}.routineSearchMiniLabel{color:#2ee6a6;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.routineSearchHeader h2{letter-spacing:-.06em;margin:0 0 6px;font-size:30px}.routineSearchHeader p{color:#8b95a1;margin:0 0 16px;font-size:14px;line-height:1.6}.routineSearchInput{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:16px;outline:none;width:100%;height:50px;padding:0 15px;font-size:16px}.routineSearchInput:focus{border-color:#2ee6a6;box-shadow:0 0 0 4px #30e0a126}.routineSearchResultText{color:#6b7280;margin-top:12px;font-size:13px;font-weight:800}.routineSearchResults{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:18px;display:flex;overflow-y:auto}.routineSearchCardWrap{min-width:0}.routineSearchCardWrap .routineCard{width:100%}.routineCardCompact{border-radius:22px;min-height:0}.routineCardCompact .routineCardTop{min-height:94px;padding:14px 16px}.routineCardCompact .routineCardBody{padding:16px}.routineCardCompact .routineTitle{font-size:18px}.routineCardCompact .routineExercisePreview{margin-top:12px}.routineCardCompact .routineCardBottom{padding:12px 16px}.routineSearchEmpty{color:#6b7280;text-align:center;background:#fff;border:1px dashed #d8dee8;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex}.routineSearchEmpty strong{color:#0d1b2e;font-size:18px}@media (width<=900px){.routineHero{flex-direction:column;align-items:stretch}.routinePrimaryBtn{width:fit-content}.routineDetailHero{grid-template-columns:1fr}}@media (width<=640px){.content,.routinePageContent,.routineHeaderContent{padding-left:16px;padding-right:16px}.routinePageContent{padding-top:18px}.routineHeaderRight{gap:4px}.routineHero{border-radius:24px;padding:22px}.routineHeroDesc{font-size:14px}.routineToolbar{flex-direction:column;align-items:flex-start}.routineTabs{gap:6px;width:100%}.routineTab{flex:calc(50% - 6px);justify-content:center;padding:10px}.routinePeriodSelect{box-sizing:border-box;width:100%}.routineGrid{grid-template-columns:1fr;gap:18px}.routineCard{min-height:auto}.routineCardTop{min-height:60px}.routineDetailPage{padding:18px 16px 90px}.routineDetailHeroMain,.routineDetailPanel,.routineDayCard{border-radius:22px;padding:20px}.routineDetailMetaGrid{grid-template-columns:1fr 1fr}.routineExerciseRow{grid-template-columns:1fr}.routineExerciseNumbers{white-space:normal;flex-wrap:wrap}.routineSearchModalContent{width:100%}.routineSearchResults{grid-template-columns:1fr;padding:16px}}.routineCommentsSection{background:#fff;border:1px solid #eef0f4;border-radius:28px;margin-top:28px;padding:28px;box-shadow:0 18px 50px #0f172a0d}.routineCommentsHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.routineSectionEyebrow{color:#5b45ff;letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:900;display:inline-flex}.routineCommentsHeader h2{color:#0d1b2e;letter-spacing:-.04em;margin:0;font-size:24px}.routineCommentsHeader strong{color:#6b7280;background:#f6f7fb;border-radius:999px;justify-content:center;align-items:center;min-width:48px;height:34px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.routineCommentForm{background:#f9fafb;border:1px solid #eef0f4;border-radius:22px;padding:16px}.routineCommentForm textarea{box-sizing:border-box;resize:vertical;color:#0d1b2e;background:0 0;border:0;outline:none;width:100%;min-height:92px;font-family:inherit;font-size:15px;line-height:1.6}.routineCommentForm textarea::placeholder{color:#a0a7b2}.routineCommentFormBottom{border-top:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.routineCommentFormBottom span{color:#8b95a1;font-size:12px;font-weight:700}.routineCommentFormBottom button{color:#fff;cursor:pointer;background:#0d1b2e;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:900}.routineCommentFormBottom button:hover{opacity:.92;transform:translateY(-1px)}.routineCommentList{flex-direction:column;gap:14px;margin-top:18px;display:flex}.routineCommentItem{background:#fff;border:1px solid #eef0f4;border-radius:22px;grid-template-columns:42px 1fr;gap:12px;padding:16px;display:grid}.routineCommentAvatar{color:#2ee6a6;background:#0d1b2e;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex}.routineCommentBody{min-width:0}.routineCommentMeta{flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin-bottom:8px!important;display:flex!important}.routineCommentMeta strong{color:#0d1b2e!important;align-items:center!important;font-size:14px!important;font-weight:950!important;line-height:1.2!important;display:inline-flex!important}.routineCommentMeta em{color:#98a2b3!important;align-items:center!important;font-size:12px!important;font-style:normal!important;font-weight:900!important;line-height:1.2!important;display:inline-flex!important}.routineCommentMeta span{color:#5b45ff;background:#5b45ff14;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.routineCommentBody p{color:#374151;margin:0;font-size:14px;font-weight:600;line-height:1.7}.routineCommentActions{gap:12px;margin-top:10px;display:flex}.routineCommentActions button{color:#8b95a1;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:900}.routineCommentActions button:hover{color:#0d1b2e}.routineCommentEmpty{color:#8b95a1;text-align:center;border:1px dashed #d1d5db;border-radius:22px;padding:30px 18px;font-size:14px;font-weight:800}@media (width<=640px){.routineCommentsSection{border-radius:22px;padding:20px}.routineCommentFormBottom{flex-direction:column;align-items:stretch}.routineCommentFormBottom button{width:100%}.routineCommentItem{grid-template-columns:36px 1fr;padding:14px}.routineCommentAvatar{width:36px;height:36px}}.rutifySearchOverlay{z-index:20000;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0714268c;justify-content:center;align-items:flex-start;padding:82px 24px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.rutifySearchPanel{background:#f9fafb;border:1px solid #ffffffb3;border-radius:30px;flex-direction:column;width:min(980px,100%);max-height:calc(100vh - 120px);display:flex;overflow:hidden;box-shadow:0 30px 90px #07142652}.rutifySearchHeader{background:#fff;border-bottom:1px solid #eef0f4;flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:30px 32px 18px;display:flex}.rutifySearchEyebrow{color:#2ee6a6;letter-spacing:.08em;margin-bottom:10px;font-size:12px;font-weight:900;display:inline-flex}.rutifySearchHeader h2{color:#0d1b2e;letter-spacing:-.06em;margin:0;font-size:34px;line-height:1.05}.rutifySearchHeader p{color:#8b95a1;margin:10px 0 0;font-size:14px;line-height:1.55}.rutifySearchCloseBtn{color:#fff;cursor:pointer;background:#0d1b2e;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.rutifySearchCloseBtn:hover{opacity:.82}.rutifySearchInputWrap{background:#fff;border-bottom:1px solid #eef0f4;flex:none;padding:18px 32px 16px}.rutifySearchInput{box-sizing:border-box;color:#0d1b2e;background:#fff;border:1px solid #d8dee8;border-radius:18px;outline:none;width:100%;height:54px;padding:0 18px;font-size:16px;font-weight:800}.rutifySearchInput:focus{border-color:#2ee6a6;box-shadow:0 0 0 4px #30e0a126}.rutifySearchCount{color:#6b7280;margin-top:12px;font-size:13px;font-weight:900}.rutifySearchBody{flex:auto;min-height:0;padding:22px;overflow-y:auto}.rutifySearchGrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.rutifySearchGrid .routineCardLink{min-width:0}.rutifySearchGrid .routineCard{height:100%;min-height:0}.rutifySearchGrid .routineCardTop{min-height:86px;padding:14px 16px}.rutifySearchGrid .routineCardBody{padding:16px}.rutifySearchGrid .routineTitle{font-size:17px}.rutifySearchGrid .routineCardBottom{padding:12px 16px}.rutifySearchEmpty{color:#6b7280;text-align:center;background:#fff;border:1px dashed #d8dee8;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;display:flex}.rutifySearchEmpty strong{color:#0d1b2e;font-size:18px}@media (width<=640px){.rutifySearchOverlay{align-items:stretch;padding:0}.rutifySearchPanel{border-radius:0;width:100%;min-height:100vh;max-height:none}.rutifySearchHeader{padding:22px 18px 16px}.rutifySearchHeader h2{font-size:28px}.rutifySearchInputWrap{padding:16px 18px}.rutifySearchBody{padding:18px}.rutifySearchGrid{grid-template-columns:1fr}}.routineDetailPage,.routineDetailInner,.routineDetailHero,.routineDetailHeroMain,.routineDetailPanel,.routineDayCard,.routineCommentsSection,.routineExerciseRow,.routineExerciseNameArea,.routineCommentBody{box-sizing:border-box;min-width:0}.routineDetailTitle,.routineDetailSummary,.routineCreator,.routineDayHeader h2,.routineDayHeader p,.routineExerciseNameArea strong,.routineExerciseNameArea em,.routineCommentBody p{overflow-wrap:anywhere;word-break:break-word}.routineSaveBtn,.routineDetailMetaGrid div,.routineExerciseNumbers span,.routineCommentForm,.routineCommentFormBottom button{box-sizing:border-box}@media (width<=640px){html,body,#root{max-width:100%;overflow-x:hidden}.routineDetailPage{width:100%;max-width:100vw;padding:16px 16px 72px;overflow-x:hidden}.routineDetailInner{width:100%;max-width:100%}.routineDetailBack{margin-bottom:18px;font-size:14px;font-weight:800}.routineDetailHero{flex-direction:column;gap:16px;width:100%;margin-bottom:18px;display:flex}.routineDetailHeroMain,.routineDetailPanel,.routineDayCard,.routineCommentsSection{border-radius:20px;width:100%;padding:20px}.routineDetailBadges{margin-bottom:14px}.routineDetailTitle{letter-spacing:-.055em;max-width:100%;font-size:30px;line-height:1.12}.detailCreator{max-width:100%;font-size:13px}.routineDetailSummary{max-width:100%;margin-top:14px;font-size:14px;line-height:1.7}.routineDetailMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.routineDetailMetaGrid div{min-width:0;padding:13px}.routineSaveBtn{white-space:normal;width:100%;max-width:100%;padding-left:12px;padding-right:12px}.routineDetailStats{flex-wrap:wrap;gap:10px 14px}.routineDetailDays{gap:16px}.routineDayHeader{align-items:flex-start}.routineDayHeader h2{font-size:21px}.routineExerciseRow{flex-direction:column;align-items:stretch;gap:12px;padding:14px;display:flex}.routineExerciseNameArea{grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.routinePhaseChip{min-width:54px;padding-left:8px;padding-right:8px}.routineExerciseNameArea strong{white-space:normal}.routineExerciseNumbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.routineExerciseNumbers span{text-align:center;white-space:normal;justify-content:center;align-items:center;min-width:0;padding:8px 6px;font-size:12px;display:flex}.routineCommentsSection{margin-top:18px}.routineCommentFormBottom{flex-direction:column;align-items:stretch}.routineCommentFormBottom button{width:100%}.routineCommentItem{grid-template-columns:34px minmax(0,1fr);padding:14px}.routineCommentAvatar{width:34px;height:34px}}@media (width<=380px){.routineDetailPage{padding-left:12px;padding-right:12px}.routineDetailHeroMain,.routineDetailPanel,.routineDayCard,.routineCommentsSection{padding:16px}.routineDetailTitle{font-size:27px}.routineDetailMetaGrid,.routineExerciseNumbers{grid-template-columns:1fr}}.routineSharePage{box-sizing:border-box;background:radial-gradient(circle at 8% 0,#34d39924,#0000 26%),radial-gradient(circle at 100% 0,#6366f11f,#0000 28%),#f9fafb;width:100%;min-height:calc(100vh - 64px);padding:28px 24px 80px}.routineShareInner{width:min(1180px,100%);margin:0 auto}.routineShareBack{margin-bottom:18px;font-size:14px;font-weight:800}.routineShareHero{color:#fff;background:#0d1b2e;border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;padding:clamp(32px,5vw,54px);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #0f172a29}.routineShareHero h1{letter-spacing:-.055em;max-width:720px;margin:8px 0 12px;font-size:clamp(30px,4vw,54px);line-height:1.05}.routineShareHero p{color:#ffffffc2;max-width:760px;margin:0;font-size:15px;line-height:1.7}.routineShareHeroCodes{z-index:1;flex-direction:column;gap:10px;min-width:210px;display:flex;position:relative}.routineShareHeroCodes button{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;width:100%;padding:11px 14px;font-weight:800}.routineShareHeroCodes button:hover{background:#34d39929;border-color:#2ee6a6}.routineShareLayout{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;display:grid}.routineSharePanel,.routineSharePreviewPanel{min-width:0}.routineShareFormPanel,.routineSharePreviewSticky{background:#fff;border:1px solid #eef2f7;border-radius:28px;box-shadow:0 20px 50px #0f172a0f}.routineShareFormPanel{padding:28px}.routineSharePreviewSticky{padding:24px;position:sticky;top:84px}.routineSharePanelHeader,.routineSharePreviewHeader{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.routineSharePanelHeaderSub{border-top:1px solid #edf1f6;margin-top:30px;padding-top:24px}.routineShareStep{color:#059669;background:#ecfdf5;border-radius:15px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:inline-flex}.routineSharePanelHeader h2,.routineSharePreviewHeader h2{letter-spacing:-.03em;margin:0 0 6px;font-size:22px}.routineSharePanelHeader p,.routineSharePreviewHeader p{color:#7b8492;margin:0;font-size:14px;line-height:1.6}.routineShareCodeForm,.routineSharePostForm{flex-direction:column;display:flex}.routineShareCodeForm label,.routineSharePostForm label{color:#1f2937;margin:0 0 8px;font-size:14px;font-weight:900}.routineShareCodeRow{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.routineShareCodeRow input,.routineSharePostForm input,.routineSharePostForm textarea{box-sizing:border-box;color:#0d1b2e;background:#f8fafc;border:1px solid #e5eaf1;border-radius:18px;outline:none;width:100%;font-size:15px;font-weight:700}.routineShareCodeRow input,.routineSharePostForm input{min-height:54px;padding:0 16px}.routineSharePostForm textarea{resize:vertical;padding:15px 16px;line-height:1.65}.routineShareCodeRow input:focus,.routineSharePostForm input:focus,.routineSharePostForm textarea:focus{background:#fff;border-color:#2ee6a6;box-shadow:0 0 0 4px #34d39929}.routineShareCodeRow button,.routineSharePrimaryBtn,.routineShareSecondaryBtn,.routineShareCopyBtn{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.routineShareCodeRow button{color:#fff;background:#0d1b2e;border-radius:999px;padding:0 18px}.routineSharePostForm>input,.routineSharePostForm>textarea{margin-bottom:18px}.routineShareVisibilityGroup{flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 18px;display:flex}.routineShareVisibilityGroup>span{color:#6b7280;margin-right:6px;font-size:14px;font-weight:900}.routineShareVisibilityGroup label{color:#697386;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:999px;margin:0;padding:10px 14px;font-size:13px;font-weight:900}.routineShareVisibilityGroup label.selected{color:#064e3b;background:#ecfdf5;border-color:#2ee6a6}.routineShareVisibilityGroup input{display:none}.routineShareMessage{color:#065f46;background:#ecfdf5;border-radius:16px;margin-bottom:18px;padding:13px 15px;font-size:14px;font-weight:800;line-height:1.5}.routineShareActions{justify-content:flex-end;gap:10px;display:flex}.routineShareSecondaryBtn,.routineSharePrimaryBtn{border-radius:999px;min-height:48px;padding:0 18px}.routineShareSecondaryBtn{color:#4b5563;background:#f3f4f6}.routineSharePrimaryBtn{color:#0d1b2e;background:#2ee6a6;box-shadow:0 14px 28px #34d39938}.routineSharePreviewCard{min-width:0}.routineSharePreviewTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.routineShareCopyBtn{color:#1f2937;white-space:nowrap;background:#fff;border:1px solid #e5eaf1;border-radius:999px;padding:9px 12px}.routineSharePreviewCard h3{color:#0d1b2e;letter-spacing:-.05em;overflow-wrap:anywhere;margin:0 0 8px;font-size:28px;line-height:1.08}.routineSharePreviewDesc{color:#667085;overflow-wrap:anywhere;margin:14px 0 18px;font-size:14px;line-height:1.7}.routineSharePreviewMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.routineSharePreviewMeta div{background:#f8fafc;border-radius:17px;min-width:0;padding:13px}.routineSharePreviewMeta span{color:#9aa3af;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.routineSharePreviewMeta strong{color:#0d1b2e;overflow-wrap:anywhere;font-size:15px}.routineSharePreviewDays{flex-direction:column;gap:12px;display:flex}.routineSharePreviewDay{background:#fff;border:1px solid #edf1f6;border-radius:18px;padding:14px}.routineSharePreviewDay>div{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.routineSharePreviewDay strong{color:#0d1b2e;font-size:15px}.routineSharePreviewDay span{color:#4f46e5;font-size:13px;font-weight:900}.routineSharePreviewDay ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.routineSharePreviewDay li{color:#566070;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.routineSharePreviewStats{color:#0d1b2e;align-items:center;gap:16px;margin-top:18px;font-size:13px;font-weight:900;display:flex}.routineSharePreviewStats span{align-items:center;gap:5px;display:inline-flex}.routineShareEmptyPreview{text-align:center;color:#8b95a5;background:#f8fafc;border:1px dashed #d8dee8;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.routineShareEmptyPreview h3{color:#0d1b2e;margin:14px 0 8px}.routineShareEmptyPreview p{margin:0;font-size:14px}@media (width<=980px){.routineShareLayout{grid-template-columns:1fr}.routineSharePreviewSticky{position:static}.routineShareHero{flex-direction:column;align-items:flex-start}.routineShareHeroCodes{width:100%;min-width:0}}@media (width<=640px){.routineSharePage{padding:18px 16px 72px}.routineShareHero{border-radius:24px;padding:26px 22px}.routineShareHero h1{font-size:32px}.routineShareFormPanel,.routineSharePreviewSticky{border-radius:22px;padding:20px}.routineSharePanelHeader,.routineSharePreviewHeader{gap:11px}.routineShareStep{border-radius:13px;width:36px;height:36px}.routineShareCodeRow{grid-template-columns:1fr}.routineShareCodeRow button{min-height:50px}.routineShareActions{flex-direction:column-reverse}.routineShareSecondaryBtn,.routineSharePrimaryBtn{width:100%}.routineSharePreviewTop{flex-direction:column;align-items:flex-start}.routineSharePreviewCard h3{font-size:25px}.routineSharePreviewMeta{grid-template-columns:1fr 1fr}}@media (width<=380px){.routineSharePreviewMeta{grid-template-columns:1fr}}.routineMyPage{box-sizing:border-box;background:#f9fafb;width:100%;min-height:calc(100vh - 64px)}.routineProfileCard{box-sizing:border-box;background:#fff;border:1px solid #eef0f3;border-radius:24px;grid-template-columns:84px 1fr auto;align-items:center;gap:22px;width:100%;padding:28px;display:grid;box-shadow:0 12px 30px #1118270d}.routineProfileAvatar{color:#2ee6a6;background:#0d1b2e;border-radius:28px;justify-content:center;align-items:center;width:84px;height:84px;font-size:34px;font-weight:800;display:flex}.routineProfileLabel{color:#8b5cf6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:800}.routineProfileName{color:#0d1b2e;margin:0;font-size:30px}.routineProfileHandle{color:#6b7280;margin:4px 0 0;font-size:14px;font-weight:700}.routineProfileBio{color:#4b5563;margin:12px 0 0;line-height:1.55}.routineProfileStats{gap:24px;margin-top:18px;display:flex}.routineProfileStats div{flex-direction:column;gap:3px;display:flex}.routineProfileStats strong{color:#0d1b2e;font-size:20px}.routineProfileStats span{color:#9ca3af;font-size:12px;font-weight:700}.routineProfileShareButton{color:#0d1b2e;white-space:nowrap;background:#2ee6a6;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:800;text-decoration:none}.routineProfileShareButton:hover{opacity:.86}.routineMyPageBody{margin-top:28px}.routineMyPageTabs{gap:10px;margin-bottom:22px;padding-bottom:4px;display:flex;overflow-x:auto}.routineMyPageTabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800}.routineMyPageTabs button.active{color:#fff;background:#0d1b2e;border-color:#0d1b2e}.routineMyPageGrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.routineEmptyBox{text-align:center;color:#6b7280;background:#fff;border:1px solid #eef0f3;border-radius:22px;padding:40px 24px}.routineEmptyBox strong{color:#0d1b2e;margin-bottom:8px;font-size:18px;display:block}.routineEmptyButton{color:#fff;background:#0d1b2e;border-radius:999px;margin-top:16px;padding:11px 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}@media (width<=768px){.routineMyPage{padding:0 15px 40px}.routineProfileCard{grid-template-columns:1fr;gap:16px;padding:22px}.routineProfileName{font-size:25px}.routineProfileStats{flex-wrap:wrap;gap:16px}.routineProfileShareButton{text-align:center;justify-content:center}.routineMyPage{background:#f9fafb;padding:0 12px 36px}.routineProfileCard{border-radius:20px;grid-template-columns:56px 1fr;align-items:start;gap:12px;padding:16px;display:grid}.routineProfileAvatar{border-radius:18px;width:56px;height:56px;font-size:24px}.routineProfileInfo{min-width:0}.routineProfileLabel{letter-spacing:.06em;margin-bottom:4px;font-size:10px}.routineProfileName{margin:0;font-size:21px;line-height:1.15}.routineProfileHandle{margin-top:2px;font-size:12px}.routineProfileBio{grid-column:1/-1;margin:6px 0 0;font-size:13px;line-height:1.45}.routineProfileStats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.routineProfileStats div{text-align:center;background:#f6f7fb;border-radius:14px;align-items:center;padding:10px 6px}.routineProfileStats strong{font-size:18px}.routineProfileStats span{font-size:11px}.routineProfileShareButton{grid-column:1/-1;justify-content:center;width:100%;margin-top:2px;padding:12px 0}.routineMyPageBody{margin-top:18px}.routineMyPageTabs{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;padding-bottom:0;display:grid;overflow:visible}.routineMyPageTabs button{white-space:nowrap;border-radius:999px;width:100%;padding:10px 6px;font-size:12px}.routineMyPageGrid{grid-template-columns:1fr;gap:16px}.routineMyPage .routineCard{border-radius:18px}.routineMyPage .routineCardTop{min-height:96px;padding:14px}.routineMyPage .routineCardSplit{font-size:13px}.routineMyPage .routineCardBody{padding:14px}.routineMyPage .routineCardTitle{word-break:break-word;font-size:16px;line-height:1.25}.routineMyPage .routineCreator{margin-top:4px;font-size:12px}.routineMyPage .routineMeta{margin-top:10px;font-size:12px}.routineMyPage .routineExerciseList{gap:4px;margin-top:12px}.routineMyPage .routineExerciseList li{font-size:12px}.routineMyPage .routineCardFooter{padding:10px 14px}}.rutifyHeader{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fafbdb;border-bottom:1px solid #e5e7ebcc;width:100%;position:sticky;top:0}.rutifyHeaderInner{box-sizing:border-box;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:100%;height:66px;margin:0 auto;padding:0 28px;display:grid}.rutifyHeaderBrand{color:#0d1b2e;align-items:center;gap:5px;min-width:0;text-decoration:none;display:inline-flex}.rutifyHeaderLogo{color:#0d1b2e;letter-spacing:-.04em;background:linear-gradient(135deg,#2ee6a6 0%,#2ee8b6 100%);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #34dca34d}.rutifyHeaderName{letter-spacing:-.04em;white-space:nowrap;font-size:17px;font-weight:900}.rutifyHeaderNav{background:#fff;border:1px solid #eef0f3;border-radius:999px;justify-self:start;align-items:center;gap:4px;padding:5px;display:inline-flex;box-shadow:0 8px 22px #0f172a0a}.rutifyHeaderNav a{color:#8b95a5;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:850;text-decoration:none;transition:all .16s}.rutifyHeaderNav a:hover{color:#0d1b2e;background:#f6f7fb}.rutifyHeaderNav a.active{color:#0d1b2e;background:#e9fff6}.rutifyHeaderActions{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.rutifyHeaderIconButton{color:#0d1b2e;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .16s;display:inline-flex}.rutifyHeaderIconButton:hover{background:#eef2f7}.rutifyHeaderLoginButton{color:#fff;cursor:pointer;background:#0d1b2e;border:0;border-radius:999px;height:38px;padding:0 16px;font-size:13px;font-weight:900;transition:all .16s;box-shadow:0 10px 24px #1118272e}.rutifyHeaderLoginButton:hover{opacity:.9;transform:translateY(-1px)}.rutifyHeaderProfileButton{color:#2ee6a6;background:#0d1b2e;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #1118272e}@media (width<=768px){.rutifyHeaderInner{grid-template-columns:auto 1fr auto;gap:10px;height:62px;padding:0 14px}.rutifyHeaderName{font-size:16px}.rutifyHeaderActions{gap:6px}.rutifyHeaderIconButton{width:36px;height:36px}.rutifyHeaderLoginButton{height:36px;padding:0 14px;font-size:12px}.rutifyHeaderProfileButton{width:36px;height:36px}}@media (width<=390px){.rutifyHeaderName{text-overflow:ellipsis;max-width:104px;overflow:hidden}.rutifyHeaderLoginButton{padding:0 12px}}.rutifyHeaderUserArea{align-items:center;gap:8px;display:inline-flex}.rutifyHeaderLogoutButton{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;height:38px;padding:0 14px;font-size:13px;font-weight:900}.rutifyHeaderLogoutButton:hover{color:#0d1b2e;background:#f3f4f6}.rutifyLoginOverlay{z-index:30000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rutifyLoginModal{box-sizing:border-box;background:#fff;border-radius:28px;width:min(420px,100%);padding:34px 28px 24px;animation:.18s ease-out rutifyLoginPop;position:relative;box-shadow:0 30px 80px #0f172a42}@keyframes rutifyLoginPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rutifyLoginClose{color:#0d1b2e;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;width:34px;height:34px;font-size:22px;font-weight:800;line-height:1;position:absolute;top:16px;right:16px}.rutifyLoginClose:hover{color:#fff;background:#0d1b2e}.rutifyLoginBrand{color:#0d1b2e;align-items:center;gap:5px;margin-bottom:26px;font-size:15px;font-weight:900;display:flex}.rutifyLoginLogo{color:#0d1b2e;background:linear-gradient(135deg,#2ee6a6 0%,#2ee8b6 100%);border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:flex;box-shadow:0 10px 24px #34dca347}.rutifyLoginTitle{color:#0d1b2e;letter-spacing:-.04em;margin:0;font-size:28px;line-height:1.2}.rutifyLoginDesc{color:#6b7280;margin:12px 0 22px;font-size:14px;line-height:1.55}.rutifyLoginGuide{color:#6b7280;text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.rutifyLoginSwitch{color:#5c51ff;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:900}.rutifyLoginSwitch:hover{text-decoration:underline}.rutifyLoginPolicy{color:#9ca3af;text-align:center;margin:20px 0 0;font-size:11px;line-height:1.5}@media (width<=520px){.rutifyLoginOverlay{align-items:flex-end;padding:12px}.rutifyLoginModal{border-radius:26px;width:100%;padding:30px 22px 22px}.rutifyLoginTitle{font-size:25px}.rutifyLoginDesc{font-size:13px}}@media (width<=640px){.rutifyHeaderUserArea{gap:6px}.rutifyHeaderLogoutButton{height:36px;padding:0 10px;font-size:12px}}.routineImportPage{box-sizing:border-box;background:radial-gradient(circle at 8% 0,#34d39924,#0000 26%),radial-gradient(circle at 100% 0,#6366f11a,#0000 28%),#f9fafb;width:100%;min-height:calc(100vh - 64px);padding:28px 24px 80px}.routineImportInner{width:min(1180px,100%);margin:0 auto}.routineImportBack{margin-bottom:18px;font-size:14px;font-weight:800}.routineImportHero{color:#fff;background:#0d1b2e;border-radius:28px;margin-bottom:26px;padding:clamp(32px,5vw,54px);box-shadow:0 22px 55px #0f172a29}.routineImportHero h1{letter-spacing:-.055em;max-width:720px;margin:8px 0 12px;font-size:clamp(30px,4vw,54px);line-height:1.05}.routineImportHero p{color:#ffffffc2;max-width:760px;margin:0;font-size:15px;line-height:1.7}.routineImportLayout{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:24px;display:grid}.routineImportCard,.routineImportPreviewCard{background:#fff;border:1px solid #eef2f7;border-radius:28px;box-shadow:0 20px 50px #0f172a0f}.routineImportCard{padding:28px}.routineImportPreviewCard{padding:24px}.routineImportPreview{min-width:0;position:sticky;top:84px}.routineImportForm{flex-direction:column;display:flex}.routineImportForm label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:900}.routineImportCodeRow{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.routineImportCodeRow input{box-sizing:border-box;color:#0d1b2e;background:#f8fafc;border:1px solid #e5eaf1;border-radius:18px;outline:none;width:100%;min-height:54px;padding:0 16px;font-size:15px;font-weight:800}.routineImportCodeRow input:focus{background:#fff;border-color:#2ee6a6;box-shadow:0 0 0 4px #34d39929}.routineImportCodeRow button{color:#fff;cursor:pointer;background:#0d1b2e;border:0;border-radius:999px;padding:0 18px;font-weight:900}.routineImportExamples{margin-top:24px}.routineImportExamples>span{color:#6b7280;margin-bottom:10px;font-size:13px;font-weight:900;display:block}.routineImportExamples div{flex-wrap:wrap;gap:8px;display:flex}.routineImportExamples button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}.routineImportExamples button:hover{background:#ecfdf5;border-color:#2ee6a6}.routineImportPreviewCard h2{color:#0d1b2e;letter-spacing:-.05em;overflow-wrap:anywhere;margin:14px 0 6px;font-size:28px;line-height:1.08}.routineImportDays{flex-direction:column;gap:12px;display:flex}.routineImportActions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.routineImportCommunityLink{color:#4b5563;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-height:48px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.routineImportCommunityLink:hover{color:#0d1b2e;background:#e5e7eb}@media (width<=980px){.routineImportLayout{grid-template-columns:1fr}.routineImportPreview{position:static}}@media (width<=640px){.routineImportPage{padding:18px 16px 72px}.routineImportHero{border-radius:24px;padding:26px 22px}.routineImportHero h1{font-size:32px}.routineImportCard,.routineImportPreviewCard{border-radius:22px;padding:20px}.routineImportCodeRow{grid-template-columns:1fr}.routineImportCodeRow button{min-height:50px}.routineImportPreviewCard h2{font-size:25px}}.routineDesktopQrBox{background:#f8fafc;border:1px solid #e5eaf1;border-radius:22px;padding:18px}.routineDesktopQrHeader{margin-bottom:16px}.routineDesktopQrHeader strong{color:#0d1b2e;margin-bottom:5px;font-size:16px;font-weight:900;display:block}.routineDesktopQrHeader p{color:#667085;margin:0;font-size:13px;font-weight:700}.routineQrGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.routineQrCard{text-align:center;background:#fff;border:1px solid #edf1f6;border-radius:18px;flex-direction:column;align-items:center;min-width:0;padding:14px;display:flex}.routineQrCard strong{color:#0d1b2e;margin-top:10px;font-size:14px;font-weight:900}.routineQrCard span{color:#667085;margin-top:4px;font-size:12px;font-weight:700}.routineQrGuide{color:#8b95a5;text-align:center;margin:14px 0 0;font-size:12px;line-height:1.5}@media (width<=640px){.routineQrGrid{grid-template-columns:1fr}}.routineDetailLayout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"hero side""days side""comments side";align-items:start;gap:24px;display:grid}.routineDetailHeroMain{grid-area:hero}.routineDetailSideColumn{grid-area:side;position:sticky;top:88px}.routineDetailDays{grid-area:days}.routineCommentsSection{grid-area:comments;margin-top:0}.routineDetailLayout,.routineDetailSideColumn{box-sizing:border-box;min-width:0}.routineDetailQrBox{margin:14px 0 0}.routineQrCard canvas{aspect-ratio:1;display:block;width:100%!important;max-width:112px!important;height:auto!important}.routineShareDetailPreviewCard .routineDetailBadges{margin-bottom:14px}.routineSharePreviewDetailMeta{margin:16px 0 14px}.routineSharePreviewCodeBox{margin-bottom:18px}@media (width<=900px){.routineDetailLayout{grid-template-columns:1fr;grid-template-areas:"hero""side""days""comments"}.routineDetailSideColumn{position:static}}.routineDetailCodeBox{box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #edf1f6;border-radius:18px;flex-direction:column;gap:9px;margin:6px 0 16px;padding:14px;display:flex}.routineDetailCodeBox>span{color:#8b95a5;letter-spacing:-.01em;align-items:center;font-size:12px;font-weight:950;display:inline-flex}.routineDetailCodeCopyBtn{color:#0d1b2e;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dbe5ef;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;min-height:46px;padding:0 14px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 8px 20px #0f172a0a}.routineDetailCodeCopyBtn svg{color:#2ee6a6;flex:none}.routineDetailCodeCopyBtn strong{white-space:nowrap;text-overflow:ellipsis;color:#0d1b2e;letter-spacing:.01em;text-align:left;flex:auto;min-width:0;font-size:13px;font-weight:950;line-height:1;overflow:hidden}.routineDetailCodeCopyBtn:after{content:"COPY";color:#047857;letter-spacing:.04em;background:#ecfdf5;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:950}.routineDetailCodeCopyBtn:hover{background:#f0fdf4;border-color:#2ee6a6;transform:translateY(-1px);box-shadow:0 12px 26px #34d39926}.routineDetailCodeCopyBtn:focus-visible{border-color:#2ee6a6;outline:none;box-shadow:0 0 0 4px #34d3992e}.routineDetailMessage{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:15px;margin:-2px 0 14px;padding:11px 13px;font-size:13px;font-weight:850;line-height:1.45}.routineSharePreviewCodeBox{margin:16px 0 18px}.routineSharePreviewCodeBox .routineDetailCodeCopyBtn{justify-content:space-between}@media (width<=640px){.routineDetailCodeBox{border-radius:16px;padding:13px}.routineDetailCodeCopyBtn{min-height:44px;padding:0 12px}.routineDetailCodeCopyBtn:after{content:"COPY";padding:4px 7px}}.rutifyHeaderLangButton{color:#0d1b2e;cursor:pointer;text-transform:uppercase;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-width:36px;height:34px;padding:0 7px;font-size:13px;font-weight:900}.rutifyHeaderLangButton:hover{background:#f3f4f6}.rutifyHeaderLogoBadge{background:#0d1b2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 10px 24px #0714262e}.rutifyHeaderLogoImage{object-fit:contain;width:30px;height:30px;display:block}.routineProfileEditButton,.routineProfileEditActions button,.routineMyShareExampleActions button,.routineMyShareExampleActions a,.routineMyShareExamplesWrite{color:#24212e;cursor:pointer;background:#fff;border:1px solid #dedbe8;border-radius:999px;font-weight:800;text-decoration:none}@media (width<=900px){.routineMyShareExampleGrid{grid-template-columns:1fr}.routineMyShareExamplesHeader{flex-direction:column}}.routineMyPostManageBadges span:nth-child(2){color:#7b46ff;letter-spacing:.08em}@media (width<=720px){.routineMyPostManageCard{grid-template-columns:1fr}.routineMyPostManageActions{min-width:0}}@media (width<=900px){.routineHeroWide{grid-template-columns:1fr;padding:30px}.creatorProfileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.creatorProfileHero{grid-template-columns:1fr}.creatorProfileStats{flex-wrap:wrap}}@media (width<=720px){.routineBodyTemplateGrid,.creatorProfileGrid{grid-template-columns:1fr}.routineDetailSideColumn{max-height:none;position:static;overflow:visible}}@media (width<=640px){.routineHeroWide{border-radius:28px;width:auto;padding:24px}.routineHeroWide .routineHeroTitle{font-size:36px}.routineHeroGlassPanel{padding:16px}.creatorProfilePage{width:min(100% - 24px,1120px)}}@media (width<=430px){.rutifyHeaderInner{gap:8px;width:min(100% - 18px,1120px)}.rutifyHeaderBrand{min-width:0}.rutifyHeaderName{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}.rutifyHeaderActions{gap:6px}.rutifyHeaderLangButton,.rutifyHeaderIconButton,.rutifyHeaderProfileButton{width:34px;min-width:34px;height:34px}.rutifyHeaderLogoutButton,.rutifyHeaderLoginButton{border-radius:999px;min-height:34px;padding:0 9px;font-size:12px;line-height:1}}@media (width<=640px){.routineMainHeroWide{border-radius:28px;gap:22px;padding:28px 22px;display:grid}.routineMainHeroWide .routineHeroTitle{font-size:34px;line-height:1.12}.routineHeroActionArea{align-items:stretch}.routineMobileImportBox{display:block}.routineMobileImportBox>div{grid-template-columns:minmax(0,1fr) auto;display:grid}.routineMobileImportBox button{min-width:74px}.routineProfileCard{border-radius:26px;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:14px;padding:18px;display:grid}.routineProfileInfo{min-width:0}.routineProfileName{margin-top:4px;font-size:24px;line-height:1.15}.routineProfileBio{font-size:13px;line-height:1.5}.routineProfileStats{grid-column:1/-1;width:100%}.routineProfileActions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.routineProfileEditButton,.routineProfileShareButton{text-align:center;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:0 10px;font-size:13px;line-height:1.15;display:inline-flex}.creatorProfileHero{border-radius:28px;gap:16px;padding:22px}.creatorProfileAvatar{border-radius:23px;width:64px;height:64px;font-size:25px}.creatorProfileMain h1{font-size:30px}.creatorProfileStats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}@media (width<=640px){.routinePageContent{width:min(100% - 24px,1280px)!important}}@media (width<=640px){html body #root .container.routinePageContainer .routinePageContent{width:min(100% - 24px,1280px)!important}}.rutifyHeaderInner,.routinePageContent,.routineShareInner,.routineImportInner,.routineDetailInner,.routineMyPage{width:min(1120px,100% - 40px);margin-left:auto;margin-right:auto}.routineHeroActionArea{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.routineMobileImportBox{display:none}.routineMobileImportBox label{color:#6f6d78;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.routineMobileImportBox>div{gap:8px;display:flex}.routineMobileImportBox input{letter-spacing:.12em;text-transform:uppercase;background:#fff;border:1px solid #e2e0ea;border-radius:14px;outline:none;width:100%;min-width:0;height:44px;padding:0 14px;font-size:16px;font-weight:900}.routineMobileImportBox button{color:#fff;white-space:nowrap;background:#0d1b2e;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 14px;font-weight:800;display:inline-flex}.routineCardInsightGrid{gap:8px;margin-top:14px}.routineCardInsightGrid>div{background:#fbfaff;border:1px solid #eceaf3;border-radius:14px;min-width:0;padding:10px 8px}.routineCardInsightGrid span{color:#8a8792;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.routineCardInsightGrid strong{text-overflow:ellipsis;color:#262330;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.routineProfileActions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.routineProfileEditButton,.routineProfileEditActions button,.routineMyShareExampleActions button,.routineMyShareExampleActions a,.routineMyShareExamplesWrite{color:#24212e;cursor:pointer;background:#fff;border:1px solid #dedbe8;border-radius:999px;font-size:14px;font-weight:800;text-decoration:none}.routineProfileEditButton{padding:11px 18px}.routineProfileEditForm{gap:9px;width:min(100%,520px);margin-top:10px;display:grid}.routineProfileEditForm label{color:#6f6d78;font-size:12px;font-weight:800}.routineProfileEditForm input,.routineProfileEditForm textarea,.routineBodyEditor textarea{color:#24212e;background:#fff;border:1px solid #e0deea;border-radius:16px;outline:none;width:100%}.routineProfileEditForm input{height:42px;padding:0 13px}.routineProfileEditForm textarea,.routineBodyEditor textarea{resize:vertical;padding:13px;line-height:1.55}.routineProfileEditActions{gap:8px;margin-top:4px;display:flex}.routineProfileEditActions button{padding:10px 15px}.routineProfileEditActions button[type=submit]{color:#fff;background:#0d1b2e;border-color:#0d1b2e}.routineMyPageMessage,.routineImportMessage,.routineShareWarningMessage,.routineDetailMessage,.routineShareMessage{z-index:9999!important;color:#fff!important;text-align:center!important;pointer-events:none!important;background:#071426b3!important;border:0!important;border-radius:18px!important;width:min(450px,100% - 40px)!important;margin:0!important;padding:14px 18px!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;position:fixed!important;bottom:32px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 18px 42px #07142647!important}.routineMyShareExamples{background:#fff;border:1px solid #ebe8f4;border-radius:28px;margin-top:22px;padding:22px;box-shadow:0 14px 40px #231f320f}.routineMyShareExamplesHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.routineMyShareExamplesHeader span{color:#7b46ff;letter-spacing:.08em;font-size:12px;font-weight:900}.routineMyShareExamplesHeader h2{margin:5px 0 6px;font-size:22px}.routineMyShareExamplesHeader p{color:#726f7d;margin:0}.routineMyShareExamplesWrite{white-space:nowrap;padding:11px 16px}.routineMyShareExampleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.routineMyShareExampleCard{background:#fbfaff;border:1px solid #efedf5;border-radius:22px;padding:16px}.routineMyShareExampleTop{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.routineMyShareExampleTop strong{min-width:0;font-size:15px}.routineMyShareExampleTop span{color:#7b46ff;letter-spacing:.08em;font-size:12px;font-weight:900}.routineMyShareExampleCard p{color:#6f6c78;min-height:44px;margin:0 0 14px;font-size:13px;line-height:1.5}.routineMyShareExampleActions{flex-wrap:wrap;gap:8px;display:flex}.routineMyShareExampleActions button,.routineMyShareExampleActions a{padding:9px 12px;font-size:12px}.routineBodyEditor{gap:8px;display:grid}.routineBodyToolbar{flex-wrap:wrap;gap:8px;display:flex}.routineBodyToolbar button{color:#4d4858;cursor:pointer;background:#fff;border:1px solid #e0deea;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.routineShareLinkBox{background:#f8f5ff;border:1px solid #dfd8ff;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.routineShareLinkBox strong{color:#282235;margin-bottom:4px;display:block}.routineShareLinkBox p{color:#736f80;margin:0;font-size:13px}.routineShareLinkBox button{color:#fff;white-space:nowrap;cursor:pointer;background:#0d1b2e;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-weight:800;display:inline-flex}.routineSharePreviewBody,.routineDetailBodyText{background:#fbfaff;border:1px solid #eeebf5;border-radius:18px;margin-top:14px;padding:15px}.routineSharePreviewBody p,.routineDetailBodyText p{color:#55515f;margin:0 0 8px;line-height:1.58}.routineSharePreviewBody p:last-child,.routineDetailBodyText p:last-child{margin-bottom:0}@media (width<=900px){.routineMyShareExampleGrid{grid-template-columns:1fr}.routineMyShareExamplesHeader{flex-direction:column}}@media (width<=640px){.rutifyHeaderInner,.routinePageContent,.routineShareInner,.routineImportInner,.routineDetailInner,.routineMyPage{width:min(100% - 24px,1120px)}.routineHeroActionArea{align-items:stretch;width:100%}.routineMobileImportBox{background:#fff;border:1px solid #ece8f3;border-radius:20px;padding:14px;display:block;box-shadow:0 12px 32px #231f320f}.routineMobileImportBox button span{display:inline}.routinePrimaryBtn{width:100%}.routineCardInsightGrid{grid-template-columns:1fr}.routineProfileCard,.routineProfileActions,.routineShareLinkBox{align-items:stretch}.routineProfileActions,.routineShareLinkBox{flex-direction:column}}.routineMyPostManageList{gap:14px;display:grid}.routineMyPostManageCard{background:#fff;border:1px solid #ece9f4;border-radius:26px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:20px;display:grid;box-shadow:0 14px 34px #231f320e}.routineMyPostManageMain h3{color:#262230;margin:9px 0 7px;font-size:19px;line-height:1.3}.routineMyPostManageMain p{color:#686472;margin:0;line-height:1.55}.routineMyPostManageBadges{flex-wrap:wrap;gap:7px;display:flex}.routineMyPostManageBadges span{color:#5f5a69;background:#fbfaff;border:1px solid #e8e4f2;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.routineMyPostManageCreator{color:#8a8492;margin-top:11px;font-size:13px;font-weight:800}.routineMyPostManageActions{flex-direction:column;gap:8px;min-width:136px;display:flex}.routineMyPostManageActions a,.routineMyPostManageActions button{color:#262230;cursor:pointer;background:#fff;border:1px solid #e1deea;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.routineMyPostManageActions a:first-child{color:#fff;background:#0d1b2e;border-color:#0d1b2e}.routineBodyEditorPretty{background:linear-gradient(#fbfaff 0%,#fff 42%);border:1px solid #e5e1f0;border-radius:22px;gap:0;overflow:hidden;box-shadow:0 12px 28px #231f320b}.routineBodyEditorHead{border-bottom:1px solid #efecf6;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 16px 12px;display:flex}.routineBodyEditorHead strong{color:#272330;margin-bottom:4px;font-size:15px;display:block}.routineBodyEditorHead span,.routineBodyEditorFoot span{color:#777280;font-size:12px;line-height:1.45}.routineBodyEditorHead em{color:#6f44e8;background:#f0ecff;border-radius:999px;flex:none;padding:5px 9px;font-size:12px;font-style:normal;font-weight:900}.routineBodyEditorPretty .routineBodyToolbar{background:#ffffffb8;border-bottom:1px solid #efecf6;padding:12px 16px}.routineBodyEditorPretty .routineBodyToolbar button{color:#4f465f;background:#fff;border-color:#dfd9f3;align-items:center;gap:6px;display:inline-flex}.routineBodyEditorPretty textarea{background:0 0;border:0;border-radius:0;min-height:230px;padding:18px;font-size:14px}.routineBodyEditorFoot{padding:0 16px 16px}@media (width<=720px){.routineMyPostManageCard{grid-template-columns:1fr}.routineMyPostManageActions{min-width:0}}.routineHeroWide{background:radial-gradient(circle at 8% 10%,#7b46ff24,#0000 30%),radial-gradient(circle at 92% 14%,#ff7d4f29,#0000 28%),linear-gradient(135deg,#fff 0%,#f8f5ff 54%,#fff7f0 100%);border:1px solid #ece8f6;border-radius:36px;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);align-items:stretch;gap:28px;padding:46px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #231f3214}.routineHeroCopy{z-index:1;flex-direction:column;justify-content:center;min-height:320px;display:flex;position:relative}.routineHeroWide .routineHeroTitle{letter-spacing:-.055em;max-width:680px;font-size:clamp(38px,5vw,62px);line-height:1.03}.routineHeroWide .routineHeroDesc{max-width:620px;margin-top:18px;font-size:17px;line-height:1.75}.routineHeroStats{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.routineHeroStats>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #ffffffbf;border-radius:20px;min-width:112px;padding:14px 16px}.routineHeroStats strong{color:#211c2e;font-size:24px;font-weight:950;display:block}.routineHeroStats span{color:#777180;font-size:12px;font-weight:900}.routineHeroGlassPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #ffffffc7;border-radius:30px;justify-content:center;align-items:stretch;padding:22px;box-shadow:0 20px 54px #231f321a}.routineHeroPanelHeader{padding:6px 2px 4px}.routineHeroPanelHeader span{color:#7b46ff;letter-spacing:.12em;font-size:12px;font-weight:950;display:block}.routineHeroPanelHeader strong{color:#211c2e;letter-spacing:.12em;margin:7px 0;font-size:40px;font-weight:950;display:block}.routineHeroPanelHeader p{color:#777180;margin:0;font-size:13px;line-height:1.5}.routineHeroImportForm{gap:9px;margin-top:18px;display:grid}.routineHeroImportForm label{color:#5f596a;font-size:12px;font-weight:900}.routineHeroImportForm>div{gap:8px;display:flex}.routineHeroImportForm input{color:#211c2e;letter-spacing:.12em;text-transform:uppercase;background:#fff;border:1px solid #e1ddec;border-radius:16px;outline:none;width:100%;min-width:0;height:48px;padding:0 15px;font-size:17px;font-weight:950}.routineHeroImportForm button{color:#fff;cursor:pointer;background:#0d1b2e;border:0;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:84px;height:48px;font-weight:900;display:inline-flex}.routineHeroCodeChips{flex-wrap:wrap;gap:8px;margin:14px 0 4px;display:flex}.routineHeroCodeChips button{color:#6f44e8;letter-spacing:.08em;cursor:pointer;background:#fff;border:1px solid #e3def2;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:950}.routineBodyTemplateGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;display:grid!important}.routineBodyTemplateGrid button{text-align:left;justify-content:flex-start;min-height:60px;border-radius:18px!important;padding:12px!important}.routineBodyTemplateIcon{color:#7b46ff;background:#f1ecff;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.routineBodyTemplateGrid button>span:last-child{gap:3px;min-width:0;display:grid}.routineBodyTemplateGrid strong{color:#2b2537;font-size:13px}.routineBodyTemplateGrid em{color:#7c7587;font-size:11px;font-style:normal;font-weight:700;line-height:1.35}.routineStructuredBody{gap:12px;margin-top:18px;display:grid}.routineStructuredBodyCompact{gap:10px;margin-top:14px}.routineBodySectionCard,.routineBodyPlainBlock{background:linear-gradient(#fff 0%,#fbfaff 100%);border:1px solid #ece8f5;border-radius:22px;box-shadow:0 12px 30px #231f320b}.routineBodySectionCard{padding:16px}.routineStructuredBodyCompact .routineBodySectionCard{border-radius:18px;padding:13px}.routineBodyPlainBlock{padding:15px 16px}.routineBodyPlainBlock p,.routineBodySectionParagraph{color:#5d5866;margin:0;line-height:1.62}.routineBodySectionTitle{align-items:center;gap:9px;margin-bottom:10px;display:flex}.routineBodySectionTitle span{background:#7b46ff;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 5px #7b46ff1c}.routineBodySectionTitle strong{color:#211c2e;font-size:15px}.routineBodyBulletList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.routineBodySectionParagraph+.routineBodyBulletList,.routineBodyBulletList+.routineBodySectionParagraph{margin-top:10px}.routineBodyBulletList li{color:#514b5d;align-items:flex-start;gap:8px;font-size:14px;line-height:1.55;display:flex}.routineBodyBulletList svg{color:#7b46ff;flex:none;margin-top:3px}.routineStructuredBodyEmpty{color:#817a8c;background:#fbfaff;border-radius:18px;margin-top:14px;padding:16px}.routineSharePreviewBody,.routineDetailBodyText{display:none}.routineDetailLayout{align-items:start}.routineDetailQrBox{margin-top:14px}.routineCreatorLink{color:#7b46ff;width:fit-content;text-decoration:none;display:inline-flex}.routineCreatorLink:hover{text-decoration:underline}.routineMyPostManageStats{flex-wrap:wrap;gap:8px;margin-top:13px;display:flex}.routineMyPostManageStats span{color:#5f596a;background:#fbfaff;border:1px solid #ede9f5;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.routineMyPostManageStats svg:last-child,.routineMyPostManageStats svg{color:#7b46ff}.creatorProfilePage{width:min(1120px,100% - 40px);max-width:1120px;margin:34px auto 80px}.creatorProfileBack{color:#0d1b2e;margin-bottom:18px;font-size:14px;font-weight:800}.creatorProfileHero{background:radial-gradient(circle at 12% 12%,#7b46ff21,#0000 30%),linear-gradient(135deg,#fff 0%,#fbf8ff 100%);border:1px solid #ece8f6;border-radius:32px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:28px;display:grid;box-shadow:0 20px 54px #231f3212}.creatorProfileAvatar{color:#2ee6a6;background:#0d1b2e;border-radius:28px;justify-content:center;align-items:center;width:82px;height:82px;font-size:32px;font-weight:950;display:inline-flex}.creatorProfileMain span,.creatorProfileSectionHeader span{color:#7b46ff;letter-spacing:.11em;font-size:12px;font-weight:950}.creatorProfileMain h1{color:#211c2e;letter-spacing:-.03em;margin:6px 0;font-size:34px}.creatorProfileMain p{color:#746f7f;margin:0;font-weight:800}.creatorProfileStats{gap:10px;display:flex}.creatorProfileStats>div{color:#5f596a;background:#ffffffc7;border:1px solid #ede9f5;border-radius:20px;gap:5px;min-width:126px;padding:14px;display:grid}.creatorProfileStats svg{color:#7b46ff}.creatorProfileStats strong{color:#211c2e;font-size:13px}.creatorProfileRoutines{margin-top:28px}.creatorProfileSectionHeader{margin-bottom:16px}.creatorProfileSectionHeader h2{color:#211c2e;margin:6px 0 0;font-size:24px}.creatorProfileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (width<=900px){.routineHeroWide{grid-template-columns:1fr;padding:30px}.creatorProfileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.creatorProfileHero{grid-template-columns:1fr}.creatorProfileStats{flex-wrap:wrap}}@media (width<=720px){.routineBodyTemplateGrid,.creatorProfileGrid{grid-template-columns:1fr}.routineDetailSideColumn{max-height:none;position:static;overflow:visible}}@media (width<=640px){.routineHeroWide{border-radius:28px;width:auto;padding:24px}.routineHeroWide .routineHeroTitle{font-size:36px}.routineHeroGlassPanel{padding:16px}.creatorProfilePage{width:min(100% - 24px,1120px)}}.routineMainHeroWide{box-sizing:border-box;border-radius:34px;justify-content:space-between;align-items:center;gap:28px;width:100%;padding:clamp(32px,5vw,54px);display:flex}.routineMainHeroWide .routineHeroTitle{max-width:720px}.routineMainHeroWide .routineHeroDesc{max-width:640px}.routineAuthorCardLink{width:fit-content;max-width:100%;color:inherit;background:#fff;border:1px solid #ece8f5;border-radius:20px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;text-decoration:none;display:inline-flex;box-shadow:0 12px 30px #231f320b}.routineAuthorCardLink:hover{border-color:#dcd3ff;transform:translateY(-1px)}.routineAuthorAvatar{color:#2ee6a6;background:#0d1b2e;border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:inline-flex}.routineAuthorText{gap:2px;min-width:0;display:grid}.routineAuthorText em{color:#7b46ff;letter-spacing:.08em;font-size:11px;font-style:normal;font-weight:950}.routineAuthorText strong{color:#211c2e;font-size:14px;font-weight:950}.routineAuthorText small{color:#777180;font-size:12px;font-weight:800}.creatorProfileMain p{max-width:620px;line-height:1.65}.creatorProfileMiniMeta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.creatorProfileMiniMeta span{color:#5f596a;letter-spacing:0;background:#fff;border:1px solid #ece8f5;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.rutifyHeaderActions,.rutifyHeaderUserArea{flex-wrap:nowrap;min-width:0}.rutifyHeaderLogoutButton,.rutifyHeaderLoginButton,.rutifyHeaderShareButton,.rutifyHeaderProfileButton,.rutifyHeaderLangButton,.rutifyHeaderIconButton{white-space:nowrap;flex:none}@media (width<=640px){.routineMainHeroWide{border-radius:28px;gap:22px;padding:28px 22px;display:grid}.routineMainHeroWide .routineHeroTitle{font-size:34px;line-height:1.12}.routineHeroActionArea{align-items:stretch}.routineMobileImportBox{display:block}.routineMobileImportBox>div{grid-template-columns:minmax(0,1fr) auto;display:grid}.routineMobileImportBox button{min-width:74px}.routineProfileCard{border-radius:26px;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:14px;padding:18px;display:grid}.routineProfileAvatar{border-radius:20px;width:54px;height:54px;font-size:21px}.routineProfileInfo{min-width:0}.routineProfileName{margin-top:4px;font-size:24px;line-height:1.15}.routineProfileBio{font-size:13px;line-height:1.5}.routineProfileStats{grid-column:1/-1;width:100%}.routineProfileActions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.routineProfileEditButton,.routineProfileShareButton{text-align:center;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:44px;padding:0 10px;font-size:13px;line-height:1.15;display:inline-flex}.creatorProfileHero{border-radius:28px;gap:16px;padding:22px}.creatorProfileAvatar{border-radius:23px;width:64px;height:64px;font-size:25px}.creatorProfileMain h1{font-size:30px}.creatorProfileStats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}.container.routinePageContainer,.routinePageContainer{background:#fff!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.routinePageContent{background:0 0!important;width:min(1280px,100% - 40px)!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}.container.routinePageContainer:before,.container.routinePageContainer:after,.routinePageContainer:before,.routinePageContainer:after,.routinePageContent:before,.routinePageContent:after{content:none!important;background:0 0!important;display:none!important}.routineMainHeroWide{width:100%!important}@media (width<=640px){.routinePageContent{width:min(100% - 24px,1280px)!important}}html body #root .container.routinePageContainer{background:radial-gradient(circle at 0 0,#35e0a12e,#0000 34%),radial-gradient(circle at 100% 0,#7b46ff29,#0000 36%),linear-gradient(#f8fafc 0%,#fff 62%)!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 64px)!important;padding-bottom:80px!important}html body #root .container.routinePageContainer .routinePageContent{width:min(1280px,100% - 40px)!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}html body #root .routineMainHeroWide{box-sizing:border-box!important;width:100%!important}@media (width<=640px){html body #root .container.routinePageContainer .routinePageContent{width:min(100% - 24px,1280px)!important}}.routineMyPageShell{background:radial-gradient(circle at 0 0,#35e0a12e,#0000 34%),radial-gradient(circle at 100% 0,#7b46ff29,#0000 36%),linear-gradient(#f8fafc 0%,#fff 62%);width:100%;min-height:calc(100vh - 64px);padding:34px 0 88px}.routineMyPageShell .routineMyPage{background:0 0!important;width:min(1280px,100% - 40px)!important;max-width:1280px!important;margin:0 auto!important}.routineMyPageShell .routineMyPage:before,.routineMyPageShell .routineMyPage:after,.routineMyPageShell .routineProfileCard:before,.routineMyPageShell .routineProfileCard:after,.routineMyPageShell .routineMyPageBody:before,.routineMyPageShell .routineMyPageBody:after{content:none!important;background:0 0!important;display:none!important}.routineMyPageShell .routineMyPageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.routineMyPageShell .routineMyPageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.routineMyPageShell{padding:22px 0 64px}.routineMyPageShell .routineMyPage{width:min(100% - 24px,1280px)!important}.routineMyPageShell .routineMyPageGrid{grid-template-columns:1fr}html body #root .routineMyPage .routineProfileActions{grid-column:1/-1!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;display:grid!important}html body #root .routineMyPage .routineProfileActions>*{width:100%!important}html body #root .routineMyPage .routineProfileEditButton,html body #root .routineMyPage .routineProfileShareButton,html body #root .routineMyPage .routineProfileActions a,html body #root .routineMyPage .routineProfileActions button{white-space:nowrap!important;box-sizing:border-box!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:52px!important;padding:0 16px!important;font-size:15px!important;font-weight:900!important;line-height:1!important;display:flex!important}html body #root .creatorProfilePage{box-sizing:border-box!important;width:calc(100% - 40px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}html body #root .creatorProfileHero,html body #root .creatorProfileRoutines,html body #root .creatorProfileGrid{box-sizing:border-box!important;width:100%!important}html body .rutifySearchPanel{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0 auto!important}html body #root .creatorProfilePage{box-sizing:border-box!important;background:radial-gradient(circle at 0 0,#35e0a12e,#0000 34%),radial-gradient(circle at 100% 0,#7b46ff29,#0000 36%),linear-gradient(#f8fafc 0%,#fff 62%)!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 64px)!important;margin:0!important;padding:16px 16px 72px!important}html body #root .creatorProfileBack{box-sizing:border-box!important;width:100%!important;margin:0 0 14px!important;padding:0!important}html body #root .creatorProfileHero,html body #root .creatorProfileRoutines,html body #root .creatorProfileGrid{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}html body #root .creatorProfileHero{border-radius:22px!important;padding:20px!important}html body #root .creatorProfileRoutines{margin-top:24px!important}html body #root .creatorProfileGrid{grid-template-columns:1fr!important;gap:18px!important;display:grid!important}html body .rutifySearchOverlay{box-sizing:border-box!important}html body .rutifySearchPanel{box-sizing:border-box!important;border-radius:22px!important;width:100%!important;max-width:none!important;margin:0!important;overflow:hidden!important}html body .rutifySearchHeader,html body .rutifySearchInputWrap,html body .rutifySearchBody{box-sizing:border-box!important;width:100%!important}html body .rutifySearchGrid{grid-template-columns:1fr!important;gap:18px!important;display:grid!important}}:root{--rutify-page-max-width:1280px;--rutify-page-gutter-desktop:40px;--rutify-page-gutter-mobile:20px}html body #root .container.routinePageContainer,html body #root .routineImportPage,html body #root .routineSharePage,html body #root .routineDetailPage,html body #root .creatorProfilePage,html body #root .routineMyPageShell{width:100%!important;max-width:none!important;padding-left:var(--rutify-page-gutter-desktop)!important;padding-right:var(--rutify-page-gutter-desktop)!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}html body #root .container.routinePageContainer>.routinePageContent,html body #root .routineImportPage>.routineImportInner,html body #root .routineSharePage>.routineShareInner,html body #root .routineDetailPage>.routineDetailInner,html body #root .routineMyPageShell>.routineMyPage{width:100%!important;max-width:var(--rutify-page-max-width)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}html body #root main.routineMyPage:not(.routineMyPageShell>.routineMyPage){width:100%!important;max-width:none!important;padding-left:var(--rutify-page-gutter-desktop)!important;padding-right:var(--rutify-page-gutter-desktop)!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}html body #root main.routineMyPage:not(.routineMyPageShell>.routineMyPage)>.routineProfileCard,html body #root main.routineMyPage:not(.routineMyPageShell>.routineMyPage)>.routineMyPageMessage,html body #root main.routineMyPage:not(.routineMyPageShell>.routineMyPage)>.routineMyPageBody{width:100%!important;max-width:var(--rutify-page-max-width)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}html body #root .container.routinePageContainer>.content.routinePageContent{padding-left:0!important;padding-right:0!important}@media (width<=640px){html body #root .container.routinePageContainer,html body #root .routineImportPage,html body #root .routineSharePage,html body #root .routineDetailPage,html body #root .creatorProfilePage,html body #root .routineMyPageShell{padding-left:var(--rutify-page-gutter-mobile)!important;padding-right:var(--rutify-page-gutter-mobile)!important}html body #root .container.routinePageContainer>.routinePageContent,html body #root .routineImportPage>.routineImportInner,html body #root .routineSharePage>.routineShareInner,html body #root .routineDetailPage>.routineDetailInner,html body #root .routineMyPageShell>.routineMyPage{width:100%!important;max-width:var(--rutify-page-max-width)!important;padding-left:0!important;padding-right:0!important}html body #root main.routineMyPage:not(.routineMyPageShell>.routineMyPage),html body #root .routineDetailPage{padding-left:var(--rutify-page-gutter-mobile)!important;padding-right:var(--rutify-page-gutter-mobile)!important}}.routineSharePostForm .routineBodyEditorPretty{margin-bottom:24px!important}.routineSharePostForm .routineShareVisibilityGroup{box-sizing:border-box!important;background:#fbfcfe!important;border:1px solid #edf1f6!important;border-radius:20px!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:0 0 20px!important;padding:16px 18px!important;display:flex!important}.routineSharePostForm .routineShareVisibilityGroup>span{color:#4b5563!important;flex:0 0 100%!important;margin:0 0 2px!important;font-size:13px!important;font-weight:950!important}.routineSharePostForm .routineShareVisibilityGroup label{justify-content:center!important;align-items:center!important;min-height:38px!important;padding:0 15px!important;display:inline-flex!important}.routineSharePostForm .routineShareWarningMessage,.routineSharePostForm .routineShareMessage{border-radius:18px!important;margin:0 0 20px!important;padding:15px 17px!important;line-height:1.55!important}.routineSharePostForm .routineShareActions{border-top:1px solid #edf1f6!important;margin-top:5px!important;padding-top:20px!important}@media (width<=640px){.routineSharePostForm .routineShareVisibilityGroup{gap:8px!important;padding:15px!important}.routineSharePostForm .routineShareVisibilityGroup label{white-space:nowrap!important;flex:calc(33.333% - 8px)!important;min-width:0!important;padding:0 8px!important;font-size:12px!important}.routineSharePostForm .routineShareActions{margin-top:5px!important;padding-top:18px!important}}.routineFieldCount,.routineSharePostForm .routineFieldCount{color:#8b95a1;text-align:right;margin-top:-10px;margin-bottom:18px;font-size:12px;font-weight:800}@media (width<=640px){.routineBodyTemplateGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.routineBodyTemplateGrid button{text-align:center!important;border-radius:14px!important;justify-content:center!important;min-height:40px!important;padding:0 8px!important}.routineBodyTemplateIcon{display:none!important}.routineBodyTemplateGrid button>span:last-child{min-width:0!important;display:block!important}.routineBodyTemplateGrid strong{white-space:nowrap!important;font-size:12px!important;line-height:1.2!important;display:block!important}.routineBodyTemplateGrid em{display:none!important}.routineSharePostForm .routineShareVisibilityGroup{grid-template-columns:1fr!important;align-items:stretch!important;gap:10px!important;display:grid!important}.routineSharePostForm .routineShareVisibilityGroup>span{margin:0 0 2px!important}.routineSharePostForm .routineShareVisibilityGroup label{box-sizing:border-box!important;border-radius:16px!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:0 16px!important;display:flex!important}}.rutifyHeaderShareButton{text-decoration-line:none;color:#0d1b2e!important;background:#2ee6a6!important;border:0!important;border-radius:999px!important;align-items:center!important;gap:7px!important;height:38px!important;padding:0 16px!important;font-size:13px!important;font-weight:900!important;transition:transform .16s,box-shadow .16s,background .16s!important;display:inline-flex!important;box-shadow:0 10px 22px #35e0a138!important}.rutifyHeaderShareButton:hover{color:#0d1b2e!important;background:#2ee6a6!important;transform:translateY(-1px)!important;box-shadow:0 14px 26px #35e0a147!important}.rutifyHeaderShareButton svg{flex-shrink:0;color:#0d1b2e!important}.routineHeroButtonGroup{flex:none;align-items:center;gap:10px;display:flex}.routineHeroMobileShareBtn{display:none}@media (width<=640px){.routineHeroButtonGroup{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.routineHeroButtonGroup .routinePrimaryBtn,.routineHeroMobileShareBtn{white-space:nowrap;box-sizing:border-box;border-radius:999px;width:100%;min-height:48px;padding:0 12px;font-size:14px;font-weight:950}.routineHeroMobileShareBtn{color:#fff;box-shadow:none;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;justify-content:center;align-items:center;display:flex}.routineHeroMobileShareBtn:hover{background:#ffffff24}}@media (width<=360px){.routineHeroButtonGroup .routinePrimaryBtn,.routineHeroMobileShareBtn{padding:0 8px;font-size:13px}}.routineImportCommunityDisabled{color:#6b7280;text-align:center;box-sizing:border-box;background:#f6f7fb;border:1px solid #e5eaf1;border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:0 16px;font-size:14px;font-weight:900;display:flex}@media (width<=640px){.routineImportPreview .routineShareEmptyPreview{border-radius:22px!important;min-height:220px!important;padding:24px 18px!important}.routineImportPreview .routineShareEmptyPreview h3{font-size:16px!important}.routineImportPreview .routineShareEmptyPreview p{max-width:220px!important;margin-left:auto!important;margin-right:auto!important;font-size:12px!important;line-height:1.55!important}.routineImportCommunityDisabled{min-height:50px;padding:12px 14px;line-height:1.45}}@media (width<=380px){.routineImportPreview .routineShareEmptyPreview{min-height:190px!important}}.routineCardSummary{color:#6b7280;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:13px 0 0;font-size:13px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=640px){.routineCardSummary{-webkit-line-clamp:2;font-size:13px;line-height:1.55}}.routineDetailAuthorGroup{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.routineAuthorCardLinkClean{margin-top:0!important}.routineOriginalCredit{color:#6f6a78;background:#fbfaff;border:1px solid #ece8f5;border-radius:18px;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex;box-shadow:0 10px 24px #231f3209}.routineOriginalCredit span{color:#7b46ff;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:950}.routineOriginalCredit strong{color:#4f465f;font-size:13px;font-weight:950}@media (width<=640px){.routineDetailAuthorGroup{align-items:stretch}.routineDetailAuthorGroup .routineAuthorCardLink,.routineOriginalCredit{box-sizing:border-box;width:100%}.routineOriginalCredit{justify-content:space-between}}.routineOriginalCreditCorner{color:#7b46ff;letter-spacing:.03em;background:#f7f3ff;border:1px solid #e7ddff;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;font-size:11px;font-weight:950;display:inline-flex;position:absolute;top:34px;right:34px;box-shadow:0 10px 24px #231f3209}.routineOriginalCreditCorner span{color:#7b46ff;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:950}.routineOriginalCreditCorner strong{color:#4f465f;font-size:12px;font-weight:950}@media (width>=641px){.routineDetailTitle{padding-right:260px}}@media (width<=640px){.routineOriginalCreditCorner{width:fit-content;margin:10px 0 16px;position:static}.routineDetailTitle{padding-right:0}}.routineDetailHeroMain{position:relative}.routineDetailTopMetaRow{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.routineDetailTopMetaRow .routineDetailBadges{margin-bottom:0!important}.routineBaseCreditCorner{color:#7b46ff;letter-spacing:.02em;white-space:nowrap;background:#f7f3ff;border:1px solid #e7ddff;border-radius:999px;flex:none;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex;box-shadow:0 10px 24px #231f3209;position:static!important;top:auto!important;right:auto!important}.routineDetailTitle{padding-right:0!important}@media (width<=640px){.routineDetailTopMetaRow{align-items:flex-start;gap:8px}.routineDetailTopMetaRow .routineDetailBadges{flex:auto;min-width:0}.routineBaseCreditCorner{min-height:28px;padding:0 10px;font-size:10px}.routineMyPageMessage{left:20px!important;right:20px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;z-index:9999!important;color:#fff!important;text-align:center!important;background:#071426b3!important;border-radius:18px!important;margin:0!important;padding:14px 16px!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;position:fixed!important}}@media (width>=901px){html body #root .routineDetailLayout{grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;align-items:stretch!important;gap:24px!important;display:grid!important}html body #root .routineDetailMainColumn{flex-direction:column!important;gap:24px!important;min-width:0!important;display:flex!important}html body #root .routineDetailRightColumn{align-self:stretch!important;min-width:0!important;position:relative!important;overflow:visible!important}html body #root .routineDetailStickyBox{width:100%!important}html body #root .routineDetailStickyInner{flex-direction:column!important;gap:18px!important;width:100%!important;display:flex!important}html body #root .routineDetailStickyInner>.routineDetailPanel,html body #root .routineDetailStickyInner>.routineCommentsSection{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important}html body #root .routineDetailSideColumn{max-height:none!important;position:static!important;top:auto!important;overflow:visible!important}}@media (width>=641px) and (width<=900px){html body #root .routineDetailLayout{grid-template-columns:1fr!important;gap:20px!important;display:grid!important}html body #root .routineDetailMainColumn,html body #root .routineDetailRightColumn,html body #root .routineDetailStickyBox,html body #root .routineDetailStickyInner{grid-template-columns:1fr!important;gap:20px!important;width:100%!important;display:grid!important}html body #root .routineDetailRightColumn,html body #root .routineDetailStickyBox{max-height:none!important;position:static!important;overflow:visible!important}}@media (width<=900px){html body #root .routineDetailLayout{grid-template-columns:1fr!important;align-items:stretch!important;gap:20px!important;display:grid!important}html body #root .routineDetailMainColumn,html body #root .routineDetailRightColumn,html body #root .routineDetailStickyBox,html body #root .routineDetailStickyInner{display:contents!important}html body #root .routineDetailHeroMain{order:1!important;width:100%!important}html body #root .routineDetailPanel{order:2!important;width:100%!important;max-width:none!important}html body #root .routineDetailDays{order:3!important;width:100%!important}html body #root .routineCommentsSection{order:4!important;width:100%!important;max-width:none!important}html body #root .routineDetailRightColumn,html body #root .routineDetailStickyBox,html body #root .routineDetailStickyInner,html body #root .routineDetailPanel,html body #root .routineCommentsSection{height:auto!important;max-height:none!important;position:static!important;top:auto!important;bottom:auto!important;overflow:visible!important;transform:none!important}html body #root .routineDetailStickyInner{gap:0!important}}:root{--rutify-community-page-bg:radial-gradient(circle at 0% 0%, #35e0a11a, transparent 34%), radial-gradient(circle at 100% 0%, #7b46ff1a, transparent 36%), linear-gradient(180deg, #f8fafc 0%, #fff 62%)}html,body,#root{min-height:100%;background:var(--rutify-community-page-bg)!important;background-color:#f8fafc!important}html body #root .container.routinePageContainer,html body #root .routineImportPage,html body #root .routineSharePage,html body #root .routineDetailPage,html body #root .creatorProfilePage,html body #root .routineMyPageShell{box-sizing:border-box!important;background:var(--rutify-community-page-bg)!important;background-color:#f8fafc!important;background-repeat:no-repeat!important;width:100%!important;max-width:none!important;min-height:calc(100vh - 64px)!important}html body #root .container.routinePageContainer>.routinePageContent,html body #root .routineImportPage>.routineImportInner,html body #root .routineSharePage>.routineShareInner,html body #root .routineDetailPage>.routineDetailInner,html body #root .routineMyPageShell>.routineMyPage,html body #root .creatorProfilePage>.creatorProfileBack,html body #root .creatorProfilePage>.creatorProfileHero,html body #root .creatorProfilePage>.creatorProfileRoutines{background-color:#0000!important;background-image:none!important}html body #root .creatorProfilePage{margin-top:0!important;margin-bottom:0!important}@media (width<=640px){html body #root .container.routinePageContainer,html body #root .routineImportPage,html body #root .routineSharePage,html body #root .routineDetailPage,html body #root .creatorProfilePage,html body #root .routineMyPageShell{background:var(--rutify-community-page-bg)!important;background-color:#f8fafc!important}}html body #root .creatorProfilePage{width:100%!important;max-width:none!important;min-height:calc(100vh - 64px)!important;padding-top:28px!important;padding-bottom:88px!important;padding-left:var(--rutify-page-gutter-desktop,40px)!important;padding-right:var(--rutify-page-gutter-desktop,40px)!important;box-sizing:border-box!important;background:var(--rutify-community-page-bg)!important;margin:0!important}html body #root .creatorProfilePage>.creatorProfileBack,html body #root .creatorProfilePage>.creatorProfileHero,html body #root .creatorProfilePage>.creatorProfileRoutines{width:100%!important;max-width:var(--rutify-page-max-width,1280px)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}html body #root .creatorProfileBack{color:#0d1b2e!important;margin-bottom:18px!important;font-size:14px!important;font-weight:800!important}html body #root .creatorProfilePage>.creatorProfileHero,html body #root .creatorProfilePage>.creatorProfileHero.creatorProfileHeroLayered{background:#fff!important;border:1px solid #e9edf4!important;border-radius:30px!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;padding:34px!important;display:grid!important;box-shadow:0 18px 46px #0f172a0e!important}html body #root .creatorProfileHero:before,html body #root .creatorProfileHero:after,html body #root .creatorProfileHeroLayered:before,html body #root .creatorProfileHeroLayered:after{content:none!important;background:0 0!important;display:none!important}html body #root .creatorProfileMain span{color:#7b46ff!important;letter-spacing:.11em!important;font-size:12px!important;font-weight:950!important}html body #root .creatorProfileMain h1{color:#0d1b2e!important;letter-spacing:-.035em!important;margin:6px 0 8px!important;font-size:34px!important;font-weight:950!important;line-height:1.12!important}html body #root .creatorProfileMain p{color:#5f6675!important;max-width:720px!important;margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.65!important}html body #root .creatorProfileStats>div{min-width:138px!important;box-shadow:none!important;background:#fbfcfe!important;border:1px solid #edf1f6!important;border-radius:18px!important;padding:16px 18px!important}html body #root .creatorProfileStats strong{color:#0d1b2e!important;font-size:14px!important;font-weight:950!important}@media (width<=640px){html body #root .creatorProfilePage{padding-top:16px!important;padding-bottom:64px!important;padding-left:var(--rutify-page-gutter-mobile,20px)!important;padding-right:var(--rutify-page-gutter-mobile,20px)!important}html body #root .creatorProfilePage>.creatorProfileHero,html body #root .creatorProfilePage>.creatorProfileHero.creatorProfileHeroLayered{border-radius:24px!important;grid-template-columns:1fr!important;gap:16px!important;padding:20px!important}html body #root .creatorProfileMain h1{font-size:30px!important}html body #root .creatorProfileMain p{font-size:14px!important}html body #root .creatorProfileStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;display:grid!important}html body #root .creatorProfileStats>div{min-width:0!important;padding:14px!important}}html body #root .routineDetailPage{background-color:#fff!important;background-image:radial-gradient(circle at 0 0,#35e0a11a,#0000 34%),radial-gradient(circle at 100% 0,#7b46ff1a,#0000 36%),linear-gradient(#f8fafc 0%,#fff 62%)!important;background-position:0 0,0 0,0 0!important;background-repeat:no-repeat!important;background-size:100% calc(100vh - 64px)!important;background-attachment:scroll,scroll,scroll!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important}.routineShareActionsMobile{display:none!important}@media (width<=640px){html body #root .routineShareLayout{flex-direction:column!important;gap:18px!important;display:flex!important}html body #root .routineShareFormPanel{order:1!important}html body #root .routineSharePreviewPanel{order:2!important}html body #root .routineShareActionsDesktop{display:none!important}html body #root .routineShareActionsMobile{border-top:0!important;order:3!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}html body #root .routineShareActionsMobile .routineSharePrimaryBtn{width:100%!important}}.rutifySignupForm{flex-direction:column;gap:14px;width:100%;margin-top:18px;display:flex}.rutifySignupLabel{color:#0d1b2e;flex-direction:column;gap:8px;font-size:13px;font-weight:900;display:flex}.rutifySignupInput,.rutifySignupTextarea{color:#0d1b2e;background:#fff;border:1px solid #e5e7eb;border-radius:16px;outline:none;width:100%;font-size:14px;font-weight:700}.rutifySignupError{color:#ef4444;margin:0;font-size:13px;font-weight:800}.rutifySignupSubmit{color:#0d1b2e;cursor:pointer;background:#2ee6a6;border:0;border-radius:999px;width:100%;height:52px;font-size:15px;font-weight:900}.rutifySignupSubmit:disabled{opacity:.6;cursor:not-allowed}.rutifySignupForm,.rutifySignupLabel,.rutifySignupInput,.rutifySignupTextarea,.rutifySignupSubmit{box-sizing:border-box}.rutifySignupForm{flex-direction:column;gap:14px;width:100%;max-width:100%;margin-top:18px;display:flex}.rutifySignupInput,.rutifySignupTextarea{color:#0d1b2e;background:#fff;border:1px solid #e5e7eb;border-radius:16px;outline:none;width:100%;max-width:100%;font-size:14px;font-weight:700}.rutifySignupInput{height:52px;padding:0 16px}.rutifySignupTextarea{resize:none;min-height:120px;padding:16px}.rutifySignupInput:focus,.rutifySignupTextarea:focus{border-color:#2ee6a6;box-shadow:0 0 0 4px #2ee6a624}.rutifyLoginModal{box-sizing:border-box;width:min(92vw,560px);max-height:88vh;overflow-y:auto}@media (width<=520px){.rutifyLoginModal{border-radius:28px 28px 0 0;width:100%;max-height:90vh;padding:28px}.rutifySignupTextarea{min-height:110px}}.rutifySignupConfirmBox{box-sizing:border-box;background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;width:100%;margin:18px 0;padding:18px}.rutifySignupConfirmText{color:#667085;margin:0;font-size:14px;font-weight:700;line-height:1.6}.rutifySignupCancel{color:#667085;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;width:100%;height:50px;margin-top:10px;font-size:14px;font-weight:900}.rutifySignupCancel:hover{background:#f8fafc;border-color:#cbd5e1}.rutifySignupCancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){html body #root .rutifyHeader{z-index:12000!important;-webkit-backdrop-filter:blur(18px)!important;background:#f9fafbeb!important;width:100%!important;position:fixed!important;top:0!important;left:0!important;right:0!important}html body #root{box-sizing:border-box!important;padding-top:62px!important}}.routineProfileEditForm,.routineProfileEditForm *,.routineProfileEditActions,.routineProfileEditActions *{box-sizing:border-box}.routineProfileEditForm{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-width:100%!important;margin-top:10px!important;display:grid!important}.routineProfileEditForm input,.routineProfileEditForm textarea{width:100%!important;min-width:0!important;max-width:100%!important}.routineProfileEditActions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:6px!important;display:grid!important}.routineProfileEditActions button{border-radius:16px!important;width:100%!important;min-height:44px!important;padding:0 12px!important}@media (width<=640px){html body #root .routineProfileCard{grid-template-columns:54px minmax(0,1fr)!important}html body #root .routineProfileInfo{min-width:0!important}html body #root .routineProfileEditForm,html body #root .routineProfileStats{grid-column:1/-1!important}}.routineCommentChildren{border-left:2px solid #eef2f7;gap:12px;margin-top:14px;margin-left:8px;padding-top:4px;padding-left:18px;display:grid}.routineCommentItemChild{background:#fff;border:0;align-items:flex-start;gap:12px;padding:14px 14px 14px 0;display:flex}.routineCommentItemChild .routineCommentAvatar{border-radius:14px;width:38px;min-width:38px;height:38px;margin-top:2px;font-size:13px}.routineCommentItemChild .routineCommentBody{min-width:0;padding-top:1px}.routineCommentItemChild .routineCommentMeta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.routineCommentItemChild .routineCommentMeta strong{font-size:13px}.routineCommentItemChild .routineCommentMeta em{font-size:12px}.routineCommentItemChild .routineCommentBody p{color:#4b5563;margin:0;font-size:14px;line-height:1.55}.routineCommentItemChild .routineCommentActions{margin-top:8px}@media (width<=640px){.routineCommentChildren{margin-left:2px;padding-left:12px}.routineCommentItemChild{border-radius:18px;gap:10px;padding:12px 12px 12px 0}.routineCommentItemChild .routineCommentAvatar{border-radius:12px;width:34px;min-width:34px;height:34px;font-size:12px}}.routineCommentCount{color:#8b95a1;text-align:right;margin-top:-2px;font-size:12px;font-weight:800}.routineCommentForm .routineCommentCount{margin-bottom:8px}.routineCommentEditForm .routineCommentCount,.routineCommentReplyForm .routineCommentCount{margin-top:-4px}.routineCommentEditForm,.routineCommentReplyForm{box-sizing:border-box;background:#fbfcfe;border:1px solid #edf1f6;border-radius:18px;gap:10px;width:100%;margin-top:12px;padding:14px;display:grid}.routineCommentReplyForm{margin-top:14px}.routineCommentEditForm{margin-top:8px}.routineCommentEditForm textarea,.routineCommentReplyForm textarea{color:#0d1b2e;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #e1e7ef;border-radius:16px;outline:none;width:100%;min-width:0;min-height:86px;padding:13px 14px;font-size:14px;font-weight:700;line-height:1.55}.routineCommentEditForm textarea:focus,.routineCommentReplyForm textarea:focus{border-color:#2ee6a6;box-shadow:0 0 0 4px #2ee6a624}.routineCommentEditForm .routineCommentCount,.routineCommentReplyForm .routineCommentCount{color:#8b95a1;text-align:right;margin:-4px 2px 0;font-size:12px;font-weight:800}.routineCommentInlineActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.routineCommentInlineActions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.routineCommentInlineActions button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.routineCommentInlineActions button[type=submit]{color:#fff;background:#0d1b2e;border-color:#0d1b2e}.routineCommentInlineActions button[type=submit]:hover{background:#13243b;border-color:#0d1b2e}.routineCommentActions{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.routineCommentActions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e7ebf1;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.routineCommentActions button:hover{color:#0d1b2e;background:#f8fafc;border-color:#d6dde7}.routineCommentItemChild{padding:14px 0}.routineCommentItemChild .routineCommentEditForm{border-radius:16px;margin-top:10px;padding:12px}.routineCommentItemChild .routineCommentEditForm textarea{min-height:76px;font-size:13px}@media (width<=640px){.routineCommentEditForm,.routineCommentReplyForm{border-radius:16px;padding:12px}.routineCommentEditForm textarea,.routineCommentReplyForm textarea{min-height:82px;padding:12px;font-size:13px}.routineCommentInlineActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.routineCommentInlineActions button{width:100%;min-height:38px}.routineCommentActions button{min-height:32px;padding:0 11px}}.routineCommentEditedBadge{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex;margin-left:0!important}.routineCommentDeletedText{font-style:italic;color:#94a3b8!important;font-weight:800!important}.routineCommentDeleteButton{color:#ef4444!important;background:#fff7f7!important;border-color:#fee2e2!important}.routineCommentDeleteButton:hover{color:#dc2626!important;background:#fff1f2!important;border-color:#fecaca!important}.routineDetailMessage{z-index:9999!important;color:#fff!important;text-align:center!important;pointer-events:none!important;background:#071426b3!important;border:0!important;border-radius:18px!important;width:min(450px,100% - 40px)!important;margin:0!important;padding:14px 18px!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;position:fixed!important;bottom:32px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 18px 42px #07142647!important}@media (width<=640px){.routineDetailMessage{left:20px!important;right:20px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important}}.rutifyToastViewport,body>.rutifyToastViewport{z-index:999999!important;padding:0 20px calc(44px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;pointer-events:none!important;justify-content:center!important;align-items:flex-end!important;display:flex!important;position:fixed!important;inset:0!important}.rutifyToastViewport>.rutifyToastMessage,body>.rutifyToastViewport>.rutifyToastMessage{color:#fff!important;text-align:center!important;pointer-events:none!important;box-sizing:border-box!important;background:#071426b3!important;border:0!important;border-radius:18px!important;width:fit-content!important;min-width:min(360px,100vw - 40px)!important;max-width:min(460px,100vw - 40px)!important;margin:0 auto!important;padding:14px 18px!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;position:static!important;box-shadow:0 18px 42px #07142647!important}@media (width<=640px){.rutifyToastViewport,body>.rutifyToastViewport{padding:0 20px calc(58px + env(safe-area-inset-bottom))!important}.rutifyToastViewport>.rutifyToastMessage,body>.rutifyToastViewport>.rutifyToastMessage{border-radius:16px!important;width:100%!important;min-width:0!important;max-width:none!important;padding:14px 16px!important;font-size:13px!important}}.routineHelpfulBtn{color:#7b46ff;cursor:pointer;background:#fbf8ff;border:1px solid #eee7ff;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:10px;font-size:14px;font-weight:900;display:inline-flex}.routineHelpfulBtn:hover{background:#f3edff}.routineHelpfulBtn.selected{color:#fff;background:#7b46ff;border-color:#7b46ff}.routineHelpfulBtn:disabled{opacity:.7;cursor:not-allowed}.rutifySearchInputWrap{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.rutifySearchInputWrap .rutifySearchCount{grid-column:1/-1}.rutifySearchSubmitBtn{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.rutifySearchSubmitBtn:disabled{opacity:.65;cursor:not-allowed}@media (width<=640px){.rutifySearchInputWrap{grid-template-columns:1fr}.rutifySearchSubmitBtn{width:100%}}.routineImportCommunityLink{cursor:pointer;border:0;font-family:inherit}.rutifyGoogleLoginButtonWrap{justify-content:center;align-items:center;margin:24px 0 22px;display:flex}.rutifySocialLoginButtonGroup{flex-direction:column;align-items:center;gap:12px;width:100%;margin:24px 0 22px;display:flex}.rutifyAppleLoginButton{color:#fff;cursor:pointer;background:#000;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:205.81px;max-width:100%;min-height:42px;font-size:14px;transition:opacity .15s,transform .15s;display:inline-flex}.rutifyAppleLoginButton:hover{opacity:.9;transform:translateY(-1px)}.rutifyAppleLoginButton:disabled{opacity:.55;cursor:default;transform:none}.rutifyAppleLogo{font-size:18px;line-height:1}.routineCommentsSection .rutifyReplyMeta{flex-wrap:wrap;align-items:center;gap:5px 7px;min-width:0;display:flex}.routineCommentsSection .rutifyReplyWriterName{color:#111827;font-size:15px;font-weight:900;line-height:1.2}.routineCommentsSection .rutifyReplyAuthorLabel{color:#7c5cff;white-space:nowrap;background:#f1edff;border-radius:7px;justify-content:center;align-items:center;height:18px;padding:0 7px;font-size:10.5px;font-weight:900;line-height:1;display:inline-flex}.routineCommentsSection .rutifyReplyTime{color:#8b95a7;font-size:12px;font-style:normal;font-weight:800;line-height:1.2}.routineCommentsSection .rutifyReplyEditedLabel{color:#9aa3b5;font-size:10.5px;font-weight:800;line-height:1.2}.routineCommentsSection .rutifyReplyRoleLabel{color:#059669;white-space:nowrap;background:#2ee6a61a;border-radius:7px;align-items:center;height:18px;padding:0 7px;font-size:10.5px;font-weight:900;line-height:1;display:inline-flex}.routineProfileWithdrawButton{color:#e11d48;cursor:pointer;background:#fff1f2;border:0;border-radius:999px;padding:12px 16px;font-size:13px;font-weight:900}.routineProfileWithdrawButton:hover{background:#ffe4e6}.rutifyWithdrawOverlay{z-index:9999;background:#040a149e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rutifyWithdrawModal{background:#fff;border-radius:26px;width:100%;max-width:440px;padding:24px;box-shadow:0 28px 90px #0f172a42}.rutifyWithdrawBadge{color:#e11d48;background:#fff1f2;border-radius:999px;align-items:center;height:28px;margin-bottom:14px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.rutifyWithdrawTitle{color:#111827;margin:0;font-size:22px;font-weight:900;line-height:1.3}.rutifyWithdrawDesc{color:#4b5563;margin:12px 0 0;font-size:14px;font-weight:700;line-height:1.6}.rutifyWithdrawWarning{color:#9a3412;background:#fff7ed;border-radius:16px;margin:14px 0 0;padding:13px 14px;font-size:13px;font-weight:800;line-height:1.55}.rutifyWithdrawCancelButton,.rutifyWithdrawConfirmButton{cursor:pointer;border:0;border-radius:14px;flex:1;height:46px;font-size:14px;font-weight:900}.rutifyWithdrawConfirmButton:disabled,.rutifyWithdrawCancelButton:disabled{opacity:.55;cursor:not-allowed}@media (width<=640px){.rutifyWithdrawModal{border-radius:22px;padding:20px}.rutifyWithdrawActions{flex-direction:column}.routineProfileWithdrawButton{width:100%}}.creatorProfileHeroWithdrawn{background:radial-gradient(circle at 100% 0,#94a3b829,#0000 34%),#fff;border-color:#94a3b83d}.creatorWithdrawnStatus{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;width:fit-content;height:24px;margin-top:8px;padding:0 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.creatorProfileHeroWithdrawn .creatorProfileAvatar{color:#64748b;background:#f1f5f9;border-color:#94a3b847}.routineCommentsSection .rutifyReplyWriterLink{color:#111827;cursor:pointer;font-size:15px;font-weight:900;line-height:1.2;text-decoration:none}.routineCommentsSection .rutifyReplyWriterLink:hover{color:#7c5cff;text-underline-offset:3px;text-decoration:underline}.routineAuthorCardWithdrawn{cursor:default;opacity:.92}.routineAuthorCardWithdrawn:hover{transform:none}.routineAuthorCardWithdrawn .routineAuthorAvatar{color:#64748b;background:#f1f5f9;border-color:#94a3b847}.routineAuthorCardWithdrawn .routineAuthorText strong{color:#64748b}.routineAuthorCardWithdrawn .routineAuthorText small{color:#94a3b8}.routineInfiniteScrollTarget{width:100%;height:1px}.routineInfiniteLoading,.routineInfiniteEnd{color:#8b95a7;text-align:center;padding:20px 12px 28px;font-size:13px;font-weight:800}.routineCommentMoreReplyButton{color:#7c5cff;cursor:pointer;background:0 0;border:0;align-items:center;width:fit-content;margin-top:10px;font-size:13px;font-weight:900;display:inline-flex}.routineCommentMoreReplyButton:hover{text-underline-offset:3px;text-decoration:underline}.routineCommentMoreReplyButton:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.routineMyPostDeleteButton{color:#ff5a7a!important;background:#ff5a7a14!important;border-color:#0000!important}.routineMyPostDeleteButton:hover{background:#ff5a7a24!important}.routineMyPostManageCardClickable{cursor:pointer}.routineMyPostManageCardClickable:hover{border-color:#2ee6a642;transform:translateY(-1px)}.routineMyPostManageCardClickable:focus-visible{outline-offset:3px;outline:2px solid #2ee6a6a6}.rutifyWithdrawActions{gap:10px;margin-top:22px;display:flex}.rutifyWithdrawActions button{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;flex:1;min-height:44px;padding:0 16px;font-size:14px;font-weight:900}.rutifyWithdrawCancelButton{color:#4b5563;background:#f1f3f5}.rutifyWithdrawConfirmButton{color:#fff;background:#e91e4d}.routineDetailBackButton{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.routineDetailBackButton:hover{text-decoration:underline}.routineImportCommunityNotice{box-sizing:border-box;color:#666;text-align:center;background:#f8f9fb;border-radius:999px;width:100%;padding:13px 16px;font-size:14px;font-weight:700;line-height:1.45}.routineMyPostCodeButton{color:#7b46ff;letter-spacing:.08em;background:#fbfaff;border:1px solid #e8e4f2;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.routineMyPostCodeButton:hover{cursor:pointer;background:#f1e8ff}.routineBaseCreditCornerLink{cursor:pointer;text-decoration:none}.routineMoveCommentButton{box-sizing:border-box;color:#333;cursor:pointer;background:#f4f6fb;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:14px;font-weight:800;display:inline-flex}.routineMoveCommentButton span{color:#777;font-size:13px}.routineMoveCommentButton:hover{background:#eceff7}.routineCommentsSection{scroll-margin-top:92px}.routineCommentContent,.routineCommentDeletedText{white-space:pre-wrap;word-break:break-word;line-height:1.6}.routineCommentsSection .rutifyReplyAuthorLabel{box-sizing:border-box!important;color:#7c5cff!important;white-space:nowrap!important;vertical-align:middle!important;background:#f1edff!important;border-radius:7px!important;height:18px!important;padding:0 7px!important;font-size:10.5px!important;font-weight:900!important;line-height:18px!important;display:inline-block!important}.routineDayHeaderStats{flex:none;align-items:center;gap:7px;display:inline-flex}@media (width<=640px){.routineDayHeaderStats{gap:6px}.routineDayHeaderStats span{min-height:26px;padding:0 9px;font-size:11px}}.routineDayHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.routineDayHeaderStats{flex:none;justify-content:flex-end;align-items:center;gap:7px;margin-left:auto;display:inline-flex}.routineDayHeaderStats span{color:#5f6675;white-space:nowrap;background:#f3f5f9;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}@media (width<=640px){.routineDayHeader{gap:10px}.routineDayHeaderStats{gap:6px}.routineDayHeaderStats span{min-height:26px;padding:0 9px;font-size:11px}}.routineDetailSummary{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;line-height:1.7}.routineDetailQuickActions{display:none}@media (width<=900px){.routineDetailQuickActions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}}.routineShareLinkBtn{color:#111827;cursor:pointer;background:#f3f4f6;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px 16px;font-size:14px;font-weight:800;display:flex}.routineShareLinkBtn:hover{background:#e5e7eb}