/* V2.9.6 home appearance. Exam workspace/InkLayer geometry stays in styles.css. */
:root{--ui-background:#f5f8fc;--ui-wash:#edf3fa}
html[data-study-theme=b]{--ui-background:#f8f8f7;--ui-wash:#efefec}
html[data-study-theme=c]{--ui-background:#fbfcf7;--ui-wash:#e9f0df}
body{background:linear-gradient(165deg,#fffdf9 0%,var(--ui-background) 48%,var(--ui-wash) 100%);background-attachment:fixed}
.app-shell{--blue:#353a40;--pale:#f1f2f3;--ink:#30353b;--muted:#737981;--line:#e7e8eb}
.app-shell .button.primary,.app-shell .button.primary:hover{background:#353a40;border-color:#353a40;color:#fff}.app-shell .button.soft,.app-shell .choice.active{color:#353a40;background:#f1f2f3;border-color:#d2d5d9}.app-shell .button:hover{background:#f2f3f4}.app-shell .brand-mark{background:#f1f2f3;color:#34383e}.app-shell button{accent-color:#41454b}
.home-hero{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(125deg,#fffefaee,#ecf2f9dd);border:1px solid #ffffff;border-radius:21px;margin:12px 0 22px;padding:35px 30px 30px;min-height:166px;box-shadow:0 10px 30px #303b4905}
.hero-toolbar{position:absolute;right:20px;top:18px;display:flex;gap:8px;z-index:3}.hero-circle{width:33px;height:33px;display:inline-grid;place-items:center;border:1px solid #dddfe3;background:#ffffffbd;border-radius:50%;color:#3f454c;cursor:pointer;flex:none}.hero-circle svg{width:16px;height:16px}.hero-caption{font-size:11px;color:#78818b;letter-spacing:1px;margin-bottom:13px;padding-right:105px}.hero-quote{font-family:'Songti SC','Noto Serif CJK SC',serif;font-size:25px;line-height:1.7;letter-spacing:1px;margin:0;position:relative;z-index:1}.hero-pop{position:absolute;right:22px;top:59px;padding:14px;min-width:180px;border:1px solid #e2e3e6;border-radius:13px;background:#fffffff7;box-shadow:0 12px 35px #1c283015;z-index:10}.hero-pop button{display:block;width:100%;background:none;border:0;text-align:left;padding:11px;color:#363c42;border-radius:7px}.hero-pop button:hover{background:#f1f2f3}.hero-pop label{display:grid;gap:9px;margin:8px 0;color:#4f555e;font-size:12px}.hero-pop select{min-height:38px;border:1px solid #ddd;border-radius:7px;background:#fff}.hero-pop[hidden]{display:none}
html[data-study-theme=b] .home-hero{background:linear-gradient(120deg,#fffefd,#efefec)}html[data-study-theme=c] .home-hero{background:linear-gradient(150deg,#fffef6 10%,#f7faed 54%,#e5eedb)}.hero-sun,.hero-grass{display:none;position:absolute;pointer-events:none;z-index:0}html[data-study-theme=c] .hero-sun{display:block;right:100px;top:10px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fff7cb 0 25%,#fff5c775 38%,transparent 70%)}html[data-study-theme=c] .hero-grass{display:block;bottom:0;left:0;right:0;height:48px;opacity:.44;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 70'%3E%3Cg fill='none' stroke='%2393a57e' stroke-width='1.2'%3E%3Cpath d='M18 70Q22 44 10 29M21 70Q29 37 35 20M24 70Q40 49 49 48M39 70Q45 43 40 34M955 70Q951 40 944 28M960 70Q967 38 972 20M976 70Q975 46 992 39M938 70Q934 53 925 47'/%3E%3C/g%3E%3C/svg%3E") bottom/100% 70px no-repeat}
html[data-study-period=dusk] .home-hero{background:linear-gradient(125deg,#fff9f5,#f1e9ee)}html[data-study-period=night] .home-hero{background:linear-gradient(120deg,#ecf1f8,#dce5f1)}html[data-study-theme=b] .home-hero{background:linear-gradient(125deg,#fff,#eeeeed)}html[data-study-theme=c] .home-hero{background:linear-gradient(150deg,#fffdf2,#f7faed 54%,#e5eedb)}
.today-head h1{font-size:15px!important;margin-bottom:8px}.today-head>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.exam-nearest{font-size:12px;color:#686f77}.exam-nearest strong{font-size:23px;color:#363c42;margin-left:8px}.exam-nearest small{font-size:10px;margin-left:6px}.home-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-entry{min-height:110px!important}.home-entry> b svg,.subject-start-v291>svg,.topic-enter-v29>svg{width:24px;height:24px;background:#f2f3f4;border-radius:50%;padding:6px;color:#545b64}.home-custom-v291{display:flex;justify-content:center!important}.subject-head-v291:hover,.topic-node-row-v29:hover{background:#f4f5f6}.subject-expand-v28:hover,.subject-start-v291:hover,.topic-node-label-v29:hover,.topic-enter-v29:hover,.topic-node-toggle-v29:hover{background:transparent!important}.subject-chevron-v28,.release-chevron{display:inline-flex;transition:transform .15s}.subject-chevron-v28 svg,.release-chevron svg{width:13px;height:13px}.subject-row-v28.expanded .subject-chevron-v28{transform:rotate(90deg)}.subject-start-v291,.topic-enter-v29{white-space:nowrap;flex-shrink:0}.home-side-v28{display:flex;flex-direction:column;gap:18px}.home-bank-card-v28{display:none}.backlink,[id$="-back"],#report-home,#review-back{min-height:44px!important;padding:10px 15px!important;border:1px solid #d5d9df!important;border-radius:10px!important;color:#353b43!important;background:#ffffffdd!important;font-size:14px!important;font-weight:600!important}.record-trash{width:42px;height:42px;background:none;border:1px solid #e4e6e9;border-radius:10px;color:#656d76;flex:none;margin-left:auto;margin-right:14px}.record-trash svg{width:18px;height:18px}.record-trash:hover{color:#222;background:#f1f2f3}.record-row>div{min-width:0}.record-score{flex:none}.learning-card .panel-title{padding:15px 20px}.learning-numbers{display:flex;justify-content:space-between;gap:14px;padding:20px 22px 4px}.learning-numbers strong{font-size:22px;font-weight:600}.learning-numbers small{display:block;font-size:10px;font-weight:400;color:#7c828a;margin-top:7px}.learning-split{margin:10px 22px;font-size:12px;color:#6c737b}.week-bars{display:flex;gap:5px;padding:4px 18px 18px}.week-bars button{flex:1;min-width:0;min-height:86px;background:none;border:0;color:#8c9198;padding:3px;cursor:pointer;border-radius:5px}.week-bars button.selected{background:#f0f1f3;color:#30363d}.bar-space{height:64px;display:flex;align-items:end;justify-content:center}.bar-space i{display:block;width:12px;max-width:100%;background:#aab0b8;border-radius:4px}.selected .bar-space i{background:#434a53}.week-bars small{font-size:10px}.stats-table{width:100%;border-collapse:collapse;font-size:12px}.stats-table td,.stats-table th{text-align:left;padding:11px 5px;border-bottom:1px solid #e6e8eb}.birthday-entry{display:block;border:1px solid #dac9bd;background:#fffaf5;color:#745d50;border-radius:20px;padding:9px 15px;margin-top:18px;font-size:12px}.birthday-overlay{position:fixed;inset:0;background:#f9f8f5;z-index:9500;display:flex;flex-direction:column}.birthday-close{align-self:flex-end;margin:12px 18px;border:1px solid #d8d4cd;border-radius:12px;padding:10px 18px;min-height:44px;background:white;color:#4a4741}.birthday-overlay iframe{flex:1;width:100%;min-height:0;border:0}
@media(max-width:640px){.home-hero{padding:30px 20px 24px;min-height:158px}.hero-quote{font-size:20px}.hero-toolbar{right:14px;top:14px}.hero-caption{font-size:10px;padding-right:104px}.home-entry{min-height:96px!important;padding:16px 12px!important}.home-entry-icon{display:none!important}.home-entry strong{font-size:16px!important}.today-head>div{gap:6px}.today-head{align-items:start}.exam-nearest small{display:block;margin:3px 0}.record-trash{margin-right:8px}.learning-numbers strong{font-size:20px}}
.hero-circle[aria-pressed=true]{color:#fff;background:#3e444c;border-color:#3e444c}
@media(prefers-reduced-motion:reduce){.subject-chevron-v28,.release-chevron{transition:none}}
