﻿/* B — Mint Garden: shared system for learning and parent pages. */
:root{--garden-green:#3f7655;--garden-deep:#28543d;--garden-ink:#345744;--garden-muted:#789180;--garden-line:#d3e5d6;--garden-paper:#fcfffb;--garden-soft:#edf7ed;--garden-heading:Georgia,"Songti SC","SimSun",serif;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--garden-ink);background:#eef7ee}
body{color:var(--garden-ink);background:radial-gradient(ellipse at 0% 8%,#dcefd9aa,transparent 48%),radial-gradient(ellipse at 95% 75%,#dcefe5aa,transparent 45%),#f3faf3;min-height:100vh;isolation:isolate}body:before{opacity:.1}h1,h2,h3,.parent-sidebar-title{font-family:var(--garden-heading);font-weight:500;color:#345f41;letter-spacing:1px}p,small,.muted{color:var(--garden-muted)}body>header,.is-practicing>header{background:#fbfff9d9;border-bottom:1px solid #d9e9d8;backdrop-filter:blur(18px)}b,.brand-link b{font-family:Georgia,var(--garden-heading);color:#3d6c48}b span{color:#94a58c}.brand-home,.brand-flourish{display:none}.header-tools>nav a{border:1px solid #c7dcc8;background:#f9fff5;border-radius:24px;padding:9px 18px;color:#51784e;font-size:12px;box-shadow:0 3px 10px #3c6c3f07}button,.button,input,textarea,select,.select-option,.select-trigger{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}button,.button{background:linear-gradient(145deg,#78a26b,#4f8359);border:1px solid #5f9260;border-radius:22px;color:#fffff4;box-shadow:inset 0 1px 0 #ffffff66,0 4px 12px #40783f15}button:hover,.button:hover{background:linear-gradient(145deg,#63925c,#3e704c);transform:translateY(-1px)}button.secondary,a.secondary,.bank-actions a.secondary{background:#f5fcf0;color:#5f8258;border-color:#cfe0c5;box-shadow:inset 0 1px 0 #fff}button.secondary:hover,a.secondary:hover{background:#e7f3df;color:#42683e}button:disabled{opacity:.45;cursor:default;transform:none}button:focus-visible,a:focus-visible{outline:3px solid #9bbb8c88;outline-offset:3px}.card,.grid .card,.grid .card:nth-child(2),.grid .card:nth-child(3),.practice>.card{background:linear-gradient(145deg,#ffffffed,#f5fcf1e8);border:1px solid #cfe2d0;border-radius:24px;box-shadow:0 9px 26px #3b76410a,inset 0 0 0 3px #ffffffaa;backdrop-filter:blur(14px)}.tag{border-radius:24px;background:#f8fff2dd;border-color:#d4e5c9;color:#7d9566;letter-spacing:1px}input,select,textarea{border-radius:13px;background:#fcfff9;color:#355d43;border-color:#cfe0c7}input:focus,textarea:focus{border-color:#8bb184;outline:3px solid #bdd7ad40}.hero{border-radius:24px;border:1px solid #d0e4c5;box-shadow:0 0 0 4px #ffffffe0,0 10px 30px #487e4310;/* The original kitten artwork is inherited unchanged. */}.hero h1{font-family:var(--garden-heading);font-weight:500;color:#3d6c42;letter-spacing:2px}.hero p{color:#74916a}.hero .tag{color:#7d9566}.practice-modules .practice-module{border:1px solid #c8e0c9;background:linear-gradient(135deg,#fffffff5,#eef8edf0);border-radius:25px;box-shadow:0 10px 25px #48774a0c,inset 0 0 0 3px #ffffffc9}.practice-modules .practice-module:nth-child(2){background:linear-gradient(135deg,#fffffff5,#edf8f1f0)}.practice-module h2{font-family:var(--garden-heading);font-size:27px;letter-spacing:3px;font-weight:500}.grid .card:after{content:'❧';color:#b7d3a3;font-family:Georgia,serif;font-size:43px;top:14px;right:23px}.practice-module>small{color:#8da680}.module-learning-status{border-radius:16px;background:#f0f8e9aa;border:1px solid #dfebd5}.practice-module .module-total,.number{color:#649052}.module-bottom>button{border-radius:22px}.module-bottom .module-resume-button{background:#fbfff6;border-color:#c8ddbc;color:#6e8d5d}.module-bottom .module-resume-button:hover{background:#edf7e6}.module-learning-status small,.module-count{color:#8aa07c}.select-trigger,.parent-content .select-trigger,.top-grade-label .select-trigger,.learning-history .select-trigger{border-radius:22px;border:1px solid #cbdfc5;background:linear-gradient(150deg,#fffffc,#f4faee);box-shadow:inset 0 1px 0 #fff,0 2px 7px #44753d05;color:#597e4d}.select-trigger:after{border-color:#8ca77a}.select-trigger:hover,.select-trigger[aria-expanded=true]{background:#edf7e5;border-color:#a5c391;box-shadow:0 0 0 3px #c1dca529}.select-menu{background:#fcfff8f5;border-color:#c5ddbf;border-radius:18px;box-shadow:0 14px 30px #355c3a22;backdrop-filter:blur(18px)}.select-option{color:#74906a;border-radius:11px}.select-option[aria-selected=true]{background:#e4f0db;color:#4b7740}.select-option:hover,.select-option:focus-visible{background:#eef7e7;color:#4c7442}.select-option[aria-selected=true]:after{color:#7a9b5f}.parent-sidebar{background:linear-gradient(150deg,#fafff6eb,#e7f2e1ed);border-color:#cfe0c4;border-radius:22px;box-shadow:0 9px 25px #3d713d09,inset 0 0 0 3px #ffffff99}.parent-sidebar-title{font-family:var(--garden-heading);font-size:23px;color:#55794a}.parent-sidebar-title small{color:#97aa88}.parent-sidebar nav a{font-family:"Microsoft YaHei",sans-serif;color:#839a76;border-radius:12px}.parent-sidebar nav a.active{background:linear-gradient(130deg,#83aa6f,#618d5e);border:1px solid #779f67;color:#fffef3;box-shadow:inset 0 1px 0 #ffffff44,0 4px 12px #456e3c16}.parent-sidebar nav a:hover{background:#dfedd6;color:#57794c}.parent-sidebar nav a.active:hover{background:#67915d;color:#fffef3}.parent-sidebar>#sidebar-logout{background:#f2faeb;border-color:#d3e4c8;color:#89a078}.parent-content>h1{font-family:var(--garden-heading);font-size:30px;color:#426d45}.parent-panel{border-radius:24px}.parent-panel input{background:#fcfff9}.bank-section-head h2{font-family:var(--garden-heading);font-size:23px;color:#4b764b}.bank-section-head small,.bank-method-label{color:#97b082}.bank-import-method{background:linear-gradient(145deg,#fbfff7,#eef7e8);border:1px solid #dbe9d0;border-radius:18px}.bank-import-method h3{font-family:var(--garden-heading);color:#5a8050}.bank-csv-label input,.photo-row input{background:#fefffb;border-color:#d6e4cc}.bank-view-actions .bank-clear{background:#fbf0e9;color:#a37c6b;border-color:#ecdace}th,.bank-existing #bank-content th{background:#edf6e8;color:#7c946e;font-weight:500}td,th{border-color:#e1ecd9}tr:hover td{background:#f0f8e9}.learning-history>.grid>.card{border-radius:18px}.learning-history .number{font-weight:500;color:#6e965c}.mistake-filters{border-radius:18px}.mistake-day-heading{border-color:#d0e2c5}.mistake-day-heading h2{font-family:Georgia,var(--garden-heading);color:#618650}.mistake-type{color:#93ab80}.mistake-item{background:#fbfff8;border-color:#d9e8d0;border-radius:16px;box-shadow:0 4px 12px #52774705}.mistake-answer{color:#608952}.mistake-item-top small{background:#f8efe3;color:#b39677}.photo-back-link{color:#7e9e68}#photo-preview{border:1px solid #d4e4c8;box-shadow:0 4px 15px #50754a0a}.photo-row button{border-radius:11px}#editor .compact-editor{border-radius:22px;background:#fcfff8;border-color:#d1e3c5;box-shadow:0 10px 30px #4f784817}#editor .compact-editor h2{font-family:var(--garden-heading);font-size:22px}#editor .compact-editor input{border-radius:11px}#editor .editor-close,.dialog-close{background:#edf6e4;color:#92aa7f;border-color:#dbe9cf}.clear-bank-dialog{font-family:"Microsoft YaHei",sans-serif;background:#fcfff8;border-color:#c8debb;border-radius:24px;box-shadow:inset 0 0 0 4px #ffffffb0,0 22px 70px #345c3a33}.clear-bank-dialog::backdrop{background:#385f3b4d}.clear-bank-head h2{font-family:var(--garden-heading);color:#557c48}.clear-bank-buttons #clear-confirm{background:#a8806c;border-color:#a8806c}.practice-stage .practice>.card{border-radius:25px;border-color:#cee2c7;background:linear-gradient(145deg,#fefffaf5,#f2faedf5);box-shadow:inset 0 0 0 4px #ffffffc9,0 10px 30px #5277470d}.practice-stage .question-workspace .question-title,.practice-stage.long-sentence .question-workspace .question-title{font-family:var(--garden-heading);font-weight:600;letter-spacing:1px;color:#426c43}.practice-stage .practice .back-home-button{background:linear-gradient(135deg,#83a96c,#5e8b5a);border-color:#779d66;border-radius:22px;color:#fffff5}.practice-stage .read-button{border-radius:22px;background:#edf7e4;color:#7e9c65;border:1px solid #d7e7c9;box-shadow:inset 0 1px 0 #fff}.practice-stage .auto-read{color:#8ba777}.auto-read input:checked+.capsule-track{background:#8bae73;border-color:#8bae73}.capsule-track{background:#e2ecd9;border-color:#d4e1ca}.practice-stage .question-workspace #answer{background:#fffffc;border-color:#b7d29f;border-radius:19px;color:#41693d}.practice-stage .question-workspace #answer:focus{border-color:#8caf71;outline:3px solid #c4dda547}.practice-stage .question-workspace #answerform>button{border-radius:22px}.practice-stage .question-workspace #answerform>#skip{background:#f3faec;color:#83a06b;border-color:#d4e4c7;box-shadow:inset 0 1px 0 #fff}.practice-stage .word-slot .grammar-hint{background:#eaf5df;border:1px solid #deebd0;color:#8aa371;border-radius:9px}.practice-stage .word-slot .word-gloss{color:#8ba578}.practice-stage .practice .word-slot input{color:#497041;border-bottom-color:#abc68e}.practice-stage .practice .word-slot input:focus{background:#edf7e3;border-bottom-color:#759b5b}.practice-stage .practice .word-slot input.word-correct{background:#e7f5de;border-bottom-color:#6f9c57}.practice-stage .practice .word-slot input.word-incorrect{background:#fff0e8;border-bottom-color:#bc907b}.good,.feedback.good{color:#608e49}.bad,.feedback.bad{color:#b0806c}.practice-stage .practice>small{color:#9aab8d}.parent-panel hr{border-top-color:#d9e8d0}input[type=file]::file-selector-button{background:#eaf4df;color:#75945f;border:1px solid #cadfb9;border-radius:10px;padding:8px 12px;margin-right:10px;font-family:"Microsoft YaHei",sans-serif}.bank-section-head,.mistake-day-heading{position:relative}footer{color:#95aa89}
/* Fine garden linework is limited to module corners, never over the cat artwork. */
.practice-modules .practice-module:before{content:'';position:absolute;right:-16px;bottom:22px;width:50px;height:80px;border-left:1px solid #a4c28a;border-radius:50%;transform:rotate(-25deg);opacity:.35;pointer-events:none}.practice-modules .practice-module:after{pointer-events:none}.parent-sidebar:after{content:'❧';display:block;text-align:center;color:#afc797;font:34px Georgia,serif;margin-top:18px;line-height:1;opacity:.65}
@media(max-width:650px){.hero{border-radius:20px}.hero h1{font-size:28px;letter-spacing:1px}.practice-module h2{font-size:24px}.parent-sidebar{border-radius:18px}.parent-sidebar:after{display:none}.parent-sidebar-title{font-size:20px}.parent-content>h1{font-size:26px}.practice-stage .practice>.card{border-radius:20px}.practice-stage .question-workspace .question-title{font-size:44px}.practice-stage.long-sentence .question-workspace .question-title{font-size:30px}.clear-bank-dialog{padding:22px}.clear-bank-head h2{font-size:20px}}
/* Harmonized mint hero, retaining the same kitten character and composition. */
.hero{background-image:url('/kitten-hero.png?v=mint2');background-color:#e8f4e9;border-color:#d2e7d4;box-shadow:0 0 0 3px #ffffffde,0 10px 26px #4979470a}.hero h1{color:#3b674a}.hero p{color:#6d8d74}.hero .tag{background:#f9fff6e8;border-color:#dcebd3;color:#86a06d}@media(max-width:650px){.hero:before{background:linear-gradient(90deg,#eff8eef0 0%,#eff8eeb8 44%,transparent 80%)}}
