/* Home: two large columns; a tab bar above each switches between two corners
   (left: 오늘의 한 표현 / 1분 퀴즈, right: 오늘의 명언 / 오늘의 관용구). */
body .library-heading.home-corners-on{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto minmax(0,1fr)!important;row-gap:8px!important}
.home-corners-on>.home-corner-tabs-left{grid-column:1;grid-row:1}
.home-corners-on>.home-corner-tabs-right{grid-column:2;grid-row:1}
.home-corners-on>.home-curiosity,.home-corners-on>.home-corner-quiz{grid-column:1;grid-row:2}
.home-corners-on>.daily-quote,.home-corners-on>.home-corner-idiom{grid-column:2;grid-row:2}
.home-corners-on[data-left=phrase]>.home-corner-quiz,.home-corners-on[data-left=quiz]>.home-curiosity{display:none!important}
.home-corners-on[data-right=quote]>.home-corner-idiom,.home-corners-on[data-right=idiom]>.daily-quote{display:none!important}
.home-corner-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--pl-soft,#eef2f0);justify-self:start}
.home-corner-tab{min-height:32px;padding:0 14px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:13.5px;font-weight:700;color:var(--pl-muted);cursor:pointer;white-space:nowrap}
.home-corner-tab[aria-selected=true]{background:var(--pl-surface,#fff);color:var(--pl-pine-dark,#0f4a38);box-shadow:0 1px 4px rgba(0,0,0,.1)}

.home-corner{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--pl-surface,#fff);border:1px solid var(--pl-line,#e3e8e4);border-radius:20px;padding:16px 22px;box-sizing:border-box}
.home-corner-heading{display:flex;align-items:center;gap:8px;padding-bottom:8px!important;margin-bottom:8px!important;border-bottom:1px solid var(--pl-line,#eef1ef)}
.home-corner-heading h2{margin:0;font-size:17px;display:flex;align-items:center;gap:6px}
.home-corner-badge{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;background:#e8f0fc;color:#2f5fb8}
.home-corner-idiom .home-corner-badge{background:#fff1dc;color:#8a4b00}
.home-corner-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:auto;scrollbar-width:thin}
.home-corner-muted{margin:0;color:var(--pl-muted);font-size:14px}
.home-corner-quiz-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.home-corner-stat{font-size:12.5px;font-weight:700;color:#2f5fb8}
.home-corner-big{margin:0;font-size:clamp(22px,2.2vw,32px);font-weight:800;line-height:1.3;color:var(--pl-ink,#1c2b26);text-align:center}
.home-corner-reading{margin:-6px 0 0;color:var(--pl-muted);font-size:15px;text-align:center}
.home-corner-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.home-corner-choice{min-height:46px;padding:8px 12px;border:1px solid var(--pl-line-strong,#d3ddd8);border-radius:12px;background:var(--pl-surface,#fff);font:inherit;font-size:14.5px;line-height:1.35;text-align:left;cursor:pointer;color:inherit}
.home-corner-choice:hover:not(:disabled){border-color:#2f5fb8;background:#f5f8fe}
.home-corner-choice[data-state=right]{border-color:#1b6b52;background:#e7f3ec;color:#0f4a38;font-weight:700}
.home-corner-choice[data-state=wrong]{border-color:#d9893f;background:#fff4e8;color:#8a4b00}
.home-corner-choice:disabled{cursor:default}
.home-corner-feedback{margin:0;min-height:20px;font-size:14px;font-weight:700;text-align:center}
.home-corner-feedback[data-ok=true]{color:#1b6b52}.home-corner-feedback[data-ok=false]{color:#a3530f}
.home-corner-defs{margin:0 auto;display:grid;gap:6px;min-width:min(420px,100%)}
.home-corner-defs div{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:15.5px}
.home-corner-defs dt{color:var(--pl-muted);font-weight:700}.home-corner-defs dd{margin:0}
.home-corner-example{margin:0 auto;padding:10px 14px;border-radius:12px;background:var(--pl-soft,#f4f7f5);font-size:15px;font-style:italic;text-align:center}
.home-corner-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.home-corner-listen{display:inline-flex;align-items:center;gap:4px;border:1px solid #d7e6dd;background:#f2f8f4;color:#1b6b52;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.home-corner-next{border:0;background:none;color:var(--pl-pine,#1b6b52);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
@media (max-width:760px){
  body .library-heading.home-corners-on{grid-template-columns:1fr!important;grid-template-rows:none!important;display:flex!important;flex-direction:column}
  .home-corners-on>.home-corner-tabs-left{order:0}
  .home-corners-on>.home-curiosity,.home-corners-on>.home-corner-quiz{order:1}
  .home-corners-on>.home-corner-tabs-right{order:2;margin-top:8px}
  .home-corners-on>.daily-quote,.home-corners-on>.home-corner-idiom{order:3}
  .home-corner{min-height:300px}.home-corner-choices{grid-template-columns:1fr}
}
.home-corner-tabs{padding:3px}
.home-corner-tab{min-height:28px;font-size:13px}
.home-corners-on>.sr-only{position:absolute!important}
.home-corner-choice{min-height:40px;padding:6px 12px}
.home-corner-body{gap:10px}
.home-corner{padding:14px 20px}
.home-corner-heading .home-corner-stat{margin-left:auto}.home-corner-feedback:not([data-ok]){color:var(--pl-muted);font-weight:600}
.home-corner-quiz .home-corner-big{font-size:clamp(20px,1.8vw,28px)}.home-corner-quiz .home-corner-body{gap:8px}.home-corners-on>.daily-quote{padding-top:10px!important;padding-bottom:10px!important}.home-corners-on>.daily-quote .daily-learning-heading{padding-bottom:6px!important;margin-bottom:2px!important}
body .home-corners-on>.daily-quote .outro-quote{font-size:clamp(18px,1.55vw,22px)!important;line-height:1.35!important}body .home-corners-on>.daily-quote .quote-sentence-ipa{font-size:13px!important;margin:2px 0!important}
body .home-corners-on>.daily-quote .daily-learning-content{gap:4px!important;padding-top:0!important;padding-bottom:0!important}body .home-corners-on>.daily-quote .quote-audio{margin:4px 0!important}
/* Eight corners: each column shows one card at a time. */
.home-corners-on>[data-corner][hidden]{display:none!important}
.home-corners-on>[data-side=left]{grid-column:1;grid-row:2}
.home-corners-on>[data-side=right]{grid-column:2;grid-row:2}
.home-corner-tabs{flex-wrap:wrap;max-width:100%}
.home-corner-tab{padding:0 11px}
.home-corner-center{text-align:center;justify-content:center}
.home-corner-row{display:flex;gap:8px;align-items:center}
.home-corner-input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1.5px solid var(--pl-line-strong,#d3ddd8);border-radius:12px;font:inherit;font-size:15px;background:var(--pl-surface,#fff);color:inherit}
.home-corner-input:focus{outline:none;border-color:#2f5fb8;box-shadow:0 0 0 3px rgba(47,95,184,.15)}
.home-corner-check{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:#2f5fb8;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.home-corner-check:disabled{opacity:.6}
.home-corner-play{display:inline-flex;align-items:center;gap:4px;border:1px solid #d7e6dd;background:#f2f8f4;color:#1b6b52;border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.home-corner-pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-corner-pairs>div{display:grid;gap:8px}
.home-corner-tile{min-height:44px;padding:6px 10px;border:1.5px solid var(--pl-line-strong,#d3ddd8);border-radius:12px;background:var(--pl-surface,#fff);font:inherit;font-size:14px;line-height:1.3;cursor:pointer;color:inherit;transition:transform .12s}
.home-corner-tile.is-picked{border-color:#2f5fb8;background:#eef3fd}
.home-corner-tile[data-state=right]{border-color:#1b6b52;background:#e7f3ec;color:#0f4a38;opacity:.75}
.home-corner-tile[data-state=wrong]{border-color:#d9893f;background:#fff4e8;animation:pl-shake .3s ease}
.home-corner-twister{font-size:clamp(18px,1.7vw,24px)!important}
.home-corner-fact{margin:0;font-size:clamp(17px,1.5vw,21px);font-weight:700;line-height:1.5;text-align:center}
.home-corner-tip{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1px solid #f3dfb4}
.home-corner-tip strong{font-size:12px;color:#8a4b00}.home-corner-tip span{font-size:14.5px}

.home-corner-tab{font-size:12.5px;padding:0 10px}@media (max-width:1300px){.home-corner-tab{font-size:12px;padding:0 8px}}
.home-corners-on>.is-corner-off{display:none!important}
/* ---------- One tab bar for all eight corners, one full-width card ---------- */
body .library-heading.home-corners-one{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important}
.home-corners-one>.home-corner-tabs{grid-column:1;grid-row:1;position:relative;justify-self:stretch;display:flex;flex-wrap:nowrap;gap:2px;padding:4px;overflow-x:auto;scrollbar-width:none}
.home-corners-one>.home-corner-tabs::-webkit-scrollbar{display:none}
.home-corners-one>section{grid-column:1!important;grid-row:2!important}
.home-corners-one .home-corner-tab{position:relative;z-index:1;flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;font-size:13.5px;background:transparent!important;box-shadow:none!important;transition:color .2s}
.home-corners-one .home-corner-tab svg{transition:transform .25s}
.home-corners-one .home-corner-tab:hover svg{transform:translateY(-2px) rotate(-6deg)}
.home-corners-one .home-corner-tab[aria-selected=true]{color:var(--pl-pine-dark,#0f4a38)}
.home-corners-one .home-corner-tab[aria-selected=true] svg{color:var(--pl-pine,#1b6b52)}
.home-corner-glide{position:absolute;top:4px;left:4px;bottom:4px;width:0;border-radius:9px;background:var(--pl-surface,#fff);box-shadow:0 1px 6px rgba(0,0,0,.12);transition:transform .32s cubic-bezier(.3,1.3,.5,1),width .32s cubic-bezier(.3,1.3,.5,1)}
.home-corners-one>.is-corner-in{animation:corner-in .35s cubic-bezier(.2,.9,.3,1) both}
@keyframes corner-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.home-corner-glide,.home-corners-one>.is-corner-in{transition:none;animation:none}}
@media (max-width:760px){.home-corners-one .home-corner-tab span{display:none}.home-corners-one .home-corner-tab{padding:0 10px}}
/* 놀이터: one button above the chosen corner (like 학습하기). */
.home-corners-one>.pl-playground{grid-column:1;grid-row:1}
.pl-playground{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:8px 18px;border:1.5px solid #f0d9a8;border-radius:18px;background:linear-gradient(120deg,#fff8e8,#fff3da);color:#5b3a00;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;transition:transform .15s,box-shadow .15s}
.pl-playground:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(138,75,0,.12)}
.pl-playground-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#b26a00;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pl-playground-icon svg{width:22px;height:22px}
.pl-playground-copy{flex:1;display:flex;align-items:baseline;gap:10px;min-width:0}
.pl-playground-copy strong{font-size:18px}
.pl-playground-now{font-size:13.5px;color:#8a5a12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-playground-arrow{font-size:13.5px;font-weight:800;color:#8a4b00;white-space:nowrap}
.pl-play-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.pl-play-card{grid-template-columns:1fr!important;justify-items:center;text-align:center!important;gap:6px;padding:16px 10px!important}
.pl-play-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff3da;color:#b26a00}
.pl-play-card-icon svg{width:24px;height:24px}
.pl-play-card[aria-current=true]{border-color:#e0a84a!important;background:#fffaf0!important}
.pl-play-chooser .pl-mode-badge{background:linear-gradient(135deg,#e0a84a,#b26a00)}
@media (max-width:760px){.pl-play-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pl-playground-now{display:none}}
/* ---------- Home = two big tiles: 학습하기 · 놀이터 ---------- */
body[data-view=library] #library-view:has(.home-corners-one){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:18px!important;align-content:stretch}
body[data-view=library] #library-view:has(.home-corners-one)>*{grid-column:1/-1}
body[data-view=library] #library-view:has(.home-corners-one)>#learning-studio{grid-column:1;grid-row:1;min-height:0;display:flex!important}
body[data-view=library] #library-view:has(.home-corners-one)>.library-heading{grid-column:2;grid-row:1;min-height:0;display:flex!important;flex-direction:column}
body[data-view=library] #library-view:has(.home-corners-one)>.forest-footer{grid-row:2}
body[data-view=library] #library-view:has(.home-corners-one)>.library-result-line,body[data-view=library] #library-view:has(.home-corners-one)>.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden}
#learning-studio .learning-studio-home,#learning-studio>*{width:100%}
#learning-studio:has(.pl-start-learning)>*:not(:has(.pl-start-learning)):not(.pl-start-learning){display:none}
.home-corners-one>.is-corner-off{display:none!important}
/* the tiles */
.home-corners-one>.pl-playground,#learning-studio .pl-start-learning{flex:1;height:100%;min-height:260px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:14px;padding:28px 30px;border-radius:28px;position:relative;overflow:hidden}
#learning-studio .pl-start-learning img{width:84px;height:84px;border-radius:22px;padding:8px}
#learning-studio .pl-start-learning .pl-start-copy strong,.home-corners-one>.pl-playground .pl-playground-copy strong{font-size:clamp(28px,2.8vw,40px);letter-spacing:-1px}
#learning-studio .pl-start-learning .pl-start-copy span{font-size:15px;white-space:normal}
#learning-studio .pl-start-learning .pl-start-arrow,.home-corners-one>.pl-playground .pl-playground-arrow{position:absolute;top:26px;right:28px;font-size:26px}
.home-corners-one>.pl-playground .pl-playground-copy{flex:none;flex-direction:column;align-items:flex-start;gap:6px}
.home-corners-one>.pl-playground .pl-playground-now{font-size:15px;white-space:normal}
.home-corners-one>.pl-playground .pl-playground-icon{width:84px;height:84px;border-radius:22px}
.home-corners-one>.pl-playground .pl-playground-icon svg{width:44px;height:44px}
/* gentle motion on the tiles */
#learning-studio .pl-start-learning::after,.home-corners-one>.pl-playground::after{content:'';position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);animation:tile-glow 6s ease-in-out infinite;pointer-events:none}
.home-corners-one>.pl-playground::after{background:radial-gradient(circle,rgba(242,184,75,.35),rgba(242,184,75,0) 70%)}
@keyframes tile-glow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,-24px) scale(1.15)}}
#learning-studio .pl-start-learning:hover img,.home-corners-one>.pl-playground:hover .pl-playground-icon{transform:rotate(-6deg) scale(1.05);transition:transform .25s}
@media (prefers-reduced-motion:reduce){#learning-studio .pl-start-learning::after,.home-corners-one>.pl-playground::after{animation:none}}
@media (max-width:760px){body[data-view=library] #library-view:has(.home-corners-one){grid-template-columns:1fr;grid-template-rows:auto}body[data-view=library] #library-view:has(.home-corners-one)>#learning-studio,body[data-view=library] #library-view:has(.home-corners-one)>.library-heading{grid-column:1;grid-row:auto}.home-corners-one>.pl-playground,#learning-studio .pl-start-learning{min-height:180px}}
/* corner sheet */
.pl-corner-sheet{position:fixed;inset:0;z-index:88;display:grid;place-items:center;padding:20px;background:rgba(15,30,25,.42);animation:pl-mode-in .18s ease both}
.pl-corner-sheet-panel{width:min(860px,100%);height:min(640px,calc(var(--fit-h,100dvh) - 40px));display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:24px;background:var(--pl-bg,#f6f5f0);box-shadow:0 30px 80px rgba(0,0,0,.25);box-sizing:border-box}
.pl-corner-sheet-top{display:flex;align-items:center;gap:10px}
.pl-corner-sheet-top strong{flex:1;font-size:17px}
.pl-corner-sheet-top .pl-mode-close{position:static}
.pl-corner-back{border:1px solid var(--pl-line,#e3e8e4);background:var(--pl-surface,#fff);border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;font-weight:700;color:var(--pl-pine-dark,#0f4a38);cursor:pointer}
.pl-corner-sheet-panel>section{flex:1;min-height:0;margin:0!important;height:auto!important;display:flex!important;flex-direction:column}
.pl-corner-sheet-panel>section.is-corner-in{animation:corner-in .35s cubic-bezier(.2,.9,.3,1) both}
.home-corners-one>.pl-playground .pl-playground-arrow{color:#8a4b00;font-weight:400}
/* 두 타일을 위아래로: 아이콘 왼쪽, 제목·설명 가운데, 화살표 오른쪽 */
body[data-view=library] #library-view:has(.home-corners-one){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto!important}
body[data-view=library] #library-view:has(.home-corners-one)>#learning-studio{grid-column:1!important;grid-row:1!important}
body[data-view=library] #library-view:has(.home-corners-one)>.library-heading{grid-column:1!important;grid-row:2!important}
body[data-view=library] #library-view:has(.home-corners-one)>.forest-footer{grid-row:3!important}
.home-corners-one>.pl-playground,#learning-studio .pl-start-learning{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:26px!important;min-height:150px!important;padding:24px 34px!important}
.home-corners-one>.pl-playground .pl-playground-copy,#learning-studio .pl-start-learning .pl-start-copy{flex:1!important}
#learning-studio .pl-start-learning .pl-start-arrow,.home-corners-one>.pl-playground .pl-playground-arrow{position:static!important;font-size:30px!important}
#learning-studio .pl-start-learning img,.home-corners-one>.pl-playground .pl-playground-icon{width:96px!important;height:96px!important;flex:none}
@media (max-width:760px){.home-corners-one>.pl-playground,#learning-studio .pl-start-learning{gap:16px!important;padding:18px 20px!important;min-height:120px!important}#learning-studio .pl-start-learning img,.home-corners-one>.pl-playground .pl-playground-icon{width:64px!important;height:64px!important}}

/* ================= 홈 리디자인: 인사·현황 + 두 카드(바로가기 포함) ================= */
body[data-view=library] #library-view:has(.home-corners-one){grid-template-rows:auto auto auto 1fr auto!important;gap:16px!important;max-width:1180px;margin:0 auto;width:100%}
body[data-view=library] #library-view:has(.home-corners-one)>.pl-home-hello{grid-row:1!important;grid-column:1!important}
body[data-view=library] #library-view:has(.home-corners-one)>#learning-studio{grid-row:2!important}
body[data-view=library] #library-view:has(.home-corners-one)>.library-heading{grid-row:3!important;display:block!important}
body[data-view=library] #library-view:has(.home-corners-one)>.forest-footer{grid-row:5!important}
.pl-home-hello{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 4px 0}
.pl-home-hello-text h1{margin:0;font-size:clamp(26px,2.4vw,34px);letter-spacing:-.8px;color:#14352b}
.pl-home-hello-text p{margin:4px 0 0;font-size:16px;color:#3f564d}
.pl-home-stats{display:flex;gap:10px}
.pl-home-stat{min-width:104px;padding:10px 16px;border-radius:16px;background:#fff;border:1px solid #e1e9e4;box-shadow:0 4px 14px rgba(15,74,56,.06);text-align:center}
.pl-home-stat strong{display:block;font-size:22px;font-weight:800;color:#14352b;font-variant-numeric:tabular-nums}
.pl-home-stat span{font-size:12.5px;font-weight:700;color:#4c635a}
/* card containers */
#learning-studio .pl-start-learning,.home-corners-one>.pl-playground{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:16px!important;min-height:0!important;height:auto!important;padding:22px 24px!important;border-radius:26px!important;cursor:default;transform:none!important}
#learning-studio .pl-start-learning:hover,.home-corners-one>.pl-playground:hover{transform:none!important}
.pl-start-main,.pl-playground-main{display:flex;align-items:center;gap:18px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pl-start-main img{flex:none;width:72px!important;height:72px!important;border-radius:20px;background:#fff;padding:6px;box-sizing:border-box;transition:transform .25s}
.pl-start-main:hover img,.pl-playground-main:hover .pl-playground-icon{transform:rotate(-6deg) scale(1.05)}
.pl-start-main .pl-start-copy strong,.pl-playground-main .pl-playground-copy strong{font-size:clamp(26px,2.3vw,32px)!important;letter-spacing:-.8px}
.pl-start-main .pl-start-copy span{font-size:15.5px!important;opacity:1!important;color:#e3f4ea}
.pl-start-main .pl-start-arrow,.pl-playground-main .pl-playground-arrow{position:static!important;margin-left:auto;font-size:28px!important;transition:transform .2s}
.pl-start-main:hover .pl-start-arrow,.pl-playground-main:hover .pl-playground-arrow{transform:translateX(4px)}
.pl-playground-main .pl-playground-copy{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
.pl-playground-main .pl-playground-now{font-size:15.5px!important;color:#6b4300!important}
.pl-playground-main .pl-playground-icon{flex:none;width:72px!important;height:72px!important;border-radius:20px;transition:transform .25s}
.pl-playground-main .pl-playground-icon svg{width:38px!important;height:38px!important}
/* shortcut buttons */
.pl-start-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pl-start-mode{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:left;transition:background .15s,transform .15s}
.pl-start-mode:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.pl-start-mode img{width:38px;height:38px;border-radius:11px;background:#fff;padding:3px;box-sizing:border-box;flex:none}
.pl-playground-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pl-playground-game{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border:1px solid #efd9ab;border-radius:16px;background:#fff;color:#4a2f00;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s}
.pl-playground-game:hover{transform:translateY(-2px);border-color:#e0a84a;box-shadow:0 8px 18px rgba(138,75,0,.12)}
.pl-playground-game>span:first-child{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#fff3da;color:#b26a00}
.pl-playground-game svg{width:20px;height:20px}
/* stronger readability */
.home-corners-one>.pl-playground{background:linear-gradient(120deg,#fff9ec,#fff1d6)!important;border:1.5px solid #f0d9a8!important;color:#3d2600!important}
#learning-studio .pl-start-learning{background:linear-gradient(120deg,#145c45,#1d7a57 55%,#24875f)!important}
@media (max-width:900px){.pl-start-modes,.pl-playground-games{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-home-hello{flex-direction:column;align-items:flex-start}.pl-home-stats{width:100%}.pl-home-stat{flex:1;min-width:0}}
#learning-studio .pl-start-learning .pl-start-mode img{width:40px!important;height:40px!important;border-radius:11px!important;padding:3px!important}#learning-studio .pl-start-learning .pl-start-main img{width:68px!important;height:68px!important}.pl-start-mode{min-height:52px}

/* ===== 홈 마무리: 오늘 목표 링 · 날짜 · 추천 배지 · 소나무 숲 · 놀이터 패턴 · 배경 ===== */
body[data-view=library]{background:radial-gradient(1100px 520px at 12% -8%,#e3f2ea 0%,rgba(227,242,234,0) 60%),radial-gradient(900px 480px at 100% 110%,#fdf1d8 0%,rgba(253,241,216,0) 60%),var(--pl-bg,#f6f5f0)!important}
.pl-home-date{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;color:#1b6b52;margin-bottom:2px}
.pl-home-stats{align-items:center}
.pl-home-ring{position:relative;width:72px;height:72px;flex:none}
.pl-home-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.pl-home-ring circle{fill:none;stroke-width:7}
.pl-home-ring circle:first-child{stroke:#e2eee8}
.pl-home-ring .pl-home-ring-fg{stroke:#1b6b52;stroke-linecap:round;stroke-dasharray:169.65;stroke-dashoffset:calc(169.65 - 169.65 * var(--p,0) / 100);transition:stroke-dashoffset .8s cubic-bezier(.2,.9,.3,1)}
.pl-home-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.pl-home-ring-text strong{font-size:16px;font-weight:800;color:#14352b}
.pl-home-ring-text small{font-size:10px;font-weight:700;color:#4c635a}
/* 학습하기 카드: 추천 배지 + 소나무 숲 실루엣 */
#learning-studio .pl-start-learning{position:relative!important;overflow:hidden!important;box-shadow:0 18px 40px rgba(15,74,56,.22)!important}
#learning-studio .pl-start-learning>*:not(.pl-start-forest){position:relative;z-index:1}
.pl-start-badge{display:inline-flex;align-self:flex-start;margin-bottom:4px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff!important;font-size:12px!important;font-weight:800;opacity:1!important;white-space:nowrap}
.pl-start-forest{position:absolute;right:0;bottom:0;width:min(420px,60%);height:150px;pointer-events:none;z-index:0}
.pl-start-forest svg{width:100%;height:100%;display:block}
/* 놀이터 카드: 은은한 점 패턴 */
.home-corners-one>.pl-playground{position:relative!important;overflow:hidden!important;box-shadow:0 14px 32px rgba(138,75,0,.10)!important;background-image:radial-gradient(rgba(224,168,74,.16) 1.5px,transparent 1.6px),linear-gradient(120deg,#fff9ec,#fff1d6)!important;background-size:18px 18px,100% 100%!important}
.home-corners-one>.pl-playground>*{position:relative;z-index:1}
@media (max-width:900px){.pl-home-ring{width:60px;height:60px}.pl-start-forest{display:none}}