@charset "UTF-8";:root{--color-paper-cream: #f0ebe1;--color-paper-white: #ffffff;--color-paper-inset: #faf7f2;--color-paper-parchment: #e8e2d5;--color-ink: #142a2a;--color-ink-secondary: #243c3c;--color-ink-muted: #4d6060;--color-ink-subtle: #7a8c8c;--color-accent-teal: #93c1c1;--color-accent-terracotta: #b85424;--color-accent-lavender: #d5ccf2;--color-accent-gold: #fedf61;--color-accent-pink: #fca5a5;--color-success: #15803d;--color-success-subtle: #f0fdf4;--color-warning: #b45309;--color-warning-subtle: #fef3c7;--color-danger: #dc2626;--color-danger-subtle: #fee2e2;--font-serif: "Noticia Text", "Playfair Display", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: var(--font-sans);--border-ink-thick: 2px solid var(--color-ink);--border-ink-thin: 1.5px solid var(--color-ink);--border-subtle: 1px solid #d8d0c2;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-tactile-sm: 2px 2px 0px var(--color-ink);--shadow-tactile-md: 4px 4px 0px var(--color-ink);--shadow-tactile-lg: 6px 6px 0px var(--color-ink);--shadow-tactile-primary: 3px 3px 0px var(--color-accent-terracotta);--shadow-tactile-teal: 3px 3px 0px var(--color-accent-teal);--shadow-tactile-gold: 3px 3px 0px var(--color-accent-gold)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.btn-tactile{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:700;padding:8px 16px;border-radius:var(--radius-sm);border:var(--border-ink-thick);cursor:pointer;text-decoration:none;line-height:1.2;transition:transform .12s ease,box-shadow .12s ease}.btn-tactile:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-tactile.btn-primary{background-color:var(--color-ink);color:var(--color-paper-cream);box-shadow:var(--shadow-tactile-primary)}.btn-tactile.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:4px 4px 0 var(--color-accent-terracotta)}.btn-tactile.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 0 var(--color-accent-terracotta)}.btn-tactile.btn-secondary{background-color:var(--color-paper-white);color:var(--color-ink);box-shadow:var(--shadow-tactile-sm)}.btn-tactile.btn-secondary:hover:not(:disabled){background-color:var(--color-paper-inset);transform:translateY(-2px);box-shadow:3px 3px 0 var(--color-ink)}.btn-tactile.btn-secondary:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 0 var(--color-ink)}.btn-tactile.btn-teal{background-color:var(--color-accent-teal);color:var(--color-ink);box-shadow:var(--shadow-tactile-sm)}.btn-tactile.btn-teal:hover:not(:disabled){background-color:#82b5b5;transform:translateY(-2px);box-shadow:3px 3px 0 var(--color-ink)}.btn-tactile.btn-danger{background-color:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger);box-shadow:2px 2px 0 var(--color-danger)}.btn-tactile.btn-danger:hover:not(:disabled){background-color:#fca5a5;color:#7f1d1d;transform:translateY(-2px)}.btn-tactile.btn-sm{padding:6px 12px;font-size:12px}.badge-sticker{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border:var(--border-ink-thin);line-height:1}.badge-sticker.badge-admin{background:var(--color-accent-lavender);color:var(--color-ink)}.badge-sticker.badge-student{background:var(--color-paper-white);color:var(--color-ink)}.badge-sticker.badge-beginner{background:var(--color-accent-teal);color:var(--color-ink)}.badge-sticker.badge-intermediate{background:var(--color-accent-gold);color:var(--color-ink)}.badge-sticker.badge-advanced{background:var(--color-accent-pink);color:var(--color-ink)}.card-tactile{background:var(--color-paper-white);border:var(--border-ink-thick);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-tactile-md)}.input-tactile{display:block;width:100%;height:42px;padding:8px 14px;font-family:var(--font-sans);font-size:13.5px;color:var(--color-ink);background-color:var(--color-paper-white);border:var(--border-ink-thick);border-radius:var(--radius-sm);outline:none;transition:all .15s ease-in-out}.input-tactile:focus{border-color:var(--color-ink);box-shadow:3px 3px 0 var(--color-accent-terracotta)}.input-tactile::placeholder{color:var(--color-ink-subtle)}:root{--color-paper: #f8f9f5;--color-paper-2: #ffffff;--color-paper-3: #f0f3eb;--color-paper-inset: #f3f6ed;--color-rule: #dce3d4;--color-rule-strong: #bcc8b0;--color-paper-cream: #f0ebe1;--color-paper-teal: #93c1c1;--color-ink-slate: #142a2a;--color-accent-teal: #5cacac;--color-accent-teal-dark: #378f8f;--color-accent-lavender: #e6e1f4;--color-accent-gold: #fedf61;--color-ink: #1c2018;--color-ink-2: #434d3a;--color-muted: #4e5b47;--color-neutral: #526052;--color-accent: #3e6322;--color-accent-hover: #32501b;--color-accent-subtle: #ebf2e3;--color-accent-ink: #ffffff;--color-herb: #3e6322;--color-focus: #142a2a;--color-gleam: #b45309;--color-radiate: #b85424;--color-pink: #be123c;--color-pink-subtle: #fff1f2;--color-success: #15803d;--color-success-subtle: #f0fdf4;--bg-main: var(--color-paper);--bg-secondary: var(--color-paper-2);--bg-tertiary: var(--color-paper-3);--surface-card: var(--color-paper-2);--surface-card-hover: var(--color-paper-3);--surface-elevated: #ffffff;--surface-active: var(--color-paper-3);--border-subtle: var(--color-rule);--border-muted: var(--color-rule);--border-highlight: var(--color-accent);--border-active: var(--color-accent);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-2);--text-muted: var(--color-muted);--text-dim: var(--color-neutral);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: var(--font-display);--font-serif: "Noticia Text", Georgia, "Times New Roman", serif;--font-mono: var(--font-sans);--font-editorial: var(--font-serif);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--page-max: 1400px;--measure: 60ch;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(28, 32, 24, .04), 0 1px 2px rgba(28, 32, 24, .02);--shadow-md: 0 4px 14px rgba(28, 32, 24, .06), 0 1px 3px rgba(28, 32, 24, .03);--shadow-lg: 0 12px 32px rgba(28, 32, 24, .08), 0 2px 6px rgba(28, 32, 24, .03);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-base: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip;width:100%;max-width:100vw;background-color:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.editorial-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-rule-strong);padding:3px 9px;border-radius:var(--radius-xs);letter-spacing:.04em;text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:#142a2a;line-height:1.25;letter-spacing:-.02em;font-style:normal;overflow-wrap:anywhere;min-width:0}.font-serif,.editorial-text,.reading-passage{font-family:var(--font-serif)}a{color:#142a2a;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:#c25e2e}.container{max-width:var(--page-max);margin:0 auto;padding:0 24px;width:100%}@media(max-width:768px){.container{padding:0 16px}}.card{background:var(--surface-card);border:2px solid #142a2a;border-radius:20px;padding:24px;box-shadow:4px 4px #142a2a;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.card:hover{box-shadow:6px 6px #142a2a}@media(max-width:768px){.card{padding:18px 16px;border-radius:16px}}.text-justify{text-align:justify;text-justify:inter-word}.sticker-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:4px 10px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;border:1.5px solid #142a2a;background:#f0ebe1;color:#142a2a;letter-spacing:.02em}.sticker-badge-green{background:#93c1c1;color:#142a2a}.sticker-badge-pink{background:#f8c0b8;color:#142a2a}.sticker-badge-gold{background:#fedf61;color:#142a2a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px 22px;border-radius:12px;font-family:var(--font-display);font-size:14px;font-weight:700;cursor:pointer;border:2px solid #142a2a;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;min-height:42px;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:focus-visible{outline:2px solid #142a2a;outline-offset:2px}.btn:active{transform:translateY(2px);box-shadow:1px 1px #142a2a!important}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important}.btn-primary{background-color:#b85424;color:#fff;box-shadow:3px 3px #142a2a}.btn-primary:hover{background-color:#aa4e22;color:#fff;transform:translateY(-2px);box-shadow:5px 5px #142a2a}.btn-secondary{background-color:#fff;color:#142a2a;box-shadow:3px 3px #142a2a}.btn-secondary:hover{background-color:#f0ebe1;color:#142a2a;transform:translateY(-2px);box-shadow:5px 5px #142a2a}.btn-outline{background:#93c1c1;color:#142a2a;box-shadow:3px 3px #142a2a}.btn-outline:hover{background:#7bb0b0;color:#142a2a;transform:translateY(-2px);box-shadow:5px 5px #142a2a}.btn-sm{padding:6px 14px;font-size:12.5px;min-height:34px;border-radius:9px}.input-control{width:100%;background:#fff;border:2px solid #142a2a;color:#142a2a;padding:11px 16px;border-radius:12px;font-family:var(--font-body);font-size:14.5px;outline:none;transition:box-shadow var(--dur-fast) var(--ease-out)}.input-control:focus-visible,.input-control:focus{box-shadow:3px 3px #142a2a}.input-control::placeholder{color:#6d7962}textarea.input-control{resize:none;overflow-y:hidden;box-sizing:border-box;min-height:88px;line-height:1.55;transition:height .1s ease-out}.modal-overlay{position:fixed;inset:0;background:#142a2a99;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-content{background:#fff;border:2px solid #142a2a;border-radius:24px;padding:32px;width:100%;max-width:580px;box-shadow:8px 8px #142a2a;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1.5px solid #142a2a;padding-bottom:14px}.modal-title{font-size:22px;font-family:var(--font-serif);font-weight:700;color:#142a2a;letter-spacing:-.02em}.close-btn{background:#f0ebe1;border:1.5px solid #142a2a;border-radius:8px;font-size:18px;color:#142a2a;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:background-color var(--dur-fast) var(--ease-out)}.close-btn:hover{background:#e2dbce}.pagination-group{display:inline-flex;align-items:stretch;border:2px solid #142a2a;border-radius:12px;overflow:hidden;background:#fff;box-shadow:3px 3px #142a2a}.pagination-btn{font-family:var(--font-body);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#142a2a;cursor:pointer;padding:8px 14px;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pagination-btn:hover:not([disabled]):not(.active){background-color:#f0ebe1!important;color:#c25e2e!important}.pagination-btn.active{background-color:#142a2a!important;color:#fff!important}.pagination-btn:disabled{opacity:.4;cursor:not-allowed!important}.pagination-ellipsis-btn{color:var(--color-muted)}.pagination-ellipsis-btn .ellipsis-icon{display:none}.pagination-ellipsis-btn .ellipsis-dots{display:inline;font-size:13px;font-weight:700;letter-spacing:1px}.pagination-ellipsis-btn:hover .ellipsis-dots{display:none}.pagination-ellipsis-btn:hover .ellipsis-icon{display:inline-block;color:var(--color-accent)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.workspace-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}@media(max-width:992px){.workspace-grid{grid-template-columns:1fr;gap:20px}}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media(max-width:992px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.workspace-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.badge-tag{font-family:var(--font-body);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:5px}.badge-tag-accent,.badge-tag-herb,.badge-tag-cyan{background:#6a80421f;color:#435924;border:1px solid rgba(106,128,66,.3)}.badge-tag-radiate,.badge-tag-pink{background:#ed7a131f;color:#b45309;border:1px solid rgba(237,122,19,.35)}.badge-tag-gleam,.badge-tag-honey,.badge-tag-peach{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.35)}.badge-tag-pearl,.badge-tag-cream{background:#f0f4e8;color:var(--color-ink);border:1px solid var(--color-rule)}.badge-tag-emerald,.badge-tag-forest{background:#6a80421f;color:#3a4e1e;border:1px solid rgba(106,128,66,.3)}.badge-tag-neutral{background:var(--color-paper-3);color:var(--color-ink-2);border:1px solid var(--color-rule)}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.mascot-floating{animation:mascot-bob 4s ease-in-out infinite;display:inline-block}.mascot-bubble{position:relative;background:#fff;border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--color-ink);box-shadow:0 4px 14px #191a1414;display:inline-flex;align-items:center;gap:8px}.mascot-bubble:after{content:"";position:absolute;bottom:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-rule)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.no-copy,[appPreventCopy],[appNoCopy],app-diff-viewer,app-evaluation-feedback .eval-field-header,app-evaluation-feedback .eval-suggestions-list,app-evaluation-feedback .eval-summary-banner,.target-solution-box{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}