.cn-space{display:grid;gap:16px}.cn-space .page-heading{margin-bottom:0}.cn-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border,#dde5db);background:#f1f5ee;border-radius:14px}.cn-modes a{padding:11px 6px;text-align:center;border-radius:10px;text-decoration:none;color:var(--muted,#687a68);font-size:13px;font-weight:700}.cn-modes [aria-current]{background:#fff;color:var(--ink,#173f3b);box-shadow:0 2px 8px #183f3910}.cn-disabled,.cn-welcome{padding:25px 20px!important}.cn-disabled h2,.cn-welcome h2{margin:12px 0 8px;font-size:23px;line-height:1.2}.cn-disabled p,.cn-welcome p{line-height:1.6}.cn-symbol{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:16px;background:#e6ede1;margin-bottom:15px}.cn-symbol svg{width:26px;height:26px}.cn-status{display:inline-block;border-radius:30px;padding:6px 10px;font-size:12px;font-weight:700;color:#596a55;background:#edf1e9}.cn-status.is-ready{color:#146b62;background:#e2f1e9}.cn-disabled .btn{margin-top:10px}.cn-prepared{padding:20px!important}.cn-prepared h2{font-size:18px;margin-top:0}.cn-prepared ul{padding-left:20px;margin:10px 0 0;line-height:1.65;font-size:14px}.cn-actions{display:flex;flex-wrap:wrap;gap:8px}.cn-actions .btn{min-height:44px}.cn-account{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#edf3e7;padding:13px;border-radius:16px}.cn-account>div{display:grid;gap:3px;flex:1;min-width:100px;overflow-wrap:anywhere}.cn-account>div span{color:var(--muted,#687a68);font-size:12px}.cn-account .btn{padding:8px;min-height:40px}.cn-class-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;max-width:100%;min-width:0}.cn-class-list button{flex:0 0 auto;max-width:240px;border:1px solid #dfe6d9;border-radius:12px;padding:10px 13px;background:#fff;color:var(--ink,#173f3b);font-size:13px;font-weight:700;overflow-wrap:anywhere}.cn-class-list button.is-selected{background:#166f66;border-color:#166f66;color:#fff}.cn-class-banner{border-radius:18px;background:#e9efdf;padding:20px;overflow-wrap:anywhere}.cn-class-banner h2{margin:0 0 5px;font-size:22px}.cn-class-banner p{margin:0;font-size:13px;color:var(--muted,#687a68)}.cn-code{display:grid;gap:4px;margin-top:15px;padding:12px;background:#ffffffa3;border:1px solid #d9e4cf;border-radius:12px}.cn-code span{font-size:12px;color:var(--muted,#687a68)}.cn-code strong{font-size:20px;letter-spacing:1.5px;overflow-wrap:anywhere}.cn-tabs{display:flex;gap:5px;background:#f0f3ec;border-radius:13px;padding:4px}.cn-tabs button{flex:1;padding:11px 5px;border:0;background:transparent;color:var(--muted,#687a68);font-size:13px;font-weight:700;border-radius:10px}.cn-tabs .is-selected{background:#fff;color:var(--ink,#173f3b);box-shadow:0 2px 6px #173f3810}.cn-panel{padding:18px!important;overflow-wrap:anywhere}.cn-panel h2{font-size:18px;margin:0}.cn-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.cn-panel-head .btn{padding:9px 11px;min-height:42px}.cn-task{padding:15px 0;border-top:1px solid #e6e9e1}.cn-task:first-of-type{border-top:0;padding-top:5px}.cn-task-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cn-task h3{font-size:16px;line-height:1.35;margin:0 0 9px}.cn-task-head>span{font-size:12px;white-space:nowrap;color:var(--muted,#687a68)}.cn-task p{font-size:14px;line-height:1.6;margin:7px 0 12px;overflow-wrap:anywhere}.cn-submissions{display:grid;gap:8px;margin:12px 0}.cn-submission{background:#f5f7f0;padding:13px;border-radius:12px}.cn-submission>strong{font-size:13px}.cn-feedback{background:#eaf2e4;padding:11px;border-radius:10px;margin-top:10px}.cn-feedback strong{font-size:12px}.cn-feedback p{margin-bottom:0}.cn-person{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e6e9e1;padding:12px 0;font-size:14px}.cn-person>span{overflow-wrap:anywhere;min-width:0}.cn-person .btn{flex:0 0 auto;padding:8px 10px;min-height:42px}.cn-panel>.cn-person:last-of-type{border:0}.cn-panel>h2:not(:first-child){margin-top:24px}.cn-empty{padding:20px;color:var(--muted,#687a68);line-height:1.6}.cn-empty h2{color:var(--ink,#173f3b);font-size:19px}.cn-caption{font-size:12px!important;line-height:1.65!important;color:var(--muted,#687a68);margin:8px 0}.cn-error,.cn-form-error{color:#a6402c;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.cn-form-error:empty{display:none}.cn-form{display:grid;gap:15px}.cn-form-intro{margin:0;font-size:14px;color:var(--muted,#687a68)}.cn-field{display:grid;gap:7px;font-size:14px;font-weight:600;min-width:0}.cn-field input,.cn-field textarea,.cn-field select{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #dce4d5;background:#fff;border-radius:11px;padding:12px;color:var(--ink,#173f3b);font:inherit;font-size:16px;min-height:46px}.cn-field textarea{resize:vertical;line-height:1.5}.cn-field input:focus,.cn-field textarea:focus,.cn-field select:focus{outline:2px solid #76b5a8;outline-offset:2px}.cn-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:var(--ink,#173f3b)}.cn-check input{width:20px;height:20px;flex:0 0 auto;margin:1px 0 0;accent-color:#166f66}.cn-submit{min-height:48px;justify-content:center}.cn-submit:disabled{opacity:.6;cursor:wait}.cn-level-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cn-level-choices button{padding:11px 7px;min-height:44px;border:1px solid #dce4d5;border-radius:11px;background:#fff;font-size:13px;color:var(--ink,#173f3b)}.cn-level-choices button.is-selected{background:#e5f0dc;border-color:#6e9c71;font-weight:700}.cn-invite{text-align:center;padding:20px;margin:15px 0}.cn-account-tools{font-size:13px;padding:14px;border:1px solid #dfe5da;border-radius:12px}.cn-account-tools summary{cursor:pointer;font-weight:600}.cn-account-tools .btn{margin-top:10px}.cn-space button:focus-visible,.cn-modes a:focus-visible{outline:2px solid #166f66;outline-offset:3px}@media(max-width:380px){.cn-modes a{font-size:12px}.cn-account .btn{font-size:12px}.cn-task-head{display:block}.cn-task-head>span{display:block;margin-bottom:7px}.cn-person{gap:5px}.cn-person .btn{font-size:12px;padding:8px}.cn-class-banner{padding:17px}.cn-disabled,.cn-welcome{padding:21px 17px!important}}