.planner{--accent:#ac1d40;--tint:#fbecf0;--uitint:#fff1f4}.product-ui.planner{color:#4c3037;border-color:#ecd4dc;background:#fffbfc}.planner .ui-head{background:#fff3f6;color:#971735;border-bottom:1px solid #e8c8d2}.planner .field>div{border-color:#ecd3dc}.planner .ui-row{border-color:#efdee4}.planner .notice{color:#784855}.ruc-workspace{display:grid;grid-template-columns:24% 1fr;background:#fffafb;min-height:420px}.ruc-sidebar{padding:14px 10px;border-right:1px solid #efdae2}.ruc-sidebar>img{width:100%;height:auto;display:block;object-fit:contain;margin:7px 0 18px}.ruc-month{display:flex;align-items:baseline;gap:9px;color:#ad2145;border-bottom:1px solid #ecd3dd;padding-bottom:12px}.ruc-month>strong{font-family:'Portfolio Serif',serif;font-size:46px}.ruc-month>span{font-size:8px;letter-spacing:1px}.ruc-sidebar h4{font-size:11px;border-top:1px dashed #eac8d3;padding-top:14px;margin:15px 0 10px}.ruc-summary{display:flex;align-items:center;gap:9px}.ruc-ring{width:52px;height:52px;border:5px solid #ecdbe1;border-top-color:#b51c41;border-right-color:#b51c41;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.ruc-ring strong{font-size:15px;color:#aa2040}.ruc-ring small{font-size:7px}.ruc-summary>div:last-child{flex:1}.ruc-sidebar p{font-size:8px;line-height:1.8}.ruc-summary p{display:flex;justify-content:space-between;gap:5px}.ruc-emphasis{color:#b11d41;font-weight:600}.ruc-sidebar>small{font-size:8px;color:#88616e}.ruc-main{padding:17px 13px}.ruc-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.ruc-calendar-head h3{font-family:'Portfolio Serif',serif;font-size:23px;color:#8e1432;margin:0 0 5px}.ruc-calendar-head p{font-size:8px;color:#906979}.ruc-calendar-head>span{font-size:8px;color:#60816d}.ruc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.ruc-grid>b{background:#ad1c40;color:white;font-size:8px;text-align:center;padding:8px 0}.ruc-grid>b:first-child{border-radius:10px 0 0 0}.ruc-grid>b:nth-child(7){border-radius:0 10px 0 0}.ruc-day{min-height:64px;border-right:1px solid #ebd3dd;border-bottom:1px solid #ebd3dd;padding:5px 3px}.ruc-day>strong{display:inline-block;font-family:'Portfolio Serif',serif;font-size:12px;margin-bottom:5px}.ruc-day.outside{background:#f8e9ef;color:#bca6af}.ruc-day.selected>strong{background:#b21c43;color:white;padding:2px 5px;border-radius:5px}.ruc-task{font-size:6px;display:flex;gap:3px;margin-bottom:6px;line-height:1.5}.ruc-task i{width:6px;height:6px;border:1px solid currentColor;border-radius:2px;flex:none;margin-top:2px}.ruc-task.complete{opacity:.58}.ruc-task.complete span{text-decoration:line-through}.ruc-task.complete i{background:currentColor}.ruc-task.important{background:#fff5bc;border:1px solid #f5df87;border-radius:4px;padding:3px}.color-0{color:#4964b0}.color-1{color:#ca3355}.color-2{color:#438956}.focus-sheet .ruc-workspace{min-height:640px}.focus-sheet .ruc-sidebar{padding:25px 15px}.focus-sheet .ruc-month>strong{font-size:64px}.focus-sheet .ruc-month>span{font-size:11px}.focus-sheet .ruc-sidebar h4{font-size:17px;margin-top:20px}.focus-sheet .ruc-sidebar p{font-size:12px}.focus-sheet .ruc-ring{width:70px;height:70px;border-width:7px}.focus-sheet .ruc-ring strong{font-size:20px}.focus-sheet .ruc-ring small{font-size:10px}.focus-sheet .ruc-sidebar>small{font-size:10px}.focus-sheet .ruc-main{padding:28px 16px}.focus-sheet .ruc-calendar-head h3{font-size:32px}.focus-sheet .ruc-calendar-head p,.focus-sheet .ruc-calendar-head>span{font-size:11px}.focus-sheet .ruc-grid>b{font-size:11px;padding:12px 0}.focus-sheet .ruc-day{min-height:103px;padding:8px 4px}.focus-sheet .ruc-day>strong{font-size:17px}.focus-sheet .ruc-task{font-size:9px}.focus-sheet .ruc-task i{width:8px;height:8px}.focus-sheet .ruc-summary{gap:9px}.capture .focus-sheet .ruc-workspace{min-height:620px}.capture .focus-sheet .ruc-day{min-height:98px}.mini .ruc-workspace{min-height:450px}
@media(max-width:700px){.ruc-sidebar{padding:10px 6px}.ruc-month{display:block}.ruc-month>strong{font-size:32px}.ruc-summary{display:block}.ruc-ring{width:40px;height:40px;margin-bottom:5px}.ruc-sidebar h4{font-size:9px}.ruc-main{padding:10px 6px}.ruc-calendar-head h3{font-size:18px}.ruc-day{min-height:62px;padding:4px 2px}.ruc-task{font-size:5px;gap:2px}.ruc-task.important{padding:2px}.ruc-task i{width:5px;height:5px}.focus-sheet .ruc-sidebar{padding:10px 6px}.focus-sheet .ruc-month>strong{font-size:34px}.focus-sheet .ruc-month>span{font-size:8px}.focus-sheet .ruc-sidebar h4{font-size:10px;margin:12px 0 7px}.focus-sheet .ruc-sidebar p{font-size:8px}.focus-sheet .ruc-ring{width:44px;height:44px;border-width:5px}.focus-sheet .ruc-ring strong{font-size:13px}.focus-sheet .ruc-ring small{font-size:7px}.focus-sheet .ruc-sidebar>small{font-size:8px}.focus-sheet .ruc-main{padding:13px 6px}.focus-sheet .ruc-calendar-head h3{font-size:18px}.focus-sheet .ruc-calendar-head p,.focus-sheet .ruc-calendar-head>span{font-size:7px}.focus-sheet .ruc-grid>b{font-size:8px;padding:8px 0}.focus-sheet .ruc-day{min-height:60px;padding:5px 2px}.focus-sheet .ruc-day>strong{font-size:12px}.focus-sheet .ruc-task{font-size:6px}.focus-sheet .ruc-task i{width:5px;height:5px}.focus-sheet .ruc-workspace{min-height:400px}}
.raw-screen .ruc-workspace{min-height:980px}.raw-screen .ruc-sidebar{padding:26px 16px}.raw-screen .ruc-month>strong{font-size:76px}.raw-screen .ruc-month>span{font-size:14px}.raw-screen .ruc-sidebar h4{font-size:22px;margin:28px 0 18px;padding-top:22px}.raw-screen .ruc-sidebar p{font-size:16px}.raw-screen .ruc-ring{width:90px;height:90px;border-width:9px}.raw-screen .ruc-ring strong{font-size:26px}.raw-screen .ruc-ring small,.raw-screen .ruc-sidebar>small{font-size:12px}.raw-screen .ruc-main{padding:30px 18px}.raw-screen .ruc-calendar-head{margin-bottom:26px}.raw-screen .ruc-calendar-head h3{font-size:40px}.raw-screen .ruc-calendar-head p,.raw-screen .ruc-calendar-head>span{font-size:14px}.raw-screen .ruc-grid>b{font-size:16px;padding:16px 0}.raw-screen .ruc-day{min-height:155px;padding:10px 6px}.raw-screen .ruc-day>strong{font-size:23px}.raw-screen .ruc-task{font-size:13px;gap:5px;margin-bottom:12px}.raw-screen .ruc-task i{width:11px;height:11px}
