.parent-shell{min-height:100dvh;color:var(--color-text,#26354a);background:linear-gradient(180deg,#e8f6ff 0,#f4f9ee 240px);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;padding-bottom:calc(78px + env(safe-area-inset-bottom));font-size:16px}.parent-shell *{box-sizing:border-box}.parent-shell button,.parent-shell input,.parent-shell textarea,.parent-shell select{font:inherit}.parent-shell button{cursor:pointer}.parent-shell button:active{transform:scale(.98)}.parent-shell button:focus-visible,.parent-shell input:focus-visible,.parent-shell textarea:focus-visible,.parent-shell select:focus-visible{outline:3px solid var(--color-focus,#124fa1);outline-offset:2px}.parent-shell .p-icon{width:24px;height:24px;display:block;flex:none}.parent-shell .parent-header{position:sticky;top:0;z-index:20;min-height:76px;display:grid;grid-template-columns:48px 1fr 64px;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:rgba(255,253,246,.94);border-bottom:1px solid rgba(206,221,203,.9);backdrop-filter:blur(12px)}.parent-shell .parent-header>div{text-align:center}.parent-shell .parent-header h1{font-size:22px;line-height:1.15;margin:2px 0 0;color:#533115}.parent-shell .parent-mode{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#8b4500;text-transform:uppercase}.parent-shell .icon-btn,.parent-shell .parent-exit{min-height:44px;border:0;background:transparent;color:#5f431f}.parent-shell .icon-btn{width:44px;border-radius:50%;display:grid;place-items:center;background:#fff4d8;box-shadow:var(--shadow-card,0 4px 12px rgba(41,68,49,.12))}.parent-shell .parent-exit{font-weight:700}.parent-shell .parent-main{width:min(100%,720px);margin:0 auto;padding:20px 16px 28px}.parent-shell .parent-main.wide{width:min(100%,960px)}.parent-shell .parent-hero{position:relative;overflow:hidden;min-height:180px;padding:28px 116px 28px 24px;border-radius:24px;background:linear-gradient(135deg,#fff8d7,#dff5c8 65%,#b9e8ff);box-shadow:var(--shadow-card);border:1px solid #d8e8c6}.parent-shell .parent-hero:after{content:"";position:absolute;inset:auto -50px -90px 25%;height:170px;border-radius:50%;background:#90d46b;opacity:.35}.parent-shell .parent-hero h2{font-size:26px;line-height:1.25;margin:4px 0 8px;color:#52300f}.parent-shell .parent-hero p{margin:0;line-height:1.6;color:#536477}.parent-shell .eyebrow{font-size:13px!important;font-weight:800;color:#1769c2!important;letter-spacing:.08em}.parent-shell .mini-mascot,.parent-shell .pencil-mascot{position:absolute;background:linear-gradient(90deg,#f6bd2c,#ffe477 55%,#e5a620);border:3px solid #8a5a11;border-radius:18px 18px 8px 8px;transform:rotate(8deg)}.parent-shell .mini-mascot{right:32px;bottom:16px;width:62px;height:112px;z-index:2}.parent-shell .mini-mascot:before,.parent-shell .pencil-mascot:before{content:"";position:absolute;left:-3px;right:-3px;top:-18px;height:25px;background:#f36f78;border:3px solid #8a5a11;border-radius:14px 14px 5px 5px}.parent-shell .mini-mascot:after,.parent-shell .pencil-mascot:after{content:"";position:absolute;left:15px;bottom:-25px;border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid #f2d09a}.parent-shell .parent-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.parent-shell .parent-action-card{min-height:160px;padding:18px;text-align:left;border:1px solid rgba(255,255,255,.8);border-radius:20px;box-shadow:var(--shadow-card);color:#253244;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto 1fr auto;gap:5px 12px;transition:transform .22s ease,filter .22s ease}.parent-shell .parent-action-card:hover{filter:brightness(1.03);transform:translateY(-2px)}.parent-shell .parent-action-card .card-icon{grid-row:1/3;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.75);display:grid;place-items:center}.parent-shell .parent-action-card strong{font-size:19px}.parent-shell .parent-action-card>span:not(.card-icon){grid-column:1/3;color:#47586a;line-height:1.45}.parent-shell .parent-action-card i{grid-column:2;font-style:normal;font-weight:800;color:#1769c2;justify-self:end}.parent-shell .tone-orange{background:#fff0d7}.parent-shell .tone-green{background:#e4f5df}.parent-shell .tone-blue{background:#e7f4ff}.parent-shell .tone-violet{background:#f2eafa}.parent-shell .tone-sky{background:#ddf6f5}.parent-shell .tone-sand{background:#fff8df}.parent-shell .parent-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:70px;padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:rgba(255,253,246,.96);border-top:1px solid #ceddcb;backdrop-filter:blur(12px)}.parent-shell .parent-nav button{min-height:56px;border:0;background:transparent;color:#6e7a88;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:700;border-radius:12px}.parent-shell .parent-nav button .p-icon{width:22px;height:22px}.parent-shell .parent-nav button.active{color:#1769c2;background:#e7f4ff}.parent-shell .parent-login{min-height:100dvh;display:grid;grid-template-columns:minmax(260px,42%) 1fr;background:#fffdf6;padding-bottom:0}.parent-shell .login-art{position:relative;overflow:hidden;background:linear-gradient(#62baff,#d7f4ff 45%,#8bd56e);min-height:100dvh}.parent-shell .login-art:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-7%;height:38%;border-radius:50% 50% 0 0;background:#4fb64c}.parent-shell .pencil-mascot{width:105px;height:220px;left:50%;top:50%;margin:-100px 0 0 -52px;z-index:2}.parent-shell .pencil-mascot:before{top:-26px;height:35px}.parent-shell .pencil-mascot:after{left:28px;bottom:-45px;border-left-width:24px;border-right-width:24px;border-top-width:46px}.parent-shell .login-panel{width:min(100%,480px);margin:auto;padding:32px}.parent-shell .login-panel h1{font-size:30px;margin:8px 0;color:#51300f}.parent-shell .login-panel>p{color:#536477;line-height:1.7}.parent-shell .form-stack{display:grid;gap:16px}.parent-shell .form-stack label,.parent-shell .inline-form label{display:grid;gap:7px;font-weight:700;color:#3a4654}.parent-shell .form-stack input,.parent-shell .form-stack textarea,.parent-shell .form-stack select,.parent-shell .inline-form input,.parent-shell .search-box input,.parent-shell .review-row input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bac9b8;border-radius:12px;background:#fff;color:#26354a}.parent-shell .form-stack textarea{resize:vertical;line-height:1.6}.parent-shell .form-stack small,.parent-shell .form-help{font-size:13px;color:#617080;margin:0}.parent-shell .primary-btn,.parent-shell .secondary-btn{min-height:46px;padding:10px 18px;border-radius:14px;border:0;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.parent-shell .primary-btn{color:#fff;background:#1769c2;box-shadow:0 4px 0 #0e4e92}.parent-shell .primary-btn.compact{min-height:44px;padding-inline:14px;white-space:nowrap}.parent-shell .secondary-btn{color:#124f86;background:#e7f4ff;border:1px solid #a8d2ee}.parent-shell .text-btn,.parent-shell .danger-link{min-height:44px;border:0;background:transparent;font-weight:700}.parent-shell .text-btn{color:#1769c2}.parent-shell .danger-link{color:#9b3b25;display:inline-flex;align-items:center;gap:5px}.parent-shell .danger-link .p-icon{width:18px;height:18px}.parent-shell .section-intro{margin-bottom:20px}.parent-shell .section-intro h2,.parent-shell .panel h2{font-size:22px;margin:0 0 6px;color:#52300f}.parent-shell .section-intro p,.parent-shell .panel p{color:#536477;line-height:1.6;margin:0}.parent-shell .import-options{display:grid;gap:14px}.parent-shell .import-option{width:100%;min-height:104px;border:1px solid #ceddcb;border-radius:20px;padding:18px;display:grid;grid-template-columns:58px 1fr;align-items:center;text-align:left;gap:16px;box-shadow:var(--shadow-card)}.parent-shell .import-option>span{width:58px;height:58px;display:grid;place-items:center;background:rgba(255,255,255,.75);border-radius:16px}.parent-shell .import-option .p-icon{width:30px;height:30px}.parent-shell .import-option strong,.parent-shell .import-option small{display:block}.parent-shell .import-option strong{font-size:19px;color:#2a3541}.parent-shell .import-option small{margin-top:5px;line-height:1.5;color:#536477}.parent-shell .import-option.material{background:#e7f4ff}.parent-shell .import-option.exam{background:#fff0d7}.parent-shell .import-option.manual{background:#e4f5df}.parent-shell #import-workspace{scroll-margin-top:100px;margin-top:18px}.parent-shell .panel{background:#fffdf6;border:1px solid #d8e2d5;border-radius:20px;padding:18px;box-shadow:var(--shadow-card)}.parent-shell .upload-zone{position:relative;min-height:130px;padding:20px!important;border:2px dashed #7db4d8!important;border-radius:16px!important;background:#f0f8ff!important;display:grid!important;place-items:center;text-align:center;gap:5px!important;color:#285c87!important}.parent-shell .upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.parent-shell .upload-zone .p-icon{width:32px;height:32px}.parent-shell .image-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.parent-shell .image-preview:empty{display:none}.parent-shell .image-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid #ceddcb}.parent-shell .review-list{display:grid;gap:12px;padding-bottom:92px}.parent-shell .review-row{position:relative;display:grid;grid-template-columns:100px 1fr 1fr auto;gap:12px;align-items:end;padding:14px;background:#fffdf6;border:1px solid #d8e2d5;border-radius:16px}.parent-shell .review-row.uncertain{background:#fff1d0;border:2px solid #d9872c}.parent-shell .review-row label{display:grid;gap:5px;font-size:13px;font-weight:700;color:#536477}.parent-shell .review-row .check-line{align-self:center;display:flex;align-items:center}.parent-shell .review-row input[type=checkbox],.parent-shell .range-check input,.parent-shell .provider-checks input{width:22px;height:22px;accent-color:#1769c2}.parent-shell .sticky-actions{position:fixed;left:50%;bottom:14px;z-index:25;width:min(calc(100% - 24px),700px);transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#fffdf6;border:1px solid #ceddcb;border-radius:18px;box-shadow:0 8px 28px rgba(38,53,74,.18)}.parent-shell .toolbar{display:flex;gap:10px}.parent-shell .search-box{flex:1;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;background:#fff;border:1px solid #bac9b8;border-radius:14px}.parent-shell .search-box input{border:0;padding-inline:0}.parent-shell .search-box input:focus-visible{outline:0}.parent-shell .segmented{display:flex;overflow:auto;gap:6px;padding:5px;margin:14px 0;background:#e9efe6;border-radius:14px}.parent-shell .segmented button{flex:1;min-width:76px;min-height:40px;border:0;background:transparent;border-radius:10px;color:#526273;font-weight:700}.parent-shell .segmented button.active{background:#fff;color:#1769c2;box-shadow:0 2px 7px rgba(38,53,74,.12)}.parent-shell .word-list{display:grid;gap:10px}.parent-shell .word-row{display:grid;grid-template-columns:62px minmax(130px,1fr) auto minmax(180px,auto) auto;align-items:center;gap:12px;padding:14px;background:#fffdf6;border:1px solid #d8e2d5;border-radius:16px}.parent-shell .range-check{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;color:#536477}.parent-shell .word-main{display:grid;gap:2px}.parent-shell .word-main strong{font-size:19px}.parent-shell .word-main span,.parent-shell .word-main small{color:#536477}.parent-shell .status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border-radius:999px;background:#e7f4ff;color:#1769c2;font-size:13px;font-weight:800;white-space:nowrap}.parent-shell .status-new{background:#fff1d0;color:#8b4500}.parent-shell .status-learning{background:#e7f4ff;color:#1769c2}.parent-shell .status-mastered{background:#e4f5df;color:#28743a}.parent-shell .status-disabled{background:#edf0eb;color:#616b72}.parent-shell .word-row dl,.parent-shell .compare-results dl{display:flex;gap:15px;margin:0}.parent-shell .word-row dl div,.parent-shell .compare-results dl div{display:grid;gap:2px}.parent-shell .word-row dt,.parent-shell .compare-results dt{font-size:12px;color:#6b7782}.parent-shell .word-row dd,.parent-shell .compare-results dd{margin:0;font-weight:700}.parent-shell .row-actions{display:flex;gap:5px}.parent-shell .row-actions button,.parent-shell .provider-row>button{min-height:40px;padding:7px;border:0;background:transparent;color:#1769c2;font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.parent-shell .row-actions .p-icon,.parent-shell .provider-row>button .p-icon{width:17px;height:17px}.parent-shell .empty-state{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;padding:24px;color:#536477}.parent-shell .empty-state strong{font-size:19px;color:#334150}.parent-shell .empty-state p{margin:0 0 8px}.parent-shell .list-stack{display:grid;gap:14px}.parent-shell .exam-head,.parent-shell .record-row,.parent-shell .reward-row,.parent-shell .usage-panel{display:flex;align-items:center;justify-content:space-between;gap:12px}.parent-shell .exam-head>div,.parent-shell .record-row>div,.parent-shell .reward-row>div{display:grid;gap:4px}.parent-shell .exam-head strong,.parent-shell .record-row strong,.parent-shell .reward-row strong{font-size:18px}.parent-shell .exam-head span,.parent-shell .record-row span,.parent-shell .reward-row span{color:#536477}.parent-shell .progress{height:10px;overflow:hidden;margin:14px 0;background:#e1e8df;border-radius:999px}.parent-shell .progress i{display:block;width:100%;height:100%;transform-origin:left;background:#2c823c;border-radius:inherit}.parent-shell .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.parent-shell .metric-grid article{padding:18px;border-radius:18px;background:#fffdf6;border:1px solid #d8e2d5;box-shadow:var(--shadow-card);display:grid;gap:3px}.parent-shell .metric-grid strong{font-size:30px;color:#1769c2}.parent-shell .metric-grid small,.parent-shell .metric-grid span{color:#536477}.parent-shell .parent-main>.panel+.panel{margin-top:14px}.parent-shell .calendar-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:14px}.parent-shell .calendar-grid span{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#edf1ea;color:#69747d;font-size:12px}.parent-shell .calendar-grid span.done{background:#65b84e;color:#fff;font-weight:800}.parent-shell .trend-chart{height:190px;display:flex;align-items:end;gap:8px;padding-top:20px}.parent-shell .trend-chart>div{position:relative;flex:1;height:150px;display:flex;align-items:flex-end}.parent-shell .trend-chart i{display:block;width:100%;height:100%;transform-origin:bottom;background:linear-gradient(#4d9ce0,#1769c2);border-radius:7px 7px 2px 2px}.parent-shell .trend-chart span{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:10px;color:#67737d}.parent-shell .trend-chart b{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:11px}.parent-shell .mistake-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px}.parent-shell .mistake-list li{display:grid;grid-template-columns:45px 60px 1fr;align-items:center;gap:10px}.parent-shell .mistake-list i{height:8px;width:100%;transform-origin:left;background:#ffba45;border-radius:8px}.parent-shell .empty-inline{display:block!important;padding:22px;text-align:center;color:#617080}.parent-shell .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.parent-shell .switch-row{min-height:54px;display:flex!important;align-items:center;justify-content:space-between;gap:15px}.parent-shell .switch-row span{display:grid;gap:2px}.parent-shell .switch-row input{width:48px!important;height:28px;accent-color:#1769c2}.parent-shell .settings-links{display:grid;gap:10px;margin-top:14px}.parent-shell .settings-links button{min-height:72px;border:1px solid #d8e2d5;background:#fffdf6;border-radius:16px;padding:14px;display:grid;grid-template-columns:40px 1fr;align-items:center;text-align:left;gap:12px}.parent-shell .settings-links button>.p-icon{width:30px;height:30px;color:#1769c2}.parent-shell .settings-links button span{display:grid;gap:3px}.parent-shell .settings-links small{color:#536477}.parent-shell .inline-form{display:grid;grid-template-columns:1fr 140px auto;gap:12px;align-items:end;margin-bottom:14px}.parent-shell .provider-list{display:grid;gap:10px;margin-bottom:14px}.parent-shell .provider-row{display:grid;grid-template-columns:48px 1fr auto auto auto;align-items:center;gap:12px}.parent-shell .provider-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#1769c2;color:#fff;font-size:20px;font-weight:900}.parent-shell .provider-row>div:nth-child(2){display:grid;gap:3px;min-width:0}.parent-shell .provider-row>div:nth-child(2) span,.parent-shell .provider-row>div:nth-child(2) small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536477}.parent-shell .usage-panel{margin-top:14px}.parent-shell .provider-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.parent-shell .provider-checks label{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #ceddcb;border-radius:12px;background:#fff}.parent-shell .provider-checks label span{display:grid}.parent-shell .provider-checks label small{font-weight:400}.parent-shell .compare-results{margin-top:18px}.parent-shell .compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.parent-shell .compare-results dl{margin:12px 0}.parent-shell .result-items{display:grid;gap:6px;margin-bottom:12px}.parent-shell .result-items p{display:flex;justify-content:space-between;gap:7px;padding-top:6px;border-top:1px solid #e3e9e0;font-size:13px}.parent-shell .result-items b.ok{color:#28743a}.parent-shell .result-items b.warn{color:#914400}.parent-shell .backup-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;margin-bottom:14px}.parent-shell .backup-card>.p-icon{width:42px;height:42px;color:#1769c2}.parent-shell .parent-loading{min-height:70dvh;display:grid;place-items:center;align-content:center;gap:8px;color:#536477}.parent-shell .parent-loading p{margin:0}.parent-shell .spinner{width:44px;height:44px;border:4px solid #cfe2ef;border-top-color:#1769c2;border-radius:50%;animation:p-spin .8s linear infinite}.parent-shell .error-banner{position:fixed;top:10px;left:50%;z-index:100;width:min(calc(100% - 24px),620px);transform:translateX(-50%);padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1d0;color:#713b08;border:1px solid #d9872c;border-radius:12px;box-shadow:0 8px 30px rgba(38,53,74,.2)}.parent-shell .error-banner button{min-height:36px;border:0;background:transparent;color:inherit;font-weight:800}@keyframes p-spin{to{transform:rotate(360deg)}}
.parent-shell .exam-summary{margin-bottom:14px}.parent-shell .exam-item{display:grid;grid-template-columns:38px repeat(3,1fr) auto;align-items:center;gap:12px}.parent-shell .exam-item>div{display:grid;gap:3px}.parent-shell .exam-item small{color:#687582}.parent-shell .item-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f4ff;color:#1769c2;font-weight:900}.parent-shell .grade-confirm-list{display:grid;gap:12px;padding-bottom:86px}.parent-shell .grade-confirm-row{display:grid;grid-template-columns:38px 1fr 1fr minmax(270px,auto);align-items:center;gap:12px;padding:15px;background:#fffdf6;border:1px solid #d8e2d5;border-radius:16px}.parent-shell .grade-confirm-row.uncertain{background:#fff1d0;border:2px solid #d9872c}.parent-shell .grade-confirm-row>div{display:grid;gap:3px}.parent-shell .grade-confirm-row small{color:#67737d}.parent-shell .grade-confirm-row fieldset{display:flex;align-items:center;gap:8px;border:0;margin:0;padding:0}.parent-shell .grade-confirm-row legend{font-size:12px;font-weight:800;color:#8b4500;margin-bottom:5px}.parent-shell .grade-confirm-row fieldset label{position:relative}.parent-shell .grade-confirm-row fieldset input{position:absolute;opacity:0;pointer-events:none}.parent-shell .decision{min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid #b9c8b7;display:flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#52606c;font-weight:800}.parent-shell .decision .p-icon{width:17px;height:17px}.parent-shell .grade-confirm-row input:checked+.decision.correct{background:#e4f5df;color:#28743a;border-color:#69a968}.parent-shell .grade-confirm-row input:checked+.decision.wrong{background:#fff0d7;color:#914400;border-color:#db9a4b}.parent-shell .primary-btn:disabled{background:#9fa8ae;box-shadow:none;cursor:not-allowed}
@media(max-width:720px){.parent-shell .parent-login{grid-template-columns:1fr}.parent-shell .login-art{min-height:210px}.parent-shell .login-panel{margin:0 auto}.parent-shell .pencil-mascot{width:62px;height:120px;top:58%;margin:-60px 0 0 -31px}.parent-shell .parent-action-grid{grid-template-columns:1fr 1fr}.parent-shell .parent-action-card{min-height:150px}.parent-shell .review-row{grid-template-columns:86px 1fr}.parent-shell .review-row .danger-link{grid-column:2;justify-self:start}.parent-shell .word-row{grid-template-columns:54px 1fr auto}.parent-shell .word-row dl{grid-column:2/4}.parent-shell .word-row .row-actions{grid-column:2/4;justify-content:flex-end}.parent-shell .provider-row{grid-template-columns:44px 1fr auto}.parent-shell .provider-row>.status-badge{grid-column:3}.parent-shell .provider-row>button{grid-row:2}.parent-shell .provider-row>button:nth-last-child(2){grid-column:2}.parent-shell .provider-row>button:last-child{grid-column:3}.parent-shell .compare-grid{grid-template-columns:1fr}.parent-shell .provider-checks{grid-template-columns:1fr}.parent-shell .backup-card{grid-template-columns:44px 1fr}.parent-shell .backup-card .primary-btn{grid-column:1/3}.parent-shell .calendar-grid{grid-template-columns:repeat(6,1fr)}.parent-shell .grade-confirm-row{grid-template-columns:38px 1fr 1fr}.parent-shell .grade-confirm-row fieldset{grid-column:2/4}.parent-shell .exam-item{grid-template-columns:36px 1fr 1fr}.parent-shell .exam-item>div:nth-of-type(3){grid-column:2/4}.parent-shell .exam-item>.status-badge{grid-column:3;grid-row:1}}
@media(max-width:480px){.parent-shell .parent-main{padding-inline:12px}.parent-shell .parent-hero{padding-right:92px}.parent-shell .parent-action-grid{grid-template-columns:1fr}.parent-shell .parent-action-card{min-height:125px}.parent-shell .metric-grid{grid-template-columns:1fr 1fr}.parent-shell .metric-grid article:last-child{grid-column:1/3}.parent-shell .form-grid,.parent-shell .inline-form{grid-template-columns:1fr}.parent-shell .inline-form .primary-btn{width:100%}.parent-shell .image-preview{grid-template-columns:repeat(2,1fr)}.parent-shell .review-row{grid-template-columns:1fr}.parent-shell .review-row .danger-link{grid-column:1}.parent-shell .word-row{grid-template-columns:46px 1fr}.parent-shell .word-row>.status-badge{grid-column:2;justify-self:start}.parent-shell .word-row dl,.parent-shell .word-row .row-actions{grid-column:1/3}.parent-shell .exam-head,.parent-shell .record-row,.parent-shell .reward-row,.parent-shell .usage-panel{align-items:flex-start;flex-direction:column}.parent-shell .parent-nav span{font-size:11px}.parent-shell .parent-header{grid-template-columns:44px 1fr 54px}.parent-shell .parent-header h1{font-size:20px}.parent-shell .grade-confirm-row{grid-template-columns:34px 1fr}.parent-shell .grade-confirm-row>div,.parent-shell .grade-confirm-row fieldset{grid-column:2}.parent-shell .grade-confirm-row fieldset{display:grid;grid-template-columns:1fr 1fr}.parent-shell .exam-item{grid-template-columns:34px 1fr}.parent-shell .exam-item>div,.parent-shell .exam-item>div:nth-of-type(3),.parent-shell .exam-item>.status-badge{grid-column:2}.parent-shell .exam-item>.status-badge{grid-row:auto;justify-self:start}}
@media(prefers-reduced-motion:reduce){.parent-shell *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.parent-shell .handwriting-note{margin-top:12px!important;padding:12px 14px;border-radius:14px;background:#fff4cf;color:#6f4617!important}.parent-shell .handwriting-note strong{margin-right:8px}
.parent-shell .reward-requests{margin-bottom:28px}.parent-shell .rewards-heading{margin-top:8px}.parent-shell .request-actions{display:flex!important;align-items:center;gap:8px}.parent-shell .request-actions .secondary-btn,.parent-shell .request-actions .primary-btn{width:auto}.parent-shell .compact-empty{min-height:100px!important;padding:20px!important}

/* Parent experience refresh: calm companion to the child's adventure theme. */
.parent-shell{
  --parent-ink:#20334a;
  --parent-muted:#56687a;
  --parent-blue:#1769c2;
  --parent-blue-dark:#0d4f96;
  --parent-blue-soft:#e8f4ff;
  --parent-green:#2d7f48;
  --parent-green-soft:#e5f5df;
  --parent-gold:#b86b08;
  --parent-gold-soft:#fff1c7;
  --parent-coral:#a8422f;
  --parent-paper:#fffef9;
  --parent-line:#d6e2df;
  --parent-shadow:0 10px 28px rgba(36,66,81,.1);
  color:var(--parent-ink);
  background:
    radial-gradient(circle at 8% 5%,rgba(116,203,246,.2) 0 120px,transparent 121px),
    radial-gradient(circle at 92% 13%,rgba(153,215,126,.18) 0 150px,transparent 151px),
    linear-gradient(180deg,#eaf7ff 0,#f6faf4 320px,#f5f8f4 100%);
  line-height:1.55;
}

.parent-shell .parent-header{
  min-height:80px;
  grid-template-columns:48px minmax(0,1fr) 64px;
  padding:calc(10px + env(safe-area-inset-top)) max(16px,calc((100% - 960px)/2)) 10px;
  background:rgba(255,254,249,.92);
  border-bottom:1px solid rgba(178,203,203,.76);
  box-shadow:0 4px 18px rgba(36,66,81,.06);
}

.parent-shell .parent-header h1{
  overflow:hidden;
  margin:2px 0 0;
  color:var(--parent-ink);
  font-size:22px;
  font-weight:850;
  letter-spacing:.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.parent-shell .parent-mode{
  padding:2px 9px;
  border-radius:999px;
  color:#315c79;
  background:#e5f3fa;
  font-size:11px;
  letter-spacing:.1em;
}

.parent-shell .icon-btn{
  border:1px solid #cfe2e8;
  color:#315c79;
  background:#f4fbff;
  box-shadow:0 4px 12px rgba(31,86,116,.09);
}

.parent-shell .parent-exit{
  border-radius:12px;
  color:#526576;
  transition:background-color .18s ease,color .18s ease;
}

.parent-shell .parent-exit:hover{color:var(--parent-blue);background:var(--parent-blue-soft)}

.parent-shell .parent-main{
  padding:24px 18px 34px;
}

.parent-shell .parent-hero{
  min-height:188px;
  padding:30px 126px 30px 28px;
  border:1px solid #bddfd3;
  border-radius:26px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.75),rgba(255,255,255,.08)),
    linear-gradient(135deg,#fff5c7 0,#e3f5d9 57%,#cceeff 100%);
  box-shadow:var(--parent-shadow);
}

.parent-shell .parent-hero:before{
  content:"";
  position:absolute;
  inset:14px 14px auto auto;
  width:48px;
  height:48px;
  border:2px dashed rgba(23,105,194,.2);
  border-radius:50%;
}

.parent-shell .parent-hero:after{background:#72c56d;opacity:.22}
.parent-shell .parent-hero h2{color:#263d3a;font-size:28px;letter-spacing:.01em}
.parent-shell .parent-hero p{max-width:470px;color:var(--parent-muted)}
.parent-shell .parent-hero .eyebrow{color:var(--parent-blue-dark)!important}

.parent-shell .parent-action-grid{gap:16px;margin-top:20px}
.parent-shell .parent-action-card{
  min-height:166px;
  padding:19px;
  border-color:rgba(255,255,255,.94);
  border-radius:22px;
  color:var(--parent-ink);
  box-shadow:var(--parent-shadow);
}

.parent-shell .parent-action-card .card-icon{
  border:1px solid rgba(255,255,255,.9);
  color:var(--parent-blue-dark);
  box-shadow:0 5px 14px rgba(50,79,89,.08);
}

.parent-shell .parent-action-card strong{font-size:20px;letter-spacing:.01em}
.parent-shell .parent-action-card>span:not(.card-icon){color:#4d6173}
.parent-shell .parent-action-card i{color:var(--parent-blue-dark)}
.parent-shell .tone-orange{background:#fff0d4}
.parent-shell .tone-green{background:#e2f3da}
.parent-shell .tone-blue{background:#e4f3ff}
.parent-shell .tone-violet{background:#f0eafa}
.parent-shell .tone-sky{background:#dcf3f1}
.parent-shell .tone-sand{background:#fff7da}

.parent-shell .parent-nav{
  left:50%;
  width:min(100%,760px);
  transform:translateX(-50%);
  min-height:76px;
  padding:7px 10px calc(7px + env(safe-area-inset-bottom));
  border:1px solid rgba(190,210,207,.8);
  border-bottom:0;
  border-radius:22px 22px 0 0;
  background:rgba(255,254,249,.96);
  box-shadow:0 -8px 28px rgba(36,66,81,.09);
}

.parent-shell .parent-nav button{
  min-height:58px;
  color:#607080;
  transition:background-color .18s ease,color .18s ease;
}

.parent-shell .parent-nav button.active{
  color:var(--parent-blue-dark);
  background:var(--parent-blue-soft);
  box-shadow:inset 0 0 0 1px #d1e9fa;
}

.parent-shell .panel,
.parent-shell .review-row,
.parent-shell .word-row,
.parent-shell .grade-confirm-row{
  border-color:var(--parent-line);
  background:rgba(255,254,249,.97);
  box-shadow:0 7px 20px rgba(36,66,81,.07);
}

.parent-shell .panel{padding:20px;border-radius:20px}
.parent-shell .section-intro{padding:0 2px;margin-bottom:22px}
.parent-shell .section-intro h2,
.parent-shell .panel h2{color:var(--parent-ink);font-weight:850}
.parent-shell .section-intro p,
.parent-shell .panel p{color:var(--parent-muted)}

.parent-shell .form-stack{gap:18px}
.parent-shell .form-stack label,
.parent-shell .inline-form label{gap:8px;color:#344a5d;font-weight:750}
.parent-shell .form-stack input,
.parent-shell .form-stack textarea,
.parent-shell .form-stack select,
.parent-shell .inline-form input,
.parent-shell .search-box input,
.parent-shell .review-row input{
  min-height:48px;
  border-color:#afc3c7;
  border-radius:13px;
  color:var(--parent-ink);
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}

.parent-shell input::placeholder,
.parent-shell textarea::placeholder{color:#7a8995;opacity:1}
.parent-shell input:focus,
.parent-shell textarea:focus,
.parent-shell select:focus{border-color:var(--parent-blue);box-shadow:0 0 0 3px rgba(23,105,194,.12)}

.parent-shell .primary-btn,
.parent-shell .secondary-btn{
  min-height:48px;
  border-radius:14px;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.parent-shell .primary-btn{
  background:linear-gradient(180deg,#2378cf,var(--parent-blue));
  box-shadow:0 4px 0 var(--parent-blue-dark),0 7px 16px rgba(23,105,194,.18);
}

.parent-shell .primary-btn:hover{background:linear-gradient(180deg,#2b82dc,#145fae)}
.parent-shell .secondary-btn{color:#14558d;background:#eef8ff;border-color:#a8d1eb}
.parent-shell .secondary-btn:hover{background:#deeffc;border-color:#80bde4}
.parent-shell .text-btn{color:var(--parent-blue-dark)}
.parent-shell .danger-link{color:var(--parent-coral)}

.parent-shell .import-option{
  min-height:112px;
  border-color:rgba(184,207,205,.9);
  border-radius:20px;
  box-shadow:var(--parent-shadow);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.parent-shell .import-option:hover{border-color:#91bbc3;box-shadow:0 12px 28px rgba(36,66,81,.13);transform:translateY(-2px)}
.parent-shell .import-option strong{color:var(--parent-ink)}
.parent-shell .import-option small{color:var(--parent-muted)}

.parent-shell .upload-zone{
  min-height:148px;
  border-color:#71add5!important;
  color:#245c83!important;
  background:linear-gradient(145deg,#f4fbff,#e8f5ff)!important;
}

.parent-shell .toolbar{align-items:stretch;gap:12px}
.parent-shell .search-box{min-height:48px;border-color:#afc3c7;background:#fff}
.parent-shell .segmented{padding:6px;background:#e5eeeb;border:1px solid #d7e2df}
.parent-shell .segmented button{min-height:44px;color:#506373}
.parent-shell .segmented button.active{color:var(--parent-blue-dark);box-shadow:0 3px 9px rgba(36,66,81,.12)}

.parent-shell .review-row.uncertain,
.parent-shell .grade-confirm-row.uncertain{
  border-color:#df9e42;
  background:#fff7e6;
  box-shadow:0 7px 20px rgba(149,91,17,.1);
}

.parent-shell .status-badge{min-height:32px;color:#14558d;background:#e7f4ff}
.parent-shell .status-new{color:#7e4b07;background:#fff0c8}
.parent-shell .status-learning{color:#14558d;background:#e7f4ff}
.parent-shell .status-mastered{color:#266a3d;background:#e3f3df}
.parent-shell .status-disabled{color:#5b6771;background:#e9eeec}

.parent-shell .range-check input,
.parent-shell .review-row input[type=checkbox],
.parent-shell .provider-checks input{
  width:24px;
  height:24px;
  accent-color:var(--parent-blue);
}

.parent-shell .row-actions button,
.parent-shell .provider-row>button{min-height:44px;padding:8px 10px;border-radius:10px}
.parent-shell .row-actions button:hover,
.parent-shell .provider-row>button:hover{background:var(--parent-blue-soft)}

.parent-shell .metric-grid article{
  min-height:132px;
  border-color:var(--parent-line);
  background:linear-gradient(145deg,#fffef9,#f3f9f7);
  box-shadow:var(--parent-shadow);
}
.parent-shell .metric-grid strong{color:var(--parent-blue-dark)}
.parent-shell .calendar-grid span{min-width:34px;min-height:34px;background:#e7edeb;color:#556772}
.parent-shell .calendar-grid span.done{background:var(--parent-green);color:#fff}
.parent-shell .trend-chart i{background:linear-gradient(#65b4e6,var(--parent-blue-dark))}
.parent-shell .progress{height:12px;background:#dfe8e4}
.parent-shell .progress i{background:linear-gradient(90deg,#3d9857,var(--parent-green))}

.parent-shell .settings-links button{
  min-height:78px;
  border-color:var(--parent-line);
  background:var(--parent-paper);
  box-shadow:0 6px 16px rgba(36,66,81,.06);
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.parent-shell .settings-links button:hover{border-color:#9fc7d3;background:#f6fbfd;transform:translateY(-1px)}

.parent-shell .sticky-actions{
  bottom:max(14px,env(safe-area-inset-bottom));
  border-color:#c7d9d8;
  background:rgba(255,254,249,.97);
  box-shadow:0 12px 34px rgba(36,66,81,.2);
}

.parent-shell .error-banner button{min-height:40px}
.parent-shell .decision{min-height:46px;border-color:#afc3c1;background:#fff}
.parent-shell .grade-confirm-row input:checked+.decision.correct{color:#236a3d;border-color:#69aa73;background:#e5f5df}
.parent-shell .grade-confirm-row input:checked+.decision.wrong{color:#88420c;border-color:#d69a53;background:#fff0d7}

.parent-shell .parent-login{
  color:var(--parent-ink);
  background:
    radial-gradient(circle at 92% 12%,rgba(126,199,232,.16),transparent 32%),
    var(--parent-paper);
}
.parent-shell .login-art{
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.85) 0 34px,transparent 35px),
    linear-gradient(180deg,#8ed3f7 0,#dff5ff 52%,#9cda80 53%,#68bd62 100%);
}
.parent-shell .login-panel{padding:40px}
.parent-shell .login-panel h1{margin:12px 0 8px;color:var(--parent-ink);font-size:32px;letter-spacing:.01em}
.parent-shell .login-panel>p{max-width:34em;color:var(--parent-muted)}
.parent-shell .login-panel .form-stack{margin-top:24px}
.parent-shell .login-panel .primary-btn{width:100%;margin-top:2px}
.parent-shell .form-help{padding:10px 12px;border-radius:11px;color:#665128;background:#fff6d8}

.parent-shell button:focus-visible,
.parent-shell input:focus-visible,
.parent-shell textarea:focus-visible,
.parent-shell select:focus-visible{
  outline:3px solid #0d5ca8;
  outline-offset:3px;
}
.parent-shell button[aria-busy="true"],.parent-shell input[aria-busy="true"]{cursor:wait;opacity:.68;pointer-events:none}
.parent-shell button[aria-busy="true"] .p-icon{animation:p-spin .8s linear infinite}

@media (max-width:720px){
  .parent-shell .parent-header{padding-inline:14px}
  .parent-shell .parent-main{padding:20px 14px 30px}
  .parent-shell .parent-login{grid-template-columns:1fr}
  .parent-shell .login-art{min-height:220px}
  .parent-shell .login-panel{padding:28px 22px 36px}
  .parent-shell .review-row{gap:14px}
  .parent-shell .word-row{gap:10px}
  .parent-shell .metric-grid article{min-height:118px}
}

@media (max-width:480px){
  .parent-shell{font-size:16px}
  .parent-shell .parent-header{grid-template-columns:44px minmax(0,1fr) 52px}
  .parent-shell .parent-header h1{font-size:19px}
  .parent-shell .parent-mode{font-size:10px}
  .parent-shell .parent-main{padding-inline:12px}
  .parent-shell .parent-hero{min-height:180px;padding:24px 92px 24px 20px;border-radius:22px}
  .parent-shell .parent-hero h2{font-size:24px}
  .parent-shell .parent-action-grid{gap:12px}
  .parent-shell .parent-action-card{min-height:128px;padding:17px}
  .parent-shell .parent-nav{border-radius:18px 18px 0 0;padding-inline:6px}
  .parent-shell .parent-nav button{min-width:0;padding-inline:2px}
  .parent-shell .parent-nav button span{font-size:11px}
  .parent-shell .panel{padding:16px}
  .parent-shell .toolbar{display:grid;grid-template-columns:1fr auto}
  .parent-shell .toolbar .primary-btn{padding-inline:13px}
  .parent-shell .review-row,
  .parent-shell .grade-confirm-row{padding:14px}
  .parent-shell .row-actions{flex-wrap:wrap}
  .parent-shell .row-actions button{flex:1;justify-content:center}
  .parent-shell .metric-grid{gap:10px}
  .parent-shell .metric-grid article{padding:15px}
  .parent-shell .metric-grid strong{font-size:27px}
  .parent-shell .calendar-grid{gap:6px}
  .parent-shell .calendar-grid span{min-width:0;min-height:36px}
  .parent-shell .sticky-actions{padding:10px 12px}
  .parent-shell .sticky-actions .primary-btn{min-width:116px}
  .parent-shell .reward-row{align-items:stretch}
  .parent-shell .request-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
  .parent-shell .request-actions .secondary-btn,
  .parent-shell .request-actions .primary-btn{width:100%}
}

@media (hover:none){
  .parent-shell .parent-action-card:hover,
  .parent-shell .import-option:hover,
  .parent-shell .settings-links button:hover{transform:none}
}

/* Complete parent information architecture and responsive polish. */
.parent-shell .page-lead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin:0 0 18px;
  padding:22px 24px;
  border:1px solid #cfe1df;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,254,249,.98),rgba(238,248,246,.95));
  box-shadow:0 8px 24px rgba(36,66,81,.07);
}
.parent-shell .page-lead>div{min-width:0}
.parent-shell .page-kicker{
  display:inline-block;
  margin-bottom:5px;
  color:#29667d;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
}
.parent-shell .page-lead h2{margin:0;color:var(--parent-ink);font-size:25px;line-height:1.3}
.parent-shell .page-lead p{max-width:620px;margin:7px 0 0;color:var(--parent-muted);line-height:1.65}
.parent-shell .page-meta{
  flex:none;
  min-height:36px;
  padding:7px 12px;
  border:1px solid #c8dfeb;
  border-radius:999px;
  color:#245c83;
  background:#edf8ff;
  font-size:13px;
  white-space:nowrap;
}
.parent-shell .page-meta strong{font-size:16px}

.parent-shell .flow-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  max-width:620px;
  margin:0 auto 20px;
  padding:0;
  list-style:none;
}
.parent-shell .flow-steps li{position:relative;display:grid;justify-items:center;gap:6px;color:#71808b;font-size:13px;text-align:center}
.parent-shell .flow-steps li:not(:last-child):before{content:"";position:absolute;z-index:0;top:17px;left:58%;width:84%;height:2px;background:#d1dcda}
.parent-shell .flow-steps li.done:not(:last-child):before{background:#65a875}
.parent-shell .flow-steps li>span{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;border:2px solid #c6d2d1;border-radius:50%;background:#f5f8f6;font-weight:850}
.parent-shell .flow-steps li>span .p-icon{width:18px;height:18px}
.parent-shell .flow-steps li.active{color:var(--parent-blue-dark)}
.parent-shell .flow-steps li.active>span{border-color:var(--parent-blue);color:#fff;background:var(--parent-blue);box-shadow:0 0 0 5px rgba(23,105,194,.1)}
.parent-shell .flow-steps li.done{color:#2b7242}
.parent-shell .flow-steps li.done>span{border-color:#4e9a63;color:#fff;background:#4e9a63}

.parent-shell .login-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}
.parent-shell .login-brand .brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#2f82ce,#125caa);box-shadow:0 6px 16px rgba(23,105,194,.2);font-size:22px;font-weight:900}
.parent-shell .login-brand>span:last-child{display:grid;gap:1px}
.parent-shell .login-brand strong{color:var(--parent-ink);font-size:17px}
.parent-shell .login-brand small{color:#6c7b87}
.parent-shell .login-scenery{position:absolute;z-index:3;left:10%;right:10%;top:9%;color:#174b63}
.parent-shell .login-scenery span{display:block;margin-bottom:8px;font-weight:800;letter-spacing:.12em}
.parent-shell .login-scenery strong{display:block;font-size:clamp(27px,3vw,44px);line-height:1.3;letter-spacing:.02em}
.parent-shell .login-panel code{padding:2px 7px;border-radius:7px;color:#5b3d04;background:#fff;border:1px solid #ead796;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:900}
.parent-shell .login-assurance{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:28px;padding-top:18px;border-top:1px solid #e0e8e4;color:#647481;font-size:13px}
.parent-shell .login-assurance span{display:flex;align-items:center;gap:5px}
.parent-shell .login-assurance .p-icon{width:17px;height:17px;color:#367a50}

.parent-shell .parent-hero{display:flex;align-items:center}
.parent-shell .parent-hero>div:first-child{position:relative;z-index:3;max-width:500px}
.parent-shell .parent-hero-art{position:absolute;z-index:2;right:0;bottom:0;width:235px;height:118px;border-radius:34px 0 24px 0;object-fit:cover;object-position:center;filter:saturate(.9);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);pointer-events:none}
.parent-shell .hero-cta{min-height:42px;margin-top:18px;padding:9px 14px;border:0;border-radius:12px;color:#fff;background:#1769c2;box-shadow:0 4px 0 #0e4e92;font-weight:800;display:inline-flex;align-items:center;gap:7px}
.parent-shell .hero-cta .p-icon{width:19px;height:19px}
.parent-shell .today-path{display:flex;align-items:center;gap:16px;margin:14px 0 0;padding:12px 16px;border:1px solid #d5e4de;border-radius:16px;background:rgba(255,254,249,.86)}
.parent-shell .today-path>span{flex:none;color:#436072;font-size:13px;font-weight:850}
.parent-shell .today-path ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;color:#60707c;font-size:13px}
.parent-shell .today-path li{display:flex;align-items:center;gap:5px;white-space:nowrap}
.parent-shell .today-path li:not(:last-child):after{content:"→";margin-left:3px;color:#9aaba8}
.parent-shell .today-path b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#1e628e;background:#e6f4fb;font-size:12px}

.parent-shell .import-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.parent-shell .import-option{position:relative;grid-template-columns:52px 1fr;min-height:138px;padding:17px;align-content:center}
.parent-shell .import-option>span{width:52px;height:52px}
.parent-shell .import-option i{grid-column:2;color:#536b77;font-size:12px;font-style:normal;font-weight:800}
.parent-shell .import-option.selected{border:2px solid var(--parent-blue);box-shadow:0 0 0 4px rgba(23,105,194,.09),var(--parent-shadow)}
.parent-shell .workspace-panel{margin-top:4px;padding:24px}
.parent-shell .panel-heading{display:flex;align-items:flex-start;gap:12px}
.parent-shell .panel-heading h2,.parent-shell .panel-heading h3{margin:0;color:var(--parent-ink);font-size:20px}
.parent-shell .panel-heading p{margin:4px 0 0;color:var(--parent-muted);font-size:14px}
.parent-shell .panel-heading.compact-heading{align-items:center}
.parent-shell .step-number,.parent-shell .section-symbol{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--parent-blue);font-weight:900}
.parent-shell .section-symbol .p-icon{width:20px;height:20px}
.parent-shell .photo-tips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;color:#527080;font-size:13px}
.parent-shell .photo-tips span{display:flex;align-items:center;gap:4px}
.parent-shell .photo-tips .p-icon{width:16px;height:16px;color:#2c7b47}

.parent-shell .library-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-4px 0 16px}
.parent-shell .library-summary span{min-height:58px;padding:10px 14px;border:1px solid #d6e3df;border-radius:14px;color:#5b6e7b;background:rgba(255,254,249,.88);display:flex;align-items:baseline;gap:7px}
.parent-shell .library-summary b{color:var(--parent-blue-dark);font-size:23px}
.parent-shell .word-row{transition:border-color .18s ease,box-shadow .18s ease}
.parent-shell .word-row:hover{border-color:#a9cad2;box-shadow:0 8px 22px rgba(36,66,81,.1)}

.parent-shell .content-section+.content-section{margin-top:28px;padding-top:24px;border-top:1px solid #d9e4e1}
.parent-shell .section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 12px}
.parent-shell .section-title h2{margin:0;color:var(--parent-ink);font-size:21px}
.parent-shell .section-title p{margin:4px 0 0;color:var(--parent-muted);font-size:14px}
.parent-shell .illustrated-empty{border:1px dashed #c8d9d5;border-radius:20px;background:rgba(255,254,249,.75)}
.parent-shell .empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#347397;background:#e8f5fb}
.parent-shell .empty-icon .p-icon{width:26px;height:26px}
.parent-shell .record-row small{color:#657682}

.parent-shell .stats-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.parent-shell .stats-layout>.panel{margin:0!important}
.parent-shell .stats-layout .stats-wide{grid-column:1/-1}
.parent-shell .stats-layout .trend-chart{margin-top:4px}
.parent-shell .current-mastery{min-height:180px;display:grid;place-items:center;align-content:center;gap:4px;color:var(--parent-muted)}
.parent-shell .current-mastery strong{color:var(--parent-blue-dark);font-size:46px;line-height:1}
.parent-shell .calendar-grid span{font-size:10px;font-variant-numeric:tabular-nums}

.parent-shell .settings-form hr{width:100%;height:1px;margin:4px 0;border:0;background:#dce6e2}
.parent-shell .settings-form label>small{font-weight:500;color:#71808a}
.parent-shell .settings-links button{grid-template-columns:40px 1fr auto}
.parent-shell .settings-links button i{color:var(--parent-blue-dark);font-size:13px;font-style:normal;font-weight:800}
.parent-shell .reward-form{grid-template-columns:1fr 150px auto}

.parent-shell .form-actions{display:flex;gap:10px}
.parent-shell .form-actions>*{min-width:150px}
.parent-shell .ai-config-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;margin-top:14px}
.parent-shell .ai-config-grid>.panel{margin:0!important}
.parent-shell .ai-config-grid .usage-panel{min-height:100%;align-items:stretch;flex-direction:column}
.parent-shell .usage-panel>div{display:grid;gap:6px}
.parent-shell .usage-panel .section-symbol{margin-bottom:8px}
.parent-shell .usage-panel h3{margin:0;color:var(--parent-ink)}
.parent-shell .usage-panel p{margin:0}
.parent-shell .usage-panel p strong{color:var(--parent-blue-dark);font-size:30px}

.parent-shell .compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.parent-shell .compare-inputs .upload-zone{min-height:190px}
.parent-shell .compare-inputs>label:not(.upload-zone){display:grid;align-content:start;gap:7px}
.parent-shell .compare-form fieldset{margin:0;padding:0;border:0}
.parent-shell .compare-form legend{margin-bottom:9px;color:#344a5d;font-weight:800}
.parent-shell .compare-results>h2{color:var(--parent-ink)}

.parent-shell .backup-card{padding:24px;background:linear-gradient(135deg,#f5fbff,#fffef9)}
.parent-shell .backup-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--parent-blue)}
.parent-shell .backup-icon .p-icon{width:28px;height:28px}
.parent-shell .backup-card small{display:block;margin-top:7px;color:#6b7a85}
.parent-shell .restore-card{margin-top:16px!important}
.parent-shell .backup-warning{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #e0b25e;border-radius:14px;color:#704408;background:#fff7df}
.parent-shell .backup-warning>span{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffe8ad}
.parent-shell .backup-warning .p-icon{width:19px;height:19px}
.parent-shell .backup-warning p{margin:4px 0 0;color:#77571e}
.parent-shell .restore-confirm{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #d6dfdc;border-radius:12px;background:#f7faf8}
.parent-shell .restore-confirm input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#a8422f}
.parent-shell .restore-confirm span{display:grid;gap:2px}
.parent-shell .restore-confirm small{color:#6d797f;font-weight:500}
.parent-shell .danger-primary:not(:disabled){background:linear-gradient(#bd543f,#a8422f);box-shadow:0 4px 0 #7d2f22,0 7px 16px rgba(168,66,47,.18)}

@media (max-width:820px){
  .parent-shell .import-options{grid-template-columns:1fr}
  .parent-shell .import-option{min-height:104px;grid-template-columns:52px 1fr auto}
  .parent-shell .import-option i{grid-column:3;grid-row:1;align-self:center}
  .parent-shell .stats-layout{grid-template-columns:1fr}
  .parent-shell .stats-layout .stats-wide{grid-column:auto}
  .parent-shell .ai-config-grid{grid-template-columns:1fr}
  .parent-shell .compare-inputs{grid-template-columns:1fr}
}

@media (max-width:720px){
  .parent-shell .login-scenery{left:7%;top:13%}
  .parent-shell .login-scenery strong{font-size:27px}
  .parent-shell .login-brand{margin-bottom:22px}
  .parent-shell .parent-hero-art{right:-22px;width:180px;opacity:.88}
  .parent-shell .today-path{align-items:flex-start;flex-direction:column;gap:8px}
  .parent-shell .today-path ol{width:100%;justify-content:space-between;overflow:auto}
  .parent-shell .page-lead{padding:19px 18px}
  .parent-shell .provider-row>button{justify-content:center}
}

@media (max-width:540px){
  .parent-shell .page-lead{display:grid;gap:12px;border-radius:18px}
  .parent-shell .page-lead h2{font-size:22px}
  .parent-shell .page-meta{justify-self:start;white-space:normal}
  .parent-shell .flow-steps li b{font-size:12px}
  .parent-shell .flow-steps li:not(:last-child):before{left:62%;width:76%}
  .parent-shell .login-art{min-height:190px}
  .parent-shell .login-scenery span{font-size:12px}
  .parent-shell .login-scenery strong{font-size:23px}
  .parent-shell .parent-hero-art{right:-48px;width:160px;opacity:.62}
  .parent-shell .hero-cta{max-width:210px;text-align:left}
  .parent-shell .today-path ol{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
  .parent-shell .today-path li:not(:last-child):after{display:none}
  .parent-shell .import-option{grid-template-columns:46px 1fr;min-height:112px;padding:14px}
  .parent-shell .import-option>span{width:46px;height:46px}
  .parent-shell .import-option i{grid-column:2;grid-row:auto;justify-self:start}
  .parent-shell .library-summary{gap:6px}
  .parent-shell .library-summary span{min-height:64px;padding:8px;align-items:center;flex-direction:column;gap:0;text-align:center;font-size:12px}
  .parent-shell .workspace-panel{padding:16px}
  .parent-shell .photo-tips{justify-content:flex-start}
  .parent-shell .reward-form{grid-template-columns:1fr}
  .parent-shell .form-actions{display:grid;grid-template-columns:1fr}
  .parent-shell .form-actions>*{width:100%;min-width:0}
  .parent-shell .provider-row{padding:14px}
  .parent-shell .provider-row>div:nth-child(2) span{max-width:190px}
  .parent-shell .backup-card{grid-template-columns:48px 1fr;padding:18px}
  .parent-shell .backup-icon{width:48px;height:48px}
  .parent-shell .backup-card .primary-btn{grid-column:1/-1;width:100%}
}

/* Illustrated parent gateway: shared visual world, adult information hierarchy. */
.parent-shell .parent-login{min-height:100dvh;grid-template-columns:minmax(390px,47%) minmax(420px,1fr);background:#fffefa}
.parent-shell .login-art{position:relative;min-height:100dvh;background:#276d87}
.parent-shell .login-art:after{content:none}
.parent-shell .login-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94) contrast(.98)}
.parent-shell .login-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,43,58,.08),rgba(12,43,58,.28) 52%,rgba(12,43,58,.9) 100%)}
.parent-shell .login-scenery{position:absolute;z-index:3;left:clamp(28px,6vw,72px);right:clamp(28px,6vw,72px);top:auto;bottom:clamp(42px,8vh,90px);color:#fff;text-shadow:0 2px 12px rgba(7,35,48,.48)}
.parent-shell .login-art-kicker{display:inline-flex!important;width:max-content;margin:0 0 13px!important;padding:7px 11px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(19,63,74,.4);font-size:12px;letter-spacing:.13em;backdrop-filter:blur(8px)}
.parent-shell .login-scenery strong{max-width:620px;font-size:clamp(32px,3.6vw,52px);line-height:1.2;color:#fff}
.parent-shell .login-scenery p{max-width:540px;margin:16px 0 0;color:rgba(255,255,255,.9);font-size:16px;line-height:1.65}
.parent-shell .login-feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.parent-shell .login-feature-pills span{margin:0;padding:7px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(8px)}
.parent-shell .login-panel{width:min(100%,520px);padding:42px clamp(28px,5vw,64px)}
.parent-shell .login-brand{margin-bottom:38px}
.parent-shell .login-brand .brand-mark{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#3a91db,#1769c2);box-shadow:0 8px 20px rgba(23,105,194,.24)}
.parent-shell .login-panel h1{margin:10px 0 9px;font-size:34px;line-height:1.2}
.parent-shell .login-panel>p{margin:0;font-size:16px;line-height:1.75}
.parent-shell .login-panel .form-stack{margin-top:28px;gap:14px}
.parent-shell .login-panel .form-stack label>small{font-weight:500;color:#6a7a86}
.parent-shell .login-panel input{min-height:56px;border:1px solid #aebfc1;border-radius:14px;padding-inline:16px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.parent-shell .login-panel input:hover{border-color:#6e9dae}
.parent-shell .login-panel .form-help{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;border:1px solid #ecdca8;border-radius:14px;color:#665128;background:#fff7dd;line-height:1.55}
.parent-shell .login-panel .form-help>.p-icon{flex:none;width:19px;height:19px;margin-top:1px;color:#3b7a50}
.parent-shell .login-submit{min-height:54px;background:linear-gradient(180deg,#2f86d4,#1769c2);box-shadow:0 4px 0 #0e4e92,0 8px 18px rgba(23,105,194,.19)}
.parent-shell .login-back{width:100%;margin-top:12px;color:#285f84}
.parent-shell .login-assurance{justify-content:center;margin-top:22px;padding-top:18px}
@media(max-width:820px){.parent-shell .parent-login{grid-template-columns:1fr}.parent-shell .login-art{min-height:260px}.parent-shell .login-art-image{object-position:center 43%}.parent-shell .login-art-shade{background:linear-gradient(180deg,rgba(12,43,58,.04),rgba(12,43,58,.78))}.parent-shell .login-scenery{left:24px;right:24px;bottom:22px}.parent-shell .login-scenery strong{font-size:27px}.parent-shell .login-scenery p,.parent-shell .login-feature-pills{display:none}.parent-shell .login-panel{margin:0 auto;padding:30px 24px 38px}.parent-shell .login-brand{margin-bottom:24px}}
@media(max-width:420px){.parent-shell .login-art{min-height:224px}.parent-shell .login-scenery{left:20px;right:20px;bottom:17px}.parent-shell .login-art-kicker{margin-bottom:8px!important;padding:5px 9px;font-size:10px}.parent-shell .login-scenery strong{font-size:23px}.parent-shell .login-panel{padding:25px 22px 34px}.parent-shell .login-brand{margin-bottom:20px}.parent-shell .login-brand .brand-mark{width:46px;height:46px;border-radius:14px}.parent-shell .login-panel h1{font-size:30px}}

/* In-app destructive confirmation keeps focus and context inside the parent UI. */
.parent-shell .confirm-overlay{position:fixed;z-index:140;inset:0;display:grid;place-items:center;padding:20px;background:rgba(17,35,48,.56);backdrop-filter:blur(5px)}
.parent-shell .confirm-dialog{width:min(100%,430px);padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fffef9;box-shadow:0 24px 70px rgba(14,36,51,.3);text-align:center}
.parent-shell .confirm-icon{width:56px;height:56px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;color:#a8422f;background:#ffe7dd}
.parent-shell .confirm-icon .p-icon{width:27px;height:27px}
.parent-shell .confirm-eyebrow{margin:0 0 5px!important;color:#806247!important;font-size:12px;font-weight:850;letter-spacing:.12em}
.parent-shell .confirm-dialog h2{margin:0;color:var(--parent-ink);font-size:25px;line-height:1.35}
.parent-shell .confirm-dialog>p:last-of-type{margin:10px auto 0;max-width:340px;color:var(--parent-muted);line-height:1.65}
.parent-shell .confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.parent-shell .confirm-actions button{min-height:48px;border-radius:13px;font-weight:850}
.parent-shell .confirm-actions .secondary-btn{border:1px solid #c9d6d4;color:#385468;background:#f4f8f7}
.parent-shell .confirm-actions .danger-primary{border:0;color:#fff;background:linear-gradient(#bd543f,#a8422f);box-shadow:0 4px 0 #7d2f22,0 7px 16px rgba(168,66,47,.18)}
.parent-shell .confirm-actions button:focus-visible{outline:3px solid #68a9df;outline-offset:3px}
.parent-shell .grade-confirm-row input:focus-visible+.decision{outline:3px solid #1769c2;outline-offset:3px;box-shadow:0 0 0 5px rgba(23,105,194,.12)}
@media(max-width:420px){.parent-shell .confirm-overlay{padding:14px}.parent-shell .confirm-dialog{padding:23px 18px;border-radius:20px}.parent-shell .confirm-dialog h2{font-size:22px}.parent-shell .confirm-actions{grid-template-columns:1fr}.parent-shell .confirm-actions button{width:100%}}

/* Device-local Mandarin voice selection. */
.parent-shell .speech-settings{display:grid;gap:14px;padding:18px;border:1px solid #cddedc;border-radius:18px;background:linear-gradient(145deg,#f5fbff,#fffdf6)}
.parent-shell .speech-settings>div:first-child{display:grid;gap:3px}
.parent-shell .speech-settings>div:first-child>strong{color:var(--parent-ink);font-size:18px}
.parent-shell .speech-settings>div:first-child>small{color:var(--parent-muted)}
.parent-shell .speech-settings select{width:100%;min-height:50px;padding:9px 12px;border:1px solid #b7c9c8;border-radius:12px;color:var(--parent-ink);background:#fff}
.parent-shell .speech-status{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:12px;color:#5f4b28;background:#fff4d5}
.parent-shell .speech-status.natural{color:#25623b;background:#e6f4e7}
.parent-shell .speech-status.unavailable{color:#75411b;background:#fff0df}
.parent-shell .speech-status .p-icon{width:19px;height:19px;margin-top:1px}
.parent-shell .speech-status p{margin:0;line-height:1.55}
.parent-shell .speech-preview{justify-self:start;min-height:44px}
.parent-shell .speech-preview-note{display:block;color:var(--parent-muted);line-height:1.5}

/* B edition: bright 3D cartoon adventure system for every parent surface. */
.parent-shell{--parent-ink:#17365d;--parent-muted:#50677f;--parent-blue:#1689ed;--parent-blue-dark:#075eb7;--parent-blue-soft:#e5f5ff;--parent-green:#35b83f;--parent-green-dark:#17852a;--parent-green-soft:#e7f9df;--parent-gold:#ffb40b;--parent-gold-soft:#fff1b5;--parent-orange:#ff7418;--parent-coral:#d84332;--parent-paper:#fffdf4;--parent-line:#d9c9a3;--parent-shadow:0 9px 0 rgba(70,119,49,.14),0 18px 34px rgba(32,79,88,.13);color:var(--parent-ink);background:linear-gradient(180deg,rgba(119,205,255,.75) 0,rgba(226,249,255,.91) 300px,rgba(241,252,216,.97) 740px),url('/assets/b-landscape.webp') center top/cover no-repeat;font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans SC",system-ui,sans-serif}
.parent-shell::before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 60%,rgba(255,250,220,.42))}
.parent-shell>.parent-main,.parent-shell>.parent-login,.parent-shell>.parent-loading{position:relative;z-index:1}
.parent-shell>.parent-header{z-index:20}
.parent-shell>.parent-nav{z-index:30}
.parent-shell button{font-weight:800}.parent-shell button:not(:disabled):active{transform:translateY(3px);filter:brightness(.98)}
.parent-shell button:focus-visible,.parent-shell input:focus-visible,.parent-shell textarea:focus-visible,.parent-shell select:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 7px #075eb7;outline-offset:1px}
.parent-shell .parent-header{min-height:84px;padding:calc(9px + env(safe-area-inset-top)) max(16px,calc((100% - 960px)/2)) 9px;background:linear-gradient(180deg,rgba(255,251,231,.98),rgba(255,243,192,.97));border-bottom:3px solid #f1b622;box-shadow:0 7px 0 rgba(197,123,12,.13),0 12px 24px rgba(44,91,93,.12)}
.parent-shell .parent-header h1{color:#6d310b;font-size:23px;font-weight:950;text-shadow:0 2px 0 #fff}.parent-shell .parent-mode{padding:3px 10px;color:#086a30;background:#dbf5c9;border:1px solid #8bd470;box-shadow:inset 0 1px 0 #fff;letter-spacing:.08em}
.parent-shell .icon-btn{border:2px solid #f0c868;color:#883b0d;background:linear-gradient(#fffef7,#fff0c7);box-shadow:0 4px 0 #d9a13b,0 7px 14px rgba(100,70,20,.14)}
.parent-shell .parent-exit{min-height:44px;padding:7px 11px;border:1px solid #e5b768;color:#78491f;background:#fff9e8;border-radius:13px}.parent-shell .parent-exit:hover{color:#a33c1c;background:#fff1d4}.parent-shell .parent-main{padding-top:27px}
.parent-shell .parent-nav{width:min(calc(100% - 18px),760px);bottom:8px;min-height:78px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border:2px solid #f2cf7b;border-bottom:2px solid #d7a53c;border-radius:24px;background:rgba(255,253,243,.97);box-shadow:0 8px 0 rgba(124,87,22,.2),0 16px 34px rgba(33,71,82,.2)}
.parent-shell .parent-nav button{min-height:58px;color:#75664d;border:1px solid transparent;border-radius:17px;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.parent-shell .parent-nav button.active{color:#8c3f00;background:linear-gradient(#ffe973,#ffc928);border-color:#e9a918;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 4px 0 #dc9114}
.parent-shell .parent-hero{min-height:224px;padding:34px 285px 32px 30px;border:3px solid #fff3ad;border-radius:30px;background:linear-gradient(135deg,rgba(255,249,195,.96),rgba(224,250,177,.93) 54%,rgba(189,237,255,.9));box-shadow:0 9px 0 #7fca55,0 17px 32px rgba(31,87,79,.18)}
.parent-shell .parent-hero:before{width:64px;height:64px;border:9px solid rgba(255,203,37,.35)}.parent-shell .parent-hero:after{height:110px;background:#49bd3f;opacity:.18}.parent-shell .parent-hero h2{color:#71330b;font-size:31px;font-weight:950;text-shadow:0 2px 0 #fff}.parent-shell .parent-hero p{color:#3f5f52;font-weight:650}.parent-shell .parent-hero .eyebrow{color:#08773a!important}
.parent-shell .parent-hero-art{right:0;bottom:0;width:330px;height:100%;border-radius:0 27px 27px 0;object-position:18% center;filter:saturate(1.13) contrast(1.03);mask-image:linear-gradient(90deg,transparent,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%)}
.parent-shell .hero-cta,.parent-shell .primary-btn{color:#fff;background:linear-gradient(180deg,#ff9535,#ff6814 62%,#ed5508);border:2px solid #fff0b9;box-shadow:0 5px 0 #c94705,0 9px 18px rgba(190,82,5,.22);text-shadow:0 1px 1px rgba(123,46,0,.35)}
.parent-shell .hero-cta{min-height:48px;border-radius:15px;padding:10px 16px}.parent-shell .hero-cta:hover,.parent-shell .primary-btn:hover{background:linear-gradient(180deg,#ffa542,#ff7418 62%,#f25e0d)}
.parent-shell .secondary-btn{color:#075cae;background:linear-gradient(#fff,#def2ff);border:2px solid #75bde9;box-shadow:0 4px 0 #4b9dd1}.parent-shell .secondary-btn:hover{background:linear-gradient(#fff,#ccecff)}.parent-shell .primary-btn:disabled{color:#fff;background:#9aa9b0;border-color:#d8e0e2;box-shadow:none;text-shadow:none}.parent-shell .text-btn{color:#086cc9}
.parent-shell .today-path{padding:14px 18px;border:2px solid #f2d17f;border-radius:18px;background:rgba(255,252,231,.95);box-shadow:0 5px 0 rgba(211,161,55,.13)}.parent-shell .today-path>span{color:#8a490b}.parent-shell .today-path b{color:#fff;background:linear-gradient(#38bcef,#1386e5);box-shadow:0 3px 0 #0866b7}
.parent-shell .parent-action-grid{gap:18px;margin-top:22px}.parent-shell .parent-action-card{min-height:174px;padding:20px;border:3px solid rgba(255,255,255,.9);border-radius:25px;box-shadow:0 7px 0 var(--card-edge,#d99e31),0 15px 27px rgba(39,77,82,.16);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.parent-shell .parent-action-card:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 10px 0 var(--card-edge,#d99e31),0 20px 32px rgba(39,77,82,.18)}
.parent-shell .parent-action-card .card-icon{width:54px;height:54px;border:2px solid rgba(255,255,255,.95);border-radius:18px;color:#fff;background:var(--card-accent,#ff7b1d);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 5px 0 rgba(95,60,10,.16)}.parent-shell .parent-action-card .card-icon .p-icon{width:29px;height:29px}.parent-shell .parent-action-card strong{color:#512b13;font-size:21px;font-weight:950}.parent-shell .parent-action-card>span:not(.card-icon){color:#4c5f66;font-weight:650}.parent-shell .parent-action-card i{color:#71400e}
.parent-shell .tone-orange{--card-edge:#efaa29;--card-accent:#ff7b1d;background:linear-gradient(145deg,#fff8cf,#ffe29a)}.parent-shell .tone-green{--card-edge:#61b94c;--card-accent:#2fbd47;background:linear-gradient(145deg,#f3ffd9,#c8f09e)}.parent-shell .tone-blue{--card-edge:#4aa6df;--card-accent:#1689ed;background:linear-gradient(145deg,#effbff,#b9e8ff)}.parent-shell .tone-violet{--card-edge:#9569d8;--card-accent:#844ee3;background:linear-gradient(145deg,#fbf3ff,#dec7ff)}.parent-shell .tone-sky{--card-edge:#37b7b0;--card-accent:#12a9a2;background:linear-gradient(145deg,#efffff,#b8efea)}.parent-shell .tone-sand{--card-edge:#e49936;--card-accent:#f08120;background:linear-gradient(145deg,#fffbe3,#ffe1ae)}
.parent-shell .page-lead{padding:24px 26px;border:3px solid #fff2a8;border-radius:25px;background:linear-gradient(135deg,rgba(255,255,250,.98),rgba(255,242,180,.96));box-shadow:0 7px 0 rgba(225,170,46,.28),0 15px 28px rgba(42,78,83,.12)}
.parent-shell .page-kicker{color:#078039;font-weight:950}.parent-shell .page-lead h2{color:#6b300c;font-size:27px;font-weight:950}.parent-shell .page-lead p{color:#526270;font-weight:600}.parent-shell .page-meta{border:2px solid #82cbea;color:#075cae;background:#e6f7ff;box-shadow:0 3px 0 #57a9d2;font-weight:800}
.parent-shell .flow-steps li{color:#627184;font-weight:700}.parent-shell .flow-steps li>span{border:3px solid #c4d1d3;background:#fffef6;box-shadow:0 3px 0 #b6c3c2}.parent-shell .flow-steps li.active>span{border-color:#fff;color:#fff;background:linear-gradient(#38baf4,#1386e5);box-shadow:0 4px 0 #0864b3,0 0 0 5px rgba(23,137,237,.15)}.parent-shell .flow-steps li.done>span{border-color:#fff;background:linear-gradient(#62d34c,#2caf3b);box-shadow:0 4px 0 #19852b}.parent-shell .flow-steps li.done:not(:last-child):before{background:#55b74a}
.parent-shell .panel,.parent-shell .review-row,.parent-shell .word-row,.parent-shell .grade-confirm-row{border:2px solid #ead9ad;background:rgba(255,254,247,.98);box-shadow:0 6px 0 rgba(186,143,59,.15),0 12px 24px rgba(37,76,79,.1)}
.parent-shell .panel{border-radius:22px;padding:21px}.parent-shell .section-intro h2,.parent-shell .panel h2,.parent-shell .panel-heading h2,.parent-shell .panel-heading h3,.parent-shell .section-title h2{color:#61310e;font-weight:950}.parent-shell .panel-heading{align-items:center}.parent-shell .step-number,.parent-shell .section-symbol{border:2px solid #fff;color:#fff;background:linear-gradient(#3abdf0,#1187e7);box-shadow:0 4px 0 #0864b3}
.parent-shell .form-stack input,.parent-shell .form-stack textarea,.parent-shell .form-stack select,.parent-shell .inline-form input,.parent-shell .search-box,.parent-shell .review-row input{border:2px solid #cdbf9d;border-radius:15px;background:#fffefb;box-shadow:inset 0 2px 5px rgba(86,67,31,.06)}
.parent-shell .form-stack input,.parent-shell .form-stack textarea,.parent-shell .form-stack select,.parent-shell .inline-form input,.parent-shell .review-row input{min-height:50px}.parent-shell input:focus,.parent-shell textarea:focus,.parent-shell select:focus{border-color:#1689ed;box-shadow:0 0 0 4px rgba(22,137,237,.14)}
.parent-shell .switch-row{padding:12px 14px;border:2px solid #d7e6bd;border-radius:17px;background:#f3fbe8}.parent-shell .switch-row input{accent-color:#2db13c}
.parent-shell .speech-settings{border:2px solid #9fd6ec;border-radius:20px;background:linear-gradient(145deg,#f4fcff,#e0f5ff);box-shadow:0 5px 0 rgba(55,151,190,.13)}.parent-shell .speech-status{border:1px solid #e5c365}.parent-shell .speech-status.natural{border-color:#8dce8b}.parent-shell .speech-status.unavailable{border-color:#e3a36e}
.parent-shell .import-option{border:3px solid #fff;border-radius:23px;box-shadow:0 6px 0 var(--option-edge,#45a0d7),0 13px 24px rgba(35,76,82,.15)}.parent-shell .import-option.material{--option-edge:#38a7df;background:linear-gradient(145deg,#f1fbff,#bcecff)}.parent-shell .import-option.exam{--option-edge:#eb9b27;background:linear-gradient(145deg,#fff9d7,#ffdaa0)}.parent-shell .import-option.manual{--option-edge:#54b448;background:linear-gradient(145deg,#f3ffe5,#c4efa7)}.parent-shell .import-option>span{color:#fff;background:var(--option-edge);border:2px solid #fff;box-shadow:0 4px 0 rgba(60,86,27,.18)}.parent-shell .import-option.selected{border-color:#fff;box-shadow:0 0 0 4px #1689ed,0 8px 0 #075eb7,0 16px 28px rgba(17,96,150,.2)}
.parent-shell .upload-zone{border:3px dashed #42a9e5!important;border-radius:20px!important;background:linear-gradient(145deg,#f9fdff,#dff4ff)!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.75)}.parent-shell .photo-tips span{padding:5px 9px;border-radius:999px;background:#e7f8dd;color:#286e31;font-weight:750}
.parent-shell .library-summary span{border:2px solid #f0d582;border-radius:17px;background:#fff9d8;box-shadow:0 4px 0 rgba(205,153,36,.15);font-weight:750}.parent-shell .library-summary b{color:#ec650f}.parent-shell .segmented{border:2px solid #eac76c;background:#fff4c8;border-radius:17px}.parent-shell .segmented button.active{color:#7c3f00;background:linear-gradient(#fff,#ffe36b);box-shadow:0 4px 0 #dfa51a}.parent-shell .word-row:hover{border-color:#68b9e7;box-shadow:0 7px 0 rgba(51,143,199,.17),0 15px 26px rgba(36,86,92,.13)}
.parent-shell .status-badge{border:1px solid #75c6ed;color:#075fab;background:#e5f6ff;font-weight:900;box-shadow:inset 0 1px 0 #fff}.parent-shell .status-new{border-color:#efc153;color:#8c4800;background:#fff0ad}.parent-shell .status-learning{border-color:#75c6ed;color:#075fab;background:#e5f6ff}.parent-shell .status-mastered{border-color:#87d377;color:#176c28;background:#e5f8d9}.parent-shell .status-disabled{border-color:#c6ceca;color:#59646d;background:#edf1ef}
.parent-shell .progress{height:14px;border:2px solid #c6d9bc;background:#e5edde;box-shadow:inset 0 2px 3px rgba(49,83,38,.1)}.parent-shell .progress i{background:linear-gradient(#5bd04b,#2eae3c)}
.parent-shell .metric-grid article{border:3px solid #fff1b1;border-radius:22px;background:linear-gradient(145deg,#fffef6,#fff0b6);box-shadow:0 6px 0 #e2b640,0 13px 23px rgba(55,78,56,.12)}.parent-shell .metric-grid article:nth-child(2){border-color:#c6edb1;background:linear-gradient(145deg,#fbfff0,#d9f5bd);box-shadow:0 6px 0 #75bc54,0 13px 23px rgba(55,78,56,.12)}.parent-shell .metric-grid article:nth-child(3){border-color:#b9e6fb;background:linear-gradient(145deg,#f5fdff,#cbeeff);box-shadow:0 6px 0 #54add8,0 13px 23px rgba(55,78,56,.12)}.parent-shell .metric-grid strong{color:#ef6510;text-shadow:0 2px 0 #fff}.parent-shell .calendar-grid span.done{background:linear-gradient(#56cb48,#28a638);box-shadow:0 3px 0 #18852a}.parent-shell .trend-chart i{background:linear-gradient(#47c4f3,#1284df);box-shadow:inset 0 2px 0 rgba(255,255,255,.45)}
.parent-shell .settings-links button{border:2px solid #e8ce8f;border-radius:19px;background:linear-gradient(145deg,#fffef9,#fff3c7);box-shadow:0 5px 0 rgba(195,145,41,.17)}.parent-shell .settings-links button:hover{border-color:#f0b831;background:#fff3ba;transform:translateY(-2px)}.parent-shell .settings-links button>.p-icon{color:#f17918}
.parent-shell .provider-mark{border:3px solid #fff;background:linear-gradient(#42bef1,#147fd8);box-shadow:0 4px 0 #0960aa}.parent-shell .provider-checks label{min-height:60px;border:2px solid #c7b98e;border-radius:15px;background:#fffef8}.parent-shell .backup-icon{border:3px solid #fff;background:linear-gradient(#45c3f2,#1487e5);box-shadow:0 5px 0 #075fab}.parent-shell .backup-warning{border:2px solid #e4ad3f;border-radius:17px;background:#fff4c7;box-shadow:0 4px 0 rgba(190,123,10,.14)}.parent-shell .restore-confirm{border:2px solid #ddcfaa;border-radius:15px;background:#fffef5}.parent-shell .danger-primary:not(:disabled),.parent-shell .confirm-actions .danger-primary{color:#fff;border:2px solid #ffd5c9;background:linear-gradient(#ed6651,#d84332);box-shadow:0 5px 0 #a92d22}
.parent-shell .empty-state,.parent-shell .empty-inline{border:2px dashed #d8bd78;border-radius:22px;background:rgba(255,253,235,.9);box-shadow:inset 0 0 0 5px rgba(255,255,255,.55)}.parent-shell .empty-state strong{color:#713b12;font-weight:950}.parent-shell .empty-icon{border:2px solid #fff;color:#fff;background:linear-gradient(#51c4f1,#1689ed);box-shadow:0 4px 0 #075eb7}
.parent-shell .parent-loading{min-height:100dvh;color:#553314;background:linear-gradient(rgba(226,248,255,.86),rgba(243,251,216,.9)),url('/assets/b-landscape.webp') center/cover no-repeat}.parent-shell .parent-loading strong{padding:7px 14px;border-radius:999px;background:#fff9d8;box-shadow:0 4px 0 #e3b63e}.parent-shell .spinner{width:56px;height:56px;border:7px solid #fff;border-top-color:#ff7618;border-right-color:#ffc62e;box-shadow:0 0 0 3px #38a7e5}
.parent-shell .error-banner{top:14px;padding:14px 16px;border:3px solid #ffbe42;border-radius:18px;color:#713210;background:#fff4c1;box-shadow:0 6px 0 #d98d18,0 15px 30px rgba(73,50,18,.24);font-weight:750}.parent-shell .error-banner button{padding:4px 10px;border:1px solid #d59020;border-radius:10px;background:#fffaf0}
.parent-shell .sticky-actions{border:2px solid #eac761;border-radius:20px;background:rgba(255,253,237,.98);box-shadow:0 6px 0 #ca9632,0 17px 38px rgba(38,65,71,.26)}.parent-shell .review-row.uncertain,.parent-shell .grade-confirm-row.uncertain{border:3px solid #f0ac32;background:#fff3c9;box-shadow:0 6px 0 rgba(203,128,11,.23)}.parent-shell .decision{min-height:48px;border:2px solid #cbbd96;border-radius:15px;box-shadow:0 3px 0 rgba(111,87,44,.13)}.parent-shell .grade-confirm-row input:checked+.decision.correct{border-color:#68bf5b;color:#176c28;background:#e1f7d7;box-shadow:0 4px 0 #4a9f42}.parent-shell .grade-confirm-row input:checked+.decision.wrong{border-color:#ef9c35;color:#8c4100;background:#fff0c3;box-shadow:0 4px 0 #d27a1b}
.parent-shell .confirm-overlay{background:rgba(13,51,69,.64)}.parent-shell .confirm-dialog{border:4px solid #fff1b1;border-radius:28px;background:#fffdf2;box-shadow:0 9px 0 #dba739,0 28px 76px rgba(13,44,55,.4)}.parent-shell .confirm-icon{border:2px solid #fff;color:#fff;background:linear-gradient(#f2715d,#d84332);box-shadow:0 5px 0 #a92d22}.parent-shell .confirm-dialog h2{color:#6b2f10;font-weight:950}.parent-shell .confirm-actions .secondary-btn{border:2px solid #8fc8e5;color:#075cae;background:#eaf7ff;box-shadow:0 4px 0 #5aa5ca}
.parent-shell .confirm-icon .spinner{width:28px;height:28px;border-width:4px;box-shadow:none}
.parent-shell .confirm-dialog[aria-busy="true"] .confirm-icon{background:linear-gradient(#55c4f0,#1689ed);box-shadow:0 5px 0 #075eb7}
.parent-shell .confirm-dialog[aria-busy="true"] button:disabled,.parent-shell .confirm-dialog[aria-busy="true"] button[aria-disabled="true"]{opacity:.64;cursor:wait;box-shadow:none}
.parent-shell .parent-login{grid-template-columns:minmax(460px,55%) minmax(390px,45%);background:linear-gradient(180deg,#e8f7ff,#f7ffd9)}.parent-shell .login-art{min-height:100dvh;background:#6bc6f2}.parent-shell .login-art-image{filter:saturate(1.08) contrast(1.02);object-position:center}.parent-shell .login-art-shade{background:linear-gradient(180deg,rgba(17,93,136,.04),rgba(15,75,72,.1) 45%,rgba(22,76,48,.72) 100%)}.parent-shell .login-scenery{bottom:clamp(34px,6vh,72px);text-shadow:0 3px 0 rgba(57,53,18,.5),0 7px 18px rgba(7,45,55,.5)}.parent-shell .login-art-kicker{border:2px solid rgba(255,255,255,.72);background:rgba(24,134,66,.72);box-shadow:0 4px 0 rgba(12,78,33,.45)}.parent-shell .login-scenery strong{font-weight:950}.parent-shell .login-feature-pills span{border:2px solid rgba(255,255,255,.75);background:rgba(255,173,24,.86);box-shadow:0 3px 0 rgba(145,80,4,.5);text-shadow:0 1px 1px rgba(90,45,0,.4)}
.parent-shell .login-panel{width:min(100%,540px);margin:auto;padding:34px clamp(26px,4vw,52px)}.parent-shell .login-brand{margin-bottom:24px}.parent-shell .login-brand .brand-mark{border:3px solid #fff;color:#fff;background:linear-gradient(#ffca36,#ff7c18);box-shadow:0 5px 0 #d25508,0 10px 20px rgba(174,82,10,.2)}.parent-shell .login-panel .parent-mode{color:#0b6f31;background:#e1f7cb;border-color:#88d36c}.parent-shell .login-panel h1{color:#6f320b;font-weight:950;text-shadow:0 2px 0 #fff}.parent-shell .login-panel .form-stack{gap:12px;margin-top:20px}.parent-shell .login-panel input{min-height:54px;border:3px solid #e7c46a;background:#fffdf4;box-shadow:inset 0 3px 6px rgba(107,67,16,.08);text-align:center;font-size:24px;font-weight:900;letter-spacing:.2em}
.parent-shell .login-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.parent-shell .login-keypad button{min-height:52px;border:2px solid #ecd28e;border-radius:16px;color:#63320f;background:linear-gradient(#fffef8,#fff0c8);box-shadow:0 4px 0 #d6a942;font-size:22px;font-weight:950;transition:filter .18s ease,transform .18s ease}.parent-shell .login-keypad button:hover{filter:brightness(1.03) saturate(1.1)}.parent-shell .login-keypad .keypad-command{color:#075cae;background:linear-gradient(#f8fdff,#dcefff);border-color:#8dc9e8;box-shadow:0 4px 0 #58a3ca;font-size:14px}.parent-shell .login-panel .form-help{padding:10px 12px;border:2px solid #ead077;background:#fff4c9}.parent-shell .login-submit{min-height:55px}.parent-shell .login-assurance{border-top-color:#d9cfaf;color:#526879}
@media(max-width:820px){.parent-shell .parent-login{grid-template-columns:1fr}.parent-shell .login-art{min-height:290px}.parent-shell .login-art-image{object-position:center 49%}.parent-shell .login-scenery{bottom:20px}.parent-shell .login-panel{padding-top:27px}.parent-shell .parent-hero{padding-right:215px}.parent-shell .parent-hero-art{width:255px}}
@media(max-width:540px){.parent-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.parent-shell .parent-header{min-height:78px}.parent-shell .parent-main{padding-top:20px}.parent-shell .parent-nav{bottom:5px;width:calc(100% - 10px);border-radius:20px}.parent-shell .parent-nav button{min-height:56px}.parent-shell .parent-nav button span{font-size:10px}.parent-shell .parent-hero{min-height:205px;padding:24px 108px 24px 19px}.parent-shell .parent-hero h2{font-size:25px}.parent-shell .parent-hero-art{right:-64px;width:220px;opacity:.72}.parent-shell .parent-action-card{min-height:136px}.parent-shell .page-lead{padding:20px 18px}.parent-shell .page-lead h2{font-size:23px}.parent-shell .panel,.parent-shell .review-row,.parent-shell .word-row,.parent-shell .grade-confirm-row{border-radius:19px}.parent-shell .login-art{min-height:235px}.parent-shell .login-panel{padding:24px 20px 34px}.parent-shell .login-panel h1{font-size:29px}.parent-shell .login-keypad{gap:8px}.parent-shell .login-keypad button{min-height:50px}}

/* M5a：家长端只读日程与“今天休息”入口。 */
.parent-shell .parent-today{display:grid;gap:16px;margin-bottom:18px;padding:20px;border:2px solid #cfe4ef;border-radius:22px;background:rgba(255,254,249,.96);box-shadow:0 6px 0 rgba(46,126,167,.12),0 14px 28px rgba(35,79,92,.1)}
.parent-shell .parent-today-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.parent-shell .parent-today-heading h2{margin:3px 0 4px;color:#294c58;font-size:23px}.parent-shell .parent-today-heading p{margin:0;color:#60707c}.parent-shell .parent-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.parent-shell .parent-week-day{min-width:0;padding:10px 4px;border:2px solid #e2eae4;border-radius:14px;background:#f7faf5;text-align:center;color:#65747a}.parent-shell .parent-week-day>span{display:block;font-size:24px;line-height:1.2}.parent-shell .parent-week-day strong,.parent-shell .parent-week-day small{display:block;margin-top:4px}.parent-shell .parent-week-day strong{font-size:13px}.parent-shell .parent-week-day small{overflow:hidden;color:#728087;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.parent-shell .parent-week-day.done{border-color:#a7d89d;background:#eaf8e4;color:#27733d}.parent-shell .parent-week-day.today{border-color:#22a9df;box-shadow:0 0 0 3px rgba(34,169,223,.14);background:#e8f8ff;color:#075f87}.parent-shell .parent-rest-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 14px;border:2px solid #d7e6bd;border-radius:17px;background:#f3fbe8}.parent-shell .parent-rest-toggle>span{display:grid;gap:3px}.parent-shell .parent-rest-toggle small{color:#60707c;font-weight:500}.parent-shell .parent-rest-toggle input{flex:none;width:52px;height:30px;accent-color:#2db13c}.parent-shell .parent-rest-toggle.disabled{background:#f1f3ef;color:#69736e}.parent-shell .parent-import-reminder{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:2px solid #f2c661;border-radius:17px;background:#fff6d4}.parent-shell .parent-import-reminder strong{color:#7a4508}.parent-shell .parent-import-reminder p{margin:4px 0 0;color:#675b49;line-height:1.45}
.parent-shell .parent-talk-point{display:grid;gap:5px;padding:12px 14px;border-radius:16px;background:#f7faf5}.parent-shell .parent-talk-point p{line-height:1.45}.parent-shell .parent-talk-point b{color:#294c58}.parent-shell .buddy-message-panel{margin-top:18px}.parent-shell .buddy-message-toggle{width:100%;min-height:54px;padding:2px;border:0;background:transparent;color:#294c58;display:flex;align-items:center;justify-content:space-between;text-align:left}.parent-shell .buddy-message-toggle span{display:grid;gap:3px}.parent-shell .buddy-message-toggle strong{font-size:19px}.parent-shell .buddy-message-toggle small{color:#60707c}.parent-shell .buddy-message-toggle i{font-style:normal;color:#1769c2;font-weight:800}.parent-shell #buddy-message-form{display:grid;gap:12px;padding-top:12px;border-top:1px solid #d8e2d5}.parent-shell #buddy-message-form>p{font-size:14px}
.parent-shell .content-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.parent-shell .content-shortcuts button{min-height:66px;padding:10px 12px;border:2px solid #dbe6e0;border-radius:16px;background:#fffef9;color:#294c58;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;text-align:left}.parent-shell .content-shortcuts button:hover{border-color:#77bddd;background:#f0faff}.parent-shell .content-shortcuts span{display:grid;gap:2px}.parent-shell .content-shortcuts strong{font-size:14px}.parent-shell .content-shortcuts small{color:#60707c;font-size:11px}
@media(max-width:620px){.parent-shell .parent-today{padding:16px 12px}.parent-shell .parent-week{gap:5px}.parent-shell .parent-week-day{padding:8px 2px}.parent-shell .parent-week-day>span{font-size:21px}.parent-shell .parent-week-day strong{font-size:11px}.parent-shell .parent-week-day small{font-size:9px}.parent-shell .parent-import-reminder{align-items:flex-start;flex-direction:column}.parent-shell .parent-import-reminder button{width:100%}}
@media(max-width:620px){.parent-shell .content-shortcuts{grid-template-columns:1fr 1fr}.parent-shell .content-shortcuts button{min-height:60px}}
@media(max-width:380px){.parent-shell .parent-nav button{min-height:50px}.parent-shell .parent-nav button span{display:block;font-size:9px}.parent-shell .login-art{min-height:210px}.parent-shell .login-keypad button{min-height:48px}}
@media(hover:none){.parent-shell .parent-action-card:hover,.parent-shell .settings-links button:hover{transform:none}}

/* Parent gateway final: cream-and-gold adventure card from the approved B artwork. */
.parent-shell .parent-login{
  align-items:center;
  gap:clamp(18px,3vw,46px);
  padding:clamp(18px,3vw,38px);
  background:
    linear-gradient(90deg,rgba(116,204,251,.08),rgba(255,250,213,.82) 57%,rgba(226,249,188,.94)),
    url('/assets/b-landscape.webp') center/cover no-repeat;
}
.parent-shell .login-art{
  min-height:calc(100dvh - clamp(36px,6vw,76px));
  border:4px solid rgba(255,248,192,.9);
  border-radius:34px;
  box-shadow:0 10px 0 rgba(63,145,45,.34),0 24px 48px rgba(25,75,72,.24);
}
.parent-shell .login-art-image{border-radius:30px}
.parent-shell .login-panel{
  position:relative;
  width:min(calc(100% - 12px),540px);
  margin:auto;
  padding:34px clamp(28px,4vw,48px) 30px;
  border:4px solid #ffc52e;
  border-radius:32px;
  background:linear-gradient(155deg,#fffef7 0,#fff9df 58%,#fff1bd 100%);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.8),0 9px 0 #e49b16,0 24px 50px rgba(78,70,26,.24);
}
.parent-shell .login-panel::before,.parent-shell .login-panel::after{
  content:"";position:absolute;top:22px;width:15px;height:15px;border-radius:50%;background:#ffd33f;border:3px solid #fff;box-shadow:0 2px 0 #dc9b19
}
.parent-shell .login-panel::before{left:22px}.parent-shell .login-panel::after{right:22px}
.parent-shell .login-brand{justify-content:center;margin-bottom:20px}
.parent-shell .login-brand .brand-mark{background:linear-gradient(#ffd74b,#ff861c);box-shadow:0 5px 0 #d85a08,0 10px 20px rgba(174,82,10,.2)}
.parent-shell .login-brand strong{color:#6f320b;font-weight:950}.parent-shell .login-brand small{color:#7c674f}
.parent-shell .login-panel>.parent-mode{display:table;margin:0 auto 7px;padding:5px 13px;color:#fff;background:linear-gradient(#ffad2d,#f36b12);border:2px solid #fff0a7;box-shadow:0 4px 0 #c94f08;text-shadow:0 1px 1px rgba(117,48,0,.4)}
.parent-shell .login-panel h1{text-align:center;color:#e85c0b;font-size:36px;text-shadow:0 2px 0 #fff,0 4px 0 rgba(226,143,21,.18)}
.parent-shell .login-panel>p{text-align:center;color:#635a4e;font-weight:650}
.parent-shell .login-panel .form-stack label{color:#6b3a16}
.parent-shell .login-panel input{border-color:#f2bd34;background:#fffef5;box-shadow:inset 0 3px 7px rgba(140,90,18,.09),0 3px 0 rgba(213,154,25,.22)}
.parent-shell .login-keypad button{border-color:#efc667;background:linear-gradient(#fffefa,#fff0c2);box-shadow:inset 0 2px 0 #fff,0 5px 0 #d59e2a}
.parent-shell .login-keypad .keypad-command{color:#0b64ad;background:linear-gradient(#f9feff,#d9f1ff);border-color:#83c7e8;box-shadow:inset 0 2px 0 #fff,0 5px 0 #4fa4d1}
.parent-shell .login-submit{
  border-color:#dfffb6;
  background:linear-gradient(180deg,#78dc3e,#38b927 64%,#27a41c);
  box-shadow:0 6px 0 #17831a,0 11px 22px rgba(37,139,31,.25);
  font-size:18px
}
.parent-shell .login-submit:hover{background:linear-gradient(180deg,#8be84c,#42c331 64%,#2eac22)}
.parent-shell .login-back{color:#0873c9;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.parent-shell .login-assurance{border-top:2px dashed #e8c978;color:#536a58}

@media(max-width:900px){
  .parent-shell .parent-login{display:block;padding:0 0 34px;background:linear-gradient(180deg,rgba(101,196,248,.04),rgba(210,246,155,.83) 36%,rgba(246,255,211,.96)),url('/assets/b-landscape.webp') center top/auto 100% no-repeat}
  .parent-shell .login-art{min-height:300px;border:0;border-radius:0;box-shadow:none}
  .parent-shell .login-art-image{border-radius:0;object-position:center 48%}
  .parent-shell .login-panel{z-index:4;width:min(calc(100% - 28px),560px);margin:-34px auto 0;padding:31px 24px 29px;border-radius:29px}
  .parent-shell .login-brand{margin-bottom:18px}
}
@media(max-width:540px){
  .parent-shell .parent-login{padding-bottom:24px;background:linear-gradient(180deg,rgba(101,196,248,.03),rgba(207,244,151,.82) 30%,rgba(247,255,216,.97)),url('/assets/b-landscape.webp') 42% top/auto 100% no-repeat}
  .parent-shell .login-art{min-height:250px}
  .parent-shell .login-scenery{left:18px;right:18px;bottom:48px}
  .parent-shell .login-scenery strong{font-size:25px}
  .parent-shell .login-panel{width:calc(100% - 22px);margin:-43px auto 0;padding:29px 18px 26px;border-width:3px;border-radius:27px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.82),0 7px 0 #e49b16,0 19px 38px rgba(78,70,26,.22)}
  .parent-shell .login-panel::before,.parent-shell .login-panel::after{top:18px;width:12px;height:12px}
  .parent-shell .login-panel h1{font-size:30px}
  .parent-shell .login-panel>p{font-size:15px}
  .parent-shell .login-keypad button{min-height:52px}
}
@media(max-width:380px){
  .parent-shell .login-art{min-height:226px}
  .parent-shell .login-panel{width:calc(100% - 16px);padding-inline:14px}
  .parent-shell .login-brand{justify-content:flex-start;padding-left:9px}
}