@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Gowun+Dodum&family=Nanum+Pen+Script&family=Noto+Serif+KR:wght@400;500;600&display=swap');

/* Focus widget v3.6: large, effortless reading on wide cards; no cramped controls */
#widgets.custom-layout>.widget[data-widget="timer"]{
 container-type:inline-size;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-widget{
 width:100%!important;
 flex:1 1 auto!important;
 min-width:0!important;min-height:0!important;
 display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 gap:clamp(10px,2.1cqw,18px)!important;
 padding:clamp(10px,2.1cqw,20px) 8px!important;
 overflow:hidden!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .widget-head{
 flex:0 0 auto!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-time{
 font-size:clamp(48px,11.2cqw,92px)!important;
 line-height:1!important;
 font-weight:540!important;
 letter-spacing:-.065em!important;
 font-variant-numeric:tabular-nums!important;
 color:#3c4840!important;
 min-height:0!important;
 text-align:center!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-caption{
 font-size:clamp(11px,1.75cqw,13px)!important;
 font-weight:440!important;
 line-height:1.55!important;
 color:#89958e!important;
 white-space:normal!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions{
 gap:10px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:wrap!important;
 margin-top:3px!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button{
 min-width:68px!important;min-height:37px!important;
 padding:9px 16px!important;
 font-size:12px!important;font-weight:530!important;
 border:1px solid #e6eae7!important;
 border-radius:10px!important;
 background:#f8f9f8!important;color:#647068!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button:first-child{
 background:var(--pastel-action,#e5efe9)!important;
 color:var(--pastel-action-text,#597465)!important;
 border-color:transparent!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button:hover:not(:disabled){
 background:#edf1ee!important;
}
#widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button:first-child:hover:not(:disabled){
 filter:brightness(.98);
 background:var(--pastel-action,#e5efe9)!important;
}
@container (max-width:420px){
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-widget{
  gap:10px!important;padding:9px 3px!important;
 }
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-time{
  font-size:clamp(39px,13.5cqw,57px)!important;
 }
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions{
  gap:6px!important;
 }
 #widgets.custom-layout>.widget[data-widget="timer"] .rt-timer-actions button{
  min-height:31px!important;min-width:0!important;
  padding:6px 10px!important;font-size:10px!important;
 }
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-time,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-time{
 font-size:clamp(33px,12cqw,54px)!important;
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-widget,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-widget{
 gap:7px!important;
 padding:4px 0!important;
}
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="tiny"] .rt-timer-actions button,
#widgets.custom-layout>.widget[data-widget="timer"][data-ui-size="short"] .rt-timer-actions button{
 min-height:28px!important;
 padding:5px 8px!important;
 font-size:10px!important;
}

/* Quote / today's words. Content is the visual focus; configuration stays in Edit. */
#widgets.custom-layout>.widget[data-widget="quote"]{
 container-type:inline-size;
 display:flex!important;flex-direction:column!important;
 align-items:stretch!important;min-width:0!important;
 overflow:hidden!important;
}
#widgets.custom-layout>.widget[data-widget="quote"] .widget-head{
 flex:none!important;margin-bottom:0!important;
}
#widgets.custom-layout>.widget[data-widget="quote"] [data-quote-settings]{
 display:none!important;
}
body.editing #widgets.custom-layout>.widget[data-widget="quote"] [data-quote-settings]{
 display:inline-flex!important;
}
.ms-quote-widget{
 --ms-quote-font-size:26px;
 box-sizing:border-box;
 width:100%;min-width:0;min-height:0;flex:1 1 auto;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:10px;
 padding:clamp(10px,2vw,26px) clamp(3px,1.6vw,20px);
 color:#49524b;text-align:center;overflow-y:auto;overflow-x:hidden;
}
.ms-quote-punctuation{
 flex:none;height:24px;line-height:36px;
 font-family:Georgia,serif;font-size:55px;font-weight:400;
 color:var(--pastel-detail,#adb8b0);opacity:.55;
}
.ms-quote-body{
 margin:0!important;padding:0!important;border:0!important;
 color:#424b45!important;line-height:1.65;
 font-size:clamp(17px,var(--ms-quote-font-size),42px);
 font-weight:470;
 letter-spacing:-.025em;
 text-wrap:pretty;
 max-width:100%;width:auto;
 overflow-wrap:anywhere;white-space:pre-wrap;
}
.ms-quote-lower{
 margin-top:2px;display:flex;justify-content:center;gap:9px;
 align-items:center;flex:none;
 font-size:10px;color:#a0a9a2;letter-spacing:0;
}
.ms-quote-author{
 color:#8a948d;font-size:12px;flex:none;
 font-family:inherit;
}
.ms-quote-widget[data-quote-align="left"]{
 text-align:left;align-items:flex-start;
}
.ms-quote-widget[data-quote-align="left"] .ms-quote-lower{justify-content:flex-start}
.ms-quote-widget[data-quote-font="sans"] .ms-quote-body,
.ms-quote-editor-preview[data-quote-font="sans"] blockquote{
 font-family:inherit;font-weight:500;
}
.ms-quote-widget[data-quote-font="dodum"] .ms-quote-body,
.ms-quote-editor-preview[data-quote-font="dodum"] blockquote{
 font-family:"Gowun Dodum","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
 font-weight:400;letter-spacing:0;
}
.ms-quote-widget[data-quote-font="batang"] .ms-quote-body,
.ms-quote-editor-preview[data-quote-font="batang"] blockquote{
 font-family:"Gowun Batang","Nanum Myeongjo","Batang",serif;
 font-weight:400;letter-spacing:-.015em;
}
.ms-quote-widget[data-quote-font="serif"] .ms-quote-body,
.ms-quote-editor-preview[data-quote-font="serif"] blockquote{
 font-family:"Noto Serif KR","Nanum Myeongjo","Batang",serif;
 font-weight:400;letter-spacing:-.03em;
}
.ms-quote-widget[data-quote-font="hand"] .ms-quote-body,
.ms-quote-editor-preview[data-quote-font="hand"] blockquote{
 font-family:"Nanum Pen Script","Segoe Print","Comic Sans MS",cursive;
 font-weight:400;letter-spacing:0;font-size:clamp(22px,calc(var(--ms-quote-font-size) * 1.28),51px);
 line-height:1.26;
}
.ms-quote-widget[data-quote-font="mono"] .ms-quote-body,
.ms-quote-editor-preview[data-quote-font="mono"] blockquote{
 font-family:ui-monospace,"SFMono-Regular",Consolas,"D2Coding",monospace;
 font-weight:400;letter-spacing:-.035em;
}
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="short"] .ms-quote-widget,
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="tiny"] .ms-quote-widget{
 gap:4px!important;padding:2px 4px!important;
}
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="short"] .ms-quote-punctuation,
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="tiny"] .ms-quote-punctuation{
 display:none!important;
}
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="short"] .ms-quote-body,
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="tiny"] .ms-quote-body{
 font-size:clamp(13px,3.2cqw,20px)!important;
 line-height:1.42!important;
}
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="short"] .ms-quote-lower,
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="tiny"] .ms-quote-lower{
 font-size:9px!important;
}
#widgets.custom-layout>.widget[data-widget="quote"][data-ui-size="tiny"] .ms-quote-author{
 display:none;
}
.ms-quote-loading{color:#99a29a;font-size:12px;flex:1;display:grid;place-items:center}

/* Quote settings use the existing white modal, no decorative colored tiles. */
.ms-quote-editor{max-width:100%;color:#455048}
.ms-quote-editor>h3{margin:0 0 6px;font-size:21px;font-weight:660;letter-spacing:-.03em}
.ms-quote-editor-sub{font-size:12px;color:#8d978f;margin:0 0 14px}
.ms-quote-editor-preview{
 --ms-quote-font-size:26px;
 display:flex;flex-direction:column;justify-content:center;align-items:center;
 gap:4px;min-height:130px;max-height:220px;
 overflow:auto;padding:18px;
 margin-bottom:19px;
 border:1px solid #eaeeea;background:#f9faf9;border-radius:15px;
 text-align:center;color:#536057;
}
.ms-quote-editor-preview>span{
 font-family:Georgia,serif;font-size:30px;line-height:18px;color:#b2bcb2;
}
.ms-quote-editor-preview blockquote{
 padding:0;margin:0;border:0;
 font-size:clamp(16px,var(--ms-quote-font-size),34px)!important;
 line-height:1.53;white-space:pre-wrap;overflow-wrap:anywhere;
}
.ms-quote-editor-preview[data-quote-font="hand"] blockquote{
 font-size:clamp(20px,calc(var(--ms-quote-font-size) * 1.24),42px)!important;
}
.ms-quote-editor-preview small{font-size:11px;color:#8e9890}
.ms-quote-editor-preview[data-quote-align="left"]{align-items:flex-start;text-align:left}
.ms-quote-editor form{display:grid;gap:13px}
.ms-quote-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.ms-quote-field[hidden]{display:none!important}
.ms-quote-field label{font-size:11px;color:#758178;font-weight:570}
.ms-quote-field input:not([type=range]),.ms-quote-field select,.ms-quote-field textarea{
 font:inherit;font-size:13px!important;border:1px solid #dfe5df;border-radius:10px;
 outline:none;background:#fff;color:#435046;padding:10px 11px;min-width:0;width:100%;
 box-sizing:border-box;
}
.ms-quote-field textarea{min-height:70px;resize:vertical;line-height:1.6}
.ms-quote-field input:focus-visible,.ms-quote-field select:focus-visible,.ms-quote-field textarea:focus-visible{
 border-color:#a9bbb0;box-shadow:0 0 0 2px #d6e2d9;
}
.ms-quote-field input[type=range]{
 accent-color:var(--pastel-detail,#9caca0);width:100%;
}
.ms-quote-field output{float:right;font-size:11px;color:#89968c}
.ms-quote-settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.ms-quote-editor .line{margin-top:5px}
@media(max-width:580px){
 .ms-quote-settings-row{grid-template-columns:1fr}
 .ms-quote-widget{padding:8px 3px;gap:6px}
 .ms-quote-body{font-size:clamp(17px,5vw,29px)}
}