:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617}.app-container{height:calc(100dvh - var(--cfu-app-offset, 0px));width:100%;overflow:hidden}.sidebar-panel{width:100%;height:100%;overflow:hidden;border-right:1px solid var(--slate-300)}.sidebar-panel.border-end{border-right-color:var(--slate-300)!important}.sidebar-header{flex-shrink:0;border-bottom:1px solid var(--slate-300)}.sidebar-middle{flex-grow:1;overflow-y:auto;min-height:0}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--slate-300)}@media(min-width:992px){.sidebar-panel{width:320px;flex-shrink:0}}.preview-area{flex:1;height:100%;overflow:auto;padding:2rem}.worksheet-page{width:816px;height:1056px;padding:3rem;box-sizing:border-box}.character-block{width:100%;position:relative;break-inside:avoid}.char-list-item{transition:background-color .15s ease}.char-list-item:hover{background-color:#f8f9fa}.pinyin-badge{font-size:.75rem;padding:.125rem .5rem}.btn-print{transition:transform .1s ease,background-color .15s ease}.btn-print:active{transform:scale(.95)}.btn-delete{color:#f87171;transition:color .15s ease}.btn-delete:hover{color:#dc2626}.form-control:focus{box-shadow:0 0 0 .2rem #0d6efd40}.pinyin-text{font-size:8px;font-weight:400;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;text-align:center;max-width:100%}.radical-display{font-size:36px;color:#000}.radical-label{font-size:8px;font-weight:400;color:#000}.preview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.svg-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.content-overlay{position:absolute;inset:0}.stroke-order-container{display:flex;flex-wrap:wrap;gap:.25rem;align-items:flex-start;align-content:flex-start}.rice-grid{position:relative;overflow:hidden}.rice-grid-guides{position:absolute;inset:0;pointer-events:none;z-index:0}.rice-grid-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.pointer-events-none{pointer-events:none}.break-inside-avoid{break-inside:avoid}.flex-shrink-0{flex-shrink:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.inset-0{inset:0}.overflow-visible{overflow:visible!important}.z-50,.mobile-tab-nav{z-index:1050}.mobile-tab-nav .nav-link{border-radius:0!important;color:#6c757d;font-weight:500;font-size:.9rem;transition:background-color .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.mobile-tab-nav .nav-link:hover{background-color:#f8f9fa}.mobile-tab-nav .nav-link.active{background-color:#212529;color:#fff}@media(max-width:991.98px){.app-container{padding-bottom:56px}.sidebar-panel{width:100%;height:calc(100% - 56px)}.preview-area{width:100%;height:calc(100% - 56px);padding:2.5rem 1rem 1rem;padding-bottom:80px;align-items:flex-start;overflow-x:hidden}.preview-area>.position-relative{width:100%;max-width:100%}.worksheet-pages-container{transform-origin:top left}}@media(max-width:480px){.worksheet-pages-container{transform:scale(.42);width:816px;margin-right:-473.28px;margin-bottom:-60%}}@media(min-width:481px)and (max-width:640px){.worksheet-pages-container{transform:scale(.55);width:816px;margin-right:-367.2px;margin-bottom:-45%}}@media(min-width:641px)and (max-width:768px){.worksheet-pages-container{transform:scale(.7);width:816px;margin-right:-244.8px;margin-bottom:-30%}}@media(min-width:769px)and (max-width:991.98px){.worksheet-pages-container{transform:scale(.85);width:816px;margin-right:-122.4px;margin-bottom:-15%}}@media(min-width:992px){.sidebar-panel.d-none{display:block!important}.preview-area.d-none{display:flex!important}}@media print{@page{size:8.5in 11in;margin:0}*,*:before,*:after{box-shadow:none!important;text-shadow:none!important}html{height:auto!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important}body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body>*:not(#page){display:none!important;height:0!important;overflow:hidden!important}#page~*{display:none!important;height:0!important}#page,body{break-after:avoid!important;page-break-after:avoid!important}#root~*{display:none!important;height:0!important}.preview-area.d-none,.preview-area.d-none.d-lg-flex,.app-container .d-none{display:block!important}.app-container .no-print,.app-container .no-print.d-none{display:none!important}.bg-light,.bg-secondary,.bg-primary,.bg-dark,.preview-area.bg-secondary,.preview-area.bg-secondary.bg-opacity-25,.app-container.bg-light,[class*=bg-]{background:#fff!important;background-color:#fff!important;--bs-bg-opacity: 0 !important}[class*=bg-opacity-]{--bs-bg-opacity: 0 !important}.no-print,.sidebar-panel,.preview-label,#wpadminbar,html.wp-toolbar,#masthead,.site-header,.cfu-footer,footer,#cfu-announcement,.skip-link,.mobile-tab-nav{display:none!important;visibility:hidden!important}html{margin-top:0!important}#page,#page.site,.site,.site-main,main,#primary{display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#fff!important;padding:0!important;margin:0!important;flex:none!important}.app-container,.preview-area{display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#fff!important;padding:0!important;margin:0!important;flex:none!important}.preview-area>.position-relative{position:static!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important}.worksheet-pages-container{display:block!important;gap:0!important;width:auto!important;margin:0!important;padding:0!important;transform:none!important;transform-origin:top left!important;break-after:avoid!important;page-break-after:avoid!important}@media(max-width:480px){.worksheet-pages-container{transform:none!important;margin-bottom:0!important;margin-right:0!important;width:auto!important}}@media(min-width:481px)and (max-width:640px){.worksheet-pages-container{transform:none!important;margin-bottom:0!important;margin-right:0!important;width:auto!important}}@media(min-width:641px)and (max-width:768px){.worksheet-pages-container{transform:none!important;margin-bottom:0!important;margin-right:0!important;width:auto!important}}@media(min-width:769px)and (max-width:991.98px){.worksheet-pages-container{transform:none!important;margin-bottom:0!important;margin-right:0!important;width:auto!important}}@media(max-width:991.98px){.preview-area{padding:0!important}.app-container{padding-bottom:0!important}}.worksheet-pages-container>.print-page-break:last-child{break-after:avoid!important;page-break-after:avoid!important;margin-bottom:0!important}.worksheet-pages-container:after,.preview-area:after,.app-container:after,#page:after,body:after{display:none!important;content:none!important;height:0!important}.worksheet-page{width:8.5in!important;height:11in!important;min-height:11in!important;max-height:11in!important;margin:0!important;padding:1cm!important;box-sizing:border-box!important;background:#fff!important;box-shadow:none!important;border:none!important;overflow:hidden!important;page-break-inside:avoid!important;display:flex!important;flex-direction:column!important}.print-page-break{break-after:avoid!important;page-break-after:avoid!important}.print-page-break:not(:first-child){break-before:page!important;page-break-before:always!important}.print-page-break:first-child{break-before:auto!important;page-break-before:auto!important}.worksheet-page>div:first-child{margin-bottom:.5rem!important}.worksheet-page h1{font-size:.875rem!important;margin-bottom:0!important}.character-block{break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:1rem!important}svg{overflow:visible!important}.svg-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.content-overlay{position:absolute!important;inset:0!important}.font-sans{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif!important}.pinyin-text{font-size:8px!important;font-weight:400!important}.radical-display{font-size:36px!important;color:#000!important}.radical-label{font-size:8px!important;font-weight:400!important;color:#000!important}.text-dark,.text-body{color:#000!important}.text-muted{color:#6c757d!important}.text-primary{color:#0d6efd!important}.bg-white{background-color:#fff!important}.stroke-order-container{display:flex!important;flex-wrap:wrap!important;gap:.25rem!important;align-items:flex-start!important;align-content:flex-start!important}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.gap-4{gap:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.p-2{padding:.5rem!important}.pt-4{padding-top:1.5rem!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.inset-0{inset:0!important}.w-100{width:100%!important}.h-100{height:100%!important}}