@layer theme, base, components, utilities;@layer theme{.nz,.nz{--spacing:0.25rem;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-tajawal);--font-sans:var(--font-tajawal);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:22px}}@layer base{.nz *,.nz ::after,.nz ::before,.nz ::backdrop,.nz ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}.nz,.nz{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.nz hr{height:0;color:inherit;border-top-width:1px}.nz abbr:where([title]){text-decoration:underline dotted}.nz h1,.nz h2,.nz h3,.nz h4,.nz h5,.nz h6{font-size:inherit;font-weight:inherit}.nz a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.nz b,.nz strong{font-weight:bolder}.nz code,.nz kbd,.nz samp,.nz pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}.nz small{font-size:80%}.nz sub,.nz sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.nz sub{bottom:-.25em}.nz sup{top:-.5em}.nz table{text-indent:0;border-color:inherit;border-collapse:collapse}.nz progress{vertical-align:baseline}.nz summary{display:list-item}.nz ol,.nz ul,.nz menu{list-style:none}.nz img,.nz svg,.nz video,.nz canvas,.nz audio,.nz iframe,.nz embed,.nz object{display:block;vertical-align:middle}.nz img,.nz video{max-width:100%;height:auto}.nz button,.nz input,.nz select,.nz optgroup,.nz textarea,.nz ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}.nz ::file-selector-button{margin-inline-end:4px}.nz ::placeholder{opacity:1;color:color-mix(in oklab,currentcolor 50%,transparent)}.nz textarea{resize:vertical}.nz ::-webkit-search-decoration{-webkit-appearance:none}.nz :-moz-ui-invalid{box-shadow:none}.nz button,.nz input:where([type=button],[type=reset],[type=submit]),.nz ::file-selector-button{appearance:button}.nz ::-webkit-inner-spin-button,.nz ::-webkit-outer-spin-button{height:auto}.nz [hidden]:where(:not([hidden=until-found])){display:none!important}.nz *,.nz ::before,.nz ::after,.nz ::backdrop{--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-border-style:solid;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}.nz ::before,.nz ::after{--tw-content:''}.nz *{ border-color:var(--border);outline-color:color-mix(in oklab, var(--primary) 50%, transparent); }.nz{ scroll-behavior:smooth; scroll-padding-top:30px; }.nz{ background-color:var(--background);color:var(--foreground); font-family:var(--font-tajawal),sans-serif; }.nz button:not(:disabled),.nz [role="button"]:not(:disabled),.nz summary{ cursor:pointer; }.nz a,.nz button,.nz input{ -webkit-tap-highlight-color:transparent; }.nz a:focus-visible,.nz button:focus-visible,.nz summary:focus-visible{ outline:2px solid var(--primary); outline-offset:5px; }.nz h1,.nz h2,.nz h3,.nz h4{ font-weight:700; }.nz button,.nz a,.nz input{ transition:background-color .2s,color .2s,box-shadow .2s,transform .2s; }.nz ::selection{ background:var(--secondary); color:var(--primary); }}.nz{ color-scheme: light; --background:#faf9f6; --foreground:#292636; --card:#ffffff; --primary:#7655ce; --secondary:#f0eafa; --muted:#f3f1ee; --muted-foreground:#6e6a78; --border:#e9e6e1; --radius:12px; --lavender:#f0edf9; --green-bg:#e9f4ef; --green:#447765; --peach-bg:#fcf0e9; --peach:#a15c3d; --gold-bg:#fbf2da; --gold:#89651f; }.n-dark .nz{ color-scheme:dark; --background:#191720; --foreground:#f3effb; --card:#24212d; --primary:#b099ed; --secondary:#352c48; --muted:#2b2733; --muted-foreground:#b0a9bd; --border:#3a3445; --lavender:#2d263b; --green-bg:#263b33; --green:#9bd1b7; --peach-bg:#413027; --peach:#e9b394; --gold-bg:#3e3625; --gold:#dfc580; }.nz [data-slot="button"]{ min-height:40px; padding-inline:18px; gap:9px; font-weight:700; }.nz [data-slot="button"][class*="size-"]{ padding:0; }.nz [data-slot="input"]{ min-height:46px; }.nz [data-slot="dialog-content"]{ padding:30px; border-radius:20px; }.nz [data-slot="dialog-title"]{ font-size:22px; font-weight:700; line-height:1.6; }.nz [data-slot="dialog-description"]{ line-height:1.8; }.nz [data-slot="dialog-close"]{ right:auto; left:10px; }.nz [data-slot="switch"]{ direction:ltr; }.nz [data-slot="field-description"]{ text-align:start; }.nz .n-container-wide{ width:min(1160px,calc(100% - 96px)); margin-inline:auto; }.nz .n-landing{ position:relative; overflow:hidden; }.nz .n-ambient-grid{ position:absolute; inset:90px 0 auto; height:600px; pointer-events:none; background-image:radial-gradient(var(--border) .85px,transparent .85px); background-size:24px 24px; mask-image:linear-gradient(transparent,black 25%,black 70%,transparent); opacity:.65; }.nz .n-landing-header{ height:106px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; z-index:5; border-bottom:1px solid var(--border); }.nz .n-brand{ display:inline-flex; align-items:center; gap:11px; flex-shrink:0; }.nz .n-brand-icon{ width:43px; height:43px; display:grid; place-items:center; background:var(--primary); color:white; border-radius:13px; box-shadow:0 4px 9px #7655ce15; transform:rotate(-5deg); }.nz .n-brand-icon svg{ width:25px; height:25px; transform:rotate(5deg); }.nz .n-brand-name{ font-size:30px; line-height:1.1; font-weight:800; letter-spacing:-1px; }.nz .n-brand-dot{ color:var(--primary); }.nz .n-brand-name small{ display:block; font-size:10px; font-weight:400; color:var(--muted-foreground); letter-spacing:0; margin-top:6px; }.nz .n-landing-nav{ display:flex; align-items:center; gap:30px; font-size:14px; font-weight:500; }.nz .n-landing-nav a:hover{ color:var(--primary); }.nz .n-nav-new{ font-size:10px; color:var(--primary); background:var(--secondary); padding:3px 6px 2px; border-radius:5px; margin-right:3px; }.nz .n-header-actions{ display:flex; align-items:center; gap:13px; }.nz .n-login-link{ min-height:40px; padding:0 16px; gap:15px; background:var(--card); border-radius:8px; }.nz .n-mobile-menu{ display:none; }.nz .n-hero{ display:grid; grid-template-columns:1.03fr 1fr; align-items:center; min-height:566px; gap:24px; position:relative; padding-block:55px 48px; }.nz .n-hero-copy{ padding-bottom:6px; }.nz .n-eyebrow{ display:flex; align-items:center; gap:10px; color:var(--primary); font-size:13px; font-weight:500; margin-bottom:24px; }.nz .n-little-star{ display:grid; place-items:center; width:26px; height:26px; background:var(--secondary); border-radius:8px; }.nz .n-eyebrow-line{ display:block; width:33px; height:1px; background:var(--primary); opacity:.4; margin-right:4px; }.nz .n-hero h1{ font-size:clamp(44px,4.4vw,65px); line-height:1.26; font-weight:800; letter-spacing:-1.9px; }.nz .n-hero-accent{ color:var(--primary); position:relative; display:inline-block; }.nz .n-hero-accent:after{ content:""; position:absolute; left:10px; right:2px; bottom:0; height:7px; border-bottom:2px solid #c1ace7; border-radius:50%; transform:rotate(-2deg); }.nz .n-title-dot{ color:var(--gold); }.nz .n-hero-description{ font-size:17px; line-height:1.95; color:var(--muted-foreground); margin-top:22px; }.nz .n-hero-actions{ display:flex; align-items:center; gap:25px; margin-top:27px; }.nz .n-primary-cta{ min-height:49px; padding-inline:23px; gap:19px; font-size:15px; border-radius:9px; box-shadow:0 5px 12px #7655ce18; }.nz .n-explore-link{ display:flex; gap:9px; align-items:center; font-size:13px; font-weight:500; }.nz .n-explore-play{ display:grid; place-items:center; width:29px; height:29px; border:1px solid var(--border); border-radius:50%; color:var(--primary); background:var(--card); }.nz .n-hero-reassurance{ display:flex; align-items:center; gap:10px; font-size:10px; color:var(--muted-foreground); margin-top:22px; }.nz .n-hero-reassurance span{ display:flex; align-items:center; gap:4px; }.nz .n-hero-reassurance svg{ color:var(--green); }.nz .n-small-dot{ width:3px; height:3px; border-radius:50%; background:var(--border); }.nz .n-hero-visual{ position:relative; height:430px; display:flex; align-items:center; justify-content:center; }.nz .n-hero-art{ width:94%; aspect-ratio:1.16; border-radius:48% 48% 43% 47%; overflow:hidden; position:relative; background:var(--lavender); }.nz .n-hero-art img{ width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; }.n-dark .nz .n-hero-art img{ mix-blend-mode:normal; }.nz .n-hero-orbit{ position:absolute; border:1px solid #b7a4db45; width:99%; height:88%; border-radius:50%; transform:rotate(-21deg); }.nz .n-orbit-two{ width:104%; height:73%; transform:rotate(30deg); border-style:dashed; opacity:.5; }.nz .n-floating-note{ position:absolute; border:1px solid var(--border); background:var(--card); box-shadow:0 10px 30px #34205007; border-radius:13px; animation:n-float 7s ease-in-out infinite; }.nz .n-achievement-note{ top:39px; left:-2px; display:flex; align-items:center; gap:10px; padding:14px 17px; transform:rotate(-4deg); }.nz .n-float-icon{ display:grid; place-items:center; width:41px; height:41px; border-radius:12px; flex-shrink:0; }.nz .n-gold{ background:var(--gold-bg); color:var(--gold); }.nz .n-purple{ background:var(--secondary); color:var(--primary); }.nz .n-green{ background:var(--green-bg); color:var(--green); }.nz .n-peach{ background:var(--peach-bg); color:var(--peach); }.nz .n-floating-note strong{ display:block; font-size:13px; font-weight:700; }.nz .n-floating-note div>span:not([class]){ display:block; font-size:10px; margin-top:4px; color:var(--muted-foreground); }.nz .n-note-spark{ color:var(--gold); margin-right:8px; align-self:flex-start; }.nz .n-progress-note{ bottom:13px; right:2px; width:258px; padding:16px 17px 12px; animation-delay:-3s; }.nz .n-progress-note-head{ display:flex; align-items:center; gap:10px; }.nz .n-progress-percent{ font-size:16px; font-weight:700; color:var(--primary); margin-right:auto; }.nz .n-mini-progress{ height:5px; border-radius:4px; background:var(--secondary); margin:15px 0 10px; overflow:hidden; }.nz .n-mini-progress span{ display:block; width:70%; height:100%; background:var(--primary); border-radius:4px; }.nz .n-progress-note-footer{ display:flex; gap:6px; align-items:center; font-size:9px; color:var(--muted-foreground); }.nz .n-progress-note-footer svg{ color:var(--green); }.nz .n-handwritten-note{ display:flex; align-items:center; gap:8px; position:absolute; bottom:-17px; left:12px; font-size:13px; color:var(--muted-foreground); transform:rotate(-7deg); }.nz .n-handwritten-note svg{ color:var(--primary); }.nz .n-visual-spark{ position:absolute; color:var(--gold); font-size:28px; font-weight:400; }.nz .n-spark-one{ right:12px; top:28px; }.nz .n-spark-two{ bottom:39px; left:11px; font-size:20px; color:var(--primary); }.nz .n-promise-strip{ display:flex; align-items:center; justify-content:center; gap:45px; min-height:70px; border-block:1px solid var(--border); }.nz .n-promise-strip span{ display:flex; align-items:center; gap:10px; font-size:12px; color:var(--muted-foreground); }.nz .n-promise-strip svg{ width:18px; height:18px; stroke-width:1.5; }.nz .n-promise-strip i{ height:17px; width:1px; background:var(--border); }.nz .n-features-section{ padding-top:54px; padding-bottom:60px; scroll-margin-top:30px; }.nz .n-section-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:28px; }.nz .n-overline{ font-size:11px; color:var(--primary); font-weight:500; display:block; margin-bottom:10px; }.nz .n-section-heading h2{ font-size:30px; font-weight:700; letter-spacing:-.6px; }.nz .n-section-heading>p{ font-size:12px; color:var(--muted-foreground); padding-bottom:7px; }.nz .n-feature-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.nz .n-feature-card{ padding:25px 22px 20px; border:1px solid var(--border); border-radius:14px; background:var(--card); display:flex; flex-direction:column; align-items:flex-start; }.nz .n-feature-card:hover{ border-color:#b8a0e2; box-shadow:0 12px 26px #7655ce09; transform:translateY(-4px); }.nz .n-feature-icon{ width:49px; height:49px; display:grid; place-items:center; border-radius:12px; margin-bottom:21px; }.nz .n-feature-card h3{ font-size:17px; margin-bottom:10px; letter-spacing:-.3px; }.nz .n-feature-card p{ font-size:12px; line-height:1.9; color:var(--muted-foreground); }.nz .n-feature-link{ display:flex; align-items:center; justify-content:space-between; width:100%; color:var(--primary); font-size:11px; font-weight:500; margin-top:23px; }.nz .n-next-step{ display:flex; gap:40px; align-items:center; border-radius:20px; padding:38px; background:var(--lavender); }.nz .n-next-step-art{ width:190px; flex-shrink:0; }.nz .n-next-step-art img{ mix-blend-mode:multiply; width:100%; }.nz .n-next-step h2{ font-size:29px; line-height:1.5; margin:16px 0 12px; }.nz .n-next-step p{ font-size:13px; color:var(--muted-foreground); margin-bottom:18px; }.nz .n-step-list{ display:flex; flex-direction:column; gap:25px; margin-right:auto; font-size:13px; }.nz .n-step-list span{ display:flex; align-items:center; gap:12px; }.nz .n-step-list b{ display:grid; place-items:center; background:var(--card); color:var(--primary); width:31px; height:31px; border-radius:50%; }.nz .n-faq-section{ display:grid; grid-template-columns:1fr 1.5fr; gap:60px; padding-block:75px; }.nz .n-faq-section h2{ font-size:29px; }.nz .n-faq-list details{ border-bottom:1px solid var(--border); padding:16px 0; }.nz .n-faq-list summary{ display:flex; justify-content:space-between; align-items:center; list-style:none; font-weight:500; font-size:14px; }.nz .n-faq-list details[open] summary svg{ transform:rotate(-90deg); }.nz .n-faq-list p{ font-size:13px; line-height:1.9; color:var(--muted-foreground); padding-top:15px; }.nz .n-landing-footer{ min-height:105px; border-top:1px solid var(--border); display:flex; align-items:center; gap:24px; }.nz .n-landing-footer .n-brand-icon{ width:33px; height:33px; border-radius:9px; }.nz .n-landing-footer .n-brand-name{ font-size:25px; }.nz .n-landing-footer .n-brand-icon svg{ width:20px; }.nz .n-landing-footer p{ color:var(--muted-foreground); font-size:12px; }.nz .n-landing-footer nav{ display:flex; gap:25px; font-size:11px; margin-right:auto; color:var(--muted-foreground); }@keyframes n-float{ 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }.nz .n-ambient-grid{ animation: n-background-drift 24s ease-in-out infinite; }@keyframes n-background-drift{ 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(8px,12px,0); } }.nz .n-app-shell{ min-height:100vh; }.nz .n-app-sidebar{ position:fixed; inset:0 0 0 auto; width:238px; background:var(--card); border-left:1px solid var(--border); display:flex; flex-direction:column; padding:30px 20px 20px; z-index:20; }.nz .n-app-sidebar .n-brand{ margin:0 7px 38px; }.nz .n-sidebar-caption{ font-size:10px; color:var(--muted-foreground); padding:0 13px; margin:14px 0 10px; }.nz .n-sidebar-nav{ display:flex; flex-direction:column; gap:5px; }.nz .n-sidebar-nav a{ display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:9px; font-size:13px; color:var(--muted-foreground); font-weight:500; }.nz .n-sidebar-nav a:hover{ background:var(--muted); color:var(--foreground); }.nz .n-sidebar-nav a.n-active{ color:var(--primary); background:var(--secondary); font-weight:700; }.nz .n-sidebar-nav svg{ width:19px; height:19px; stroke-width:1.7; }.nz .n-sidebar-nav .n-nav-new{ margin-right:auto; }.nz .n-sidebar-bottom{ margin-top:auto; padding-top:24px; }.nz .n-sidebar-quote{ padding:19px 14px; background:var(--lavender); border-radius:12px; text-align:center; font-size:12px; line-height:1.8; color:var(--primary); margin-bottom:16px; }.nz .n-sidebar-quote svg{ margin:0 auto 8px; }.nz .n-app-body{ margin-right:238px; }.nz .n-app-topbar{ height:82px; padding:0 38px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); background:var(--card); gap:20px; }.nz .n-breadcrumb{ display:flex; align-items:center; gap:10px; color:var(--muted-foreground); font-size:12px; }.nz .n-breadcrumb strong{ font-weight:500; color:var(--foreground); }.nz .n-topbar-actions{ display:flex; align-items:center; gap:13px; }.nz .n-topbar-actions>a:not(.n-user-avatar){ color:var(--primary); font-size:12px; }.nz .n-user-avatar{ width:35px; height:35px; border-radius:50%; background:var(--secondary); color:var(--primary); display:grid; place-items:center; font-size:14px; font-weight:700; }.nz .n-preview-banner{ display:flex; align-items:center; gap:8px; padding:9px 38px; background:var(--lavender); color:var(--primary); font-size:11px; }.nz .n-app-main{ max-width:1300px; margin:auto; padding:36px 38px 70px; }.nz .n-page-heading{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }.nz .n-page-heading h1{ font-size:30px; letter-spacing:-.7px; }.nz .n-page-heading p{ font-size:13px; color:var(--muted-foreground); margin-top:7px; line-height:1.8; }.nz .n-surface{ padding:25px; background:var(--card); border:1px solid var(--border); border-radius:16px; }.nz .n-surface-heading{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }.nz .n-surface-heading h2{ font-size:18px; }.nz .n-surface-heading a{ font-size:12px; color:var(--primary); display:flex; align-items:center; gap:6px; }.nz .n-dashboard-welcome{ display:flex; align-items:center; justify-content:space-between; background:var(--lavender); border-radius:18px; overflow:hidden; min-height:205px; padding:28px 32px; margin-bottom:24px; }.nz .n-dashboard-welcome h2{ font-size:27px; margin:10px 0; }.nz .n-dashboard-welcome p{ font-size:13px; color:var(--muted-foreground); margin-bottom:20px; }.nz .n-dashboard-welcome img{ width:235px; height:175px; object-fit:cover; mix-blend-mode:multiply; border-radius:50%; }.nz .n-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:25px; }.nz .n-stat-card{ display:flex; align-items:center; gap:14px; padding:20px; }.nz .n-stat-card strong{ font-size:27px; display:block; font-weight:700; line-height:1.2; }.nz .n-stat-card p{ font-size:11px; color:var(--muted-foreground); margin-top:7px; }.nz .n-two-column{ display:grid; grid-template-columns:1.4fr 1fr; gap:24px; }.nz .n-subject-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.nz .n-subject-card{ padding:23px; border-radius:15px; border:1px solid var(--border); background:var(--card); display:flex; flex-direction:column; align-items:flex-start; transition:transform .2s,border-color .2s; }.nz .n-subject-card:hover{ transform:translateY(-3px); border-color:var(--primary); }.nz .n-subject-card h3{ font-size:18px; margin:15px 0 7px; }.nz .n-subject-card p{ color:var(--muted-foreground); font-size:12px; line-height:1.8; }.nz .n-subject-card .n-feature-icon{ margin:0; }.nz .n-subject-card .n-subject-bottom{ display:flex; width:100%; justify-content:space-between; align-items:center; font-size:11px; margin-top:22px; color:var(--primary); }.nz .n-study-row{ display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid var(--border); }.nz .n-study-row:last-child{ border-bottom:0; }.nz .n-study-row h3{ font-size:14px; }.nz .n-study-row p{ font-size:11px; color:var(--muted-foreground); margin-top:5px; }.nz .n-study-row>svg:last-child{ margin-right:auto; color:var(--muted-foreground); }.nz .n-study-row .n-row-end{ margin-right:auto; font-size:11px; color:var(--primary); }.nz .n-goal-row{ display:flex; align-items:center; gap:10px; padding:14px 0; font-size:13px; }.nz .n-goal-row input{ width:17px; height:17px; accent-color:var(--primary); }.nz .n-goal-row small{ margin-right:auto; color:var(--muted-foreground); }.nz .n-goal-row:has(input:checked) span{ text-decoration:line-through; color:var(--muted-foreground); }.nz .n-soft-callout{ padding:18px; background:var(--secondary); color:var(--primary); font-size:12px; line-height:1.9; border-radius:12px; margin-top:18px; }.nz .n-filter-bar{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:25px; flex-wrap:wrap; }.nz .n-search-field{ position:relative; min-width:240px; }.nz .n-search-field svg{ position:absolute; top:14px; right:13px; color:var(--muted-foreground); pointer-events:none; }.nz .n-search-field input{ padding-right:39px; background:var(--card); }.nz .n-filter-bar [data-slot="tabs-list"]{ height:43px; padding:4px; }.nz .n-filter-bar [data-slot="tabs-trigger"]{ padding:5px 17px; font-size:12px; }.nz .n-book-cover{ display:flex; flex-direction:column; justify-content:space-between; width:100%; min-height:180px; padding:22px; border-radius:10px; position:relative; overflow:hidden; }.nz .n-book-cover:after{ content:''; position:absolute; top:0; bottom:0; right:10px; border-right:1px solid currentColor; opacity:.15; }.nz .n-book-cover .n-cover-top{ font-size:10px; font-weight:500; display:flex; justify-content:space-between; }.nz .n-book-cover>svg{ width:50px; height:50px; stroke-width:1; align-self:center; opacity:.75; }.nz .n-book-cover h3{ font-size:26px; margin:8px 0 0; }.nz .n-book-cover small{ font-size:10px; opacity:.8; }.nz .n-library-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.nz .n-library-card{ padding:15px; }.nz .n-library-card>h3{ margin:18px 3px 5px; font-size:17px; }.nz .n-library-card>p{ font-size:12px; color:var(--muted-foreground); margin:0 3px; }.nz .n-library-card-footer{ display:flex; justify-content:space-between; align-items:center; padding:16px 3px 3px; font-size:11px; }.nz .n-library-card-footer a{ color:var(--primary); display:flex; gap:7px; align-items:center; }.nz .n-detail-layout{ display:grid; grid-template-columns:280px 1fr; gap:30px; }.nz .n-detail-cover .n-book-cover{ min-height:330px; }.nz .n-detail-cover .n-book-cover>svg{ width:85px; height:85px; }.nz .n-detail-cover .n-book-cover h3{ font-size:34px; }.nz .n-detail-cover>a{ width:100%; margin-top:20px; }.nz .n-detail-content h2{ font-size:25px; margin:16px 0; }.nz .n-detail-content>p{ font-size:14px; line-height:2; color:var(--muted-foreground); }.nz .n-chapter-list{ margin-top:30px; }.nz .n-chapter-list a{ display:flex; align-items:center; padding:19px 0; border-bottom:1px solid var(--border); gap:15px; font-size:14px; }.nz .n-chapter-number{ width:32px; height:32px; border-radius:9px; background:var(--secondary); color:var(--primary); display:grid; place-items:center; }.nz .n-chapter-list small{ color:var(--muted-foreground); font-size:11px; margin-right:auto; }.nz .n-reader-toolbar{ display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom:25px; }.nz .n-reader-paper{ max-width:720px; min-height:570px; margin:auto; padding:60px; background:var(--card); border:1px solid var(--border); border-radius:6px; box-shadow:0 8px 30px #00000004; line-height:2.2; }.nz .n-reader-paper h2{ font-size:1.65em; margin:15px 0 25px; }.nz .n-reader-paper h3{ margin:25px 0 12px; }.nz .n-reader-paper p{ color:var(--muted-foreground); }.nz .n-reader-paper .n-formula{ text-align:center; background:var(--secondary); color:var(--primary); padding:18px; border-radius:10px; margin:25px 0; }.nz .n-reader-pagination{ display:flex; justify-content:center; align-items:center; gap:25px; margin-top:25px; font-size:13px; }.nz .n-video-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:21px; }.nz .n-video-card{ padding:0; overflow:hidden; }.nz .n-video-thumb{ height:165px; display:flex; flex-direction:column; justify-content:space-between; padding:20px; position:relative; }.nz .n-video-thumb>svg{ position:absolute; left:20px; bottom:25px; width:70px; height:70px; stroke-width:1; opacity:.3; }.nz .n-video-thumb strong{ max-width:75%; font-size:23px; line-height:1.45; }.nz .n-video-thumb small{ font-size:10px; }.nz .n-video-play{ width:36px; height:36px; border-radius:50%; background:var(--card); color:var(--primary); display:grid; place-items:center; }.nz .n-video-info{ padding:20px; }.nz .n-video-info h3{ font-size:16px; margin:13px 0 8px; }.nz .n-video-info p{ color:var(--muted-foreground); font-size:12px; line-height:1.8; }.nz .n-video-info-footer{ display:flex; justify-content:space-between; align-items:center; margin-top:18px; color:var(--primary); font-size:11px; }.nz .n-award-banner{ text-align:center; padding:35px; margin-bottom:25px; background:var(--lavender); border-radius:18px; }.nz .n-award-banner>svg{ margin:0 auto 15px; color:var(--primary); width:48px; height:48px; stroke-width:1.4; }.nz .n-award-banner h2{ font-size:24px; }.nz .n-award-banner p{ color:var(--muted-foreground); font-size:13px; line-height:1.8; margin-top:8px; }.nz .n-award-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.nz .n-award-card{ text-align:center; }.nz .n-award-medal{ width:83px; height:83px; display:grid; place-items:center; border-radius:28px; margin:6px auto 22px; border:6px solid var(--background); outline:1px solid var(--border); transform:rotate(-6deg); }.nz .n-award-medal svg{ width:38px; height:38px; stroke-width:1.5; transform:rotate(6deg); }.nz .n-award-card h3{ font-size:18px; }.nz .n-award-card p{ font-size:12px; color:var(--muted-foreground); margin:10px 0 20px; line-height:1.8; }.nz .n-award-card small{ font-size:11px; color:var(--primary); }.nz .n-settings-layout{ display:grid; grid-template-columns:1fr 1fr; gap:23px; align-items:start; }.nz .n-settings-section{ margin-bottom:23px; }.nz .n-settings-section h2{ font-size:18px; margin-bottom:8px; display:flex; align-items:center; gap:10px; }.nz .n-settings-row{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:21px 0; border-bottom:1px solid var(--border); }.nz .n-settings-row:last-child{ border-bottom:0; padding-bottom:3px; }.nz .n-settings-row h3{ font-size:14px; font-weight:500; }.nz .n-settings-row p{ color:var(--muted-foreground); font-size:11px; margin-top:6px; line-height:1.8; }.nz .n-settings-row>svg{ color:var(--muted-foreground); }.nz .n-settings-row>span{ color:var(--muted-foreground); font-size:12px; }.nz .n-policy-document{ max-width:820px; margin:auto; }.nz .n-policy-document h2{ font-size:19px; margin:30px 0 12px; }.nz .n-policy-document p,.nz .n-policy-document li{ font-size:14px; color:var(--muted-foreground); line-height:2.1; }.nz .n-policy-document ul{ list-style:disc; padding-right:20px; }.nz .n-policy-document a{ color:var(--primary); text-decoration:underline; text-underline-offset:4px; }.nz .n-legal-notice{ background:var(--gold-bg); color:var(--gold); padding:18px; border-radius:12px; font-size:12px; line-height:1.9; margin-bottom:25px; }.nz .n-focus-panel{ max-width:610px; margin:30px auto; padding:38px; text-align:center; }.nz .n-focus-panel h2{ font-size:23px; }.nz .n-focus-panel p{ font-size:13px; color:var(--muted-foreground); margin:12px 0; }.nz .n-timer-circle{ width:245px; height:245px; border:6px solid var(--secondary); border-top-color:var(--primary); border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin:33px auto; }.nz .n-timer-circle strong{ font-size:62px; line-height:1; font-weight:500; font-variant-numeric:tabular-nums; direction:ltr; }.nz .n-timer-circle span{ font-size:12px; color:var(--muted-foreground); margin-top:14px; }.nz .n-focus-buttons{ display:flex; justify-content:center; gap:12px; }.nz .n-quiz-panel{ max-width:760px; margin:0 auto; }.nz .n-quiz-panel h2{ font-size:23px; line-height:1.8; margin:25px 0; }.nz .n-quiz-option{ display:flex; align-items:center; gap:13px; padding:18px; border:1px solid var(--border); border-radius:11px; margin-bottom:12px; font-size:14px; cursor:pointer; }.nz .n-quiz-option:has(input:checked){ background:var(--secondary); border-color:var(--primary); color:var(--primary); }.nz .n-quiz-option input{ accent-color:var(--primary); width:17px; height:17px; }.nz .n-quiz-meta{ display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted-foreground); }.nz .n-quiz-footer{ display:flex; justify-content:space-between; align-items:center; margin-top:28px; gap:16px; }.nz .n-auth-page{ min-height:100vh; display:grid; grid-template-columns:1fr 1fr; }.nz .n-auth-form-side{ display:flex; flex-direction:column; padding:38px 60px; }.nz .n-auth-back{ display:flex; justify-content:space-between; align-items:center; }.nz .n-auth-back>a:last-child{ font-size:12px; color:var(--muted-foreground); }.nz .n-auth-form{ max-width:365px; width:100%; margin:auto; padding:45px 0; }.nz .n-auth-form h1{ font-size:34px; margin:22px 0 10px; }.nz .n-auth-form>p{ font-size:13px; color:var(--muted-foreground); line-height:1.9; margin-bottom:27px; }.nz .n-auth-form form{ display:flex; flex-direction:column; gap:24px; }.nz .n-auth-form .n-auth-footer{ margin-top:25px; text-align:center; font-size:13px; }.nz .n-auth-art-side{ background:var(--lavender); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:60px; text-align:center; }.nz .n-auth-art-side img{ max-width:420px; width:100%; mix-blend-mode:multiply; }.nz .n-auth-art-side h2{ font-size:37px; line-height:1.5; margin-top:25px; }.nz .n-auth-art-side p{ font-size:15px; color:var(--muted-foreground); line-height:1.9; margin-top:18px; }.nz .n-auth-fineprint{ font-size:11px; text-align:center; color:var(--muted-foreground); line-height:2; }.nz .n-auth-fineprint a{ color:var(--primary); }.nz .n-profile-avatar{ width:90px; height:90px; display:grid; place-items:center; border:5px solid var(--card); box-shadow:0 0 0 1px var(--border); border-radius:50%; background:var(--secondary); color:var(--primary); margin:0 auto 20px; }.nz .n-profile-card{ text-align:center; }.nz .n-profile-card h2{ font-size:24px; }.nz .n-profile-card p{ font-size:13px; color:var(--muted-foreground); margin:10px 0 20px; }@media (min-width:1450px){.nz .n-hero{ min-height:625px; }.nz .n-hero-visual{ height:465px; }.nz .n-hero h1{ font-size:70px; } }@media (max-width:1100px){.nz .n-container-wide{ width:calc(100% - 64px); }.nz .n-landing-nav{ gap:19px; font-size:12px; }.nz .n-hero-actions{ gap:15px; }.nz .n-hero h1{ font-size:54px; }.nz .n-hero-visual{ height:385px; }.nz .n-achievement-note{ left:-6px; padding:11px; }.nz .n-promise-strip{ gap:27px; }.nz .n-feature-card{ padding:20px 17px; }.nz .n-feature-card h3{ font-size:15px; }.nz .n-next-step{ gap:25px; }.nz .n-next-step-art{ width:145px; }.nz .n-next-step h2{ font-size:25px; }.nz .n-app-sidebar{ width:210px; padding-inline:14px; }.nz .n-app-body{ margin-right:210px; }.nz .n-app-main{ padding:30px 25px; }.nz .n-app-topbar{ padding-inline:25px; }.nz .n-stats-grid{ gap:12px; }.nz .n-stat-card{ padding:16px 12px; gap:9px; }.nz .n-stat-card strong{ font-size:23px; }.nz .n-video-grid,.nz .n-library-grid{ grid-template-columns:repeat(2,1fr); }.nz .n-two-column{ grid-template-columns:1fr; }.nz .n-settings-layout{ grid-template-columns:1fr; }.nz .n-subject-grid{ grid-template-columns:repeat(2,1fr); } }@media (max-width:800px){.nz .n-landing-nav{ display:none; }.nz .n-landing-nav.n-is-open{ display:flex; flex-direction:column; align-items:stretch; position:absolute; top:85px; left:0; right:0; padding:24px; background:var(--card); border:1px solid var(--border); border-radius:14px; box-shadow:0 15px 30px #00000008; }.nz .n-mobile-menu{ display:inline-flex; }.nz .n-hero{ gap:15px; padding-block:42px; min-height:510px; }.nz .n-hero h1{ font-size:44px; }.nz .n-hero-description{ font-size:14px; }.nz .n-hero-actions{ flex-wrap:wrap; gap:18px; }.nz .n-hero-reassurance{ font-size:9px; gap:6px; }.nz .n-hero-visual{ height:345px; }.nz .n-achievement-note{ top:10px; left:-10px; }.nz .n-floating-note strong{ font-size:11px; }.nz .n-floating-note div>span:not([class]){ font-size:9px; }.nz .n-progress-note{ width:220px; right:0; bottom:12px; padding:12px; }.nz .n-note-spark{ display:none; }.nz .n-handwritten-note{ font-size:11px; bottom:-25px; }.nz .n-promise-strip{ gap:18px; }.nz .n-promise-strip span{ font-size:10px; gap:6px; }.nz .n-promise-strip svg{ width:15px; }.nz .n-feature-grid{ grid-template-columns:repeat(2,1fr); }.nz .n-section-heading{ align-items:flex-start; flex-direction:column; gap:11px; }.nz .n-section-heading h2{ font-size:28px; }.nz .n-next-step-art{ display:none; }.nz .n-next-step{ padding:30px; }.nz .n-next-step h2{ font-size:25px; }.nz .n-faq-section{ gap:30px; }.nz .n-app-sidebar{ display:none; }.nz .n-app-sidebar.n-sidebar-open{ display:flex; width:245px; box-shadow:-20px 0 70px #00000020; }.nz .n-sidebar-dismiss{ display:block; position:fixed; inset:0; background:#00000030; z-index:19; }.nz .n-app-body{ margin:0; }.nz .n-app-topbar{ height:72px; }.nz .n-app-topbar .n-mobile-menu{ display:inline-flex; }.nz .n-auth-form-side{ padding:30px; }.nz .n-auth-art-side{ padding:30px; }.nz .n-auth-art-side h2{ font-size:28px; }.nz .n-detail-layout{ grid-template-columns:220px 1fr; gap:20px; } }@media (max-width:580px){.nz .n-container-wide{ width:calc(100% - 40px); }.nz .n-landing-header{ height:86px; gap:10px; }.nz .n-brand-icon{ width:37px; height:37px; border-radius:11px; }.nz .n-brand-name{ font-size:26px; }.nz .n-brand-name small{ font-size:8px; }.nz .n-header-actions{ gap:4px; }.nz .n-header-actions>button:first-child{ display:none; }.nz .n-login-link{ font-size:11px; padding-inline:12px; min-height:36px; gap:8px; }.nz .n-login-link svg{ width:13px; }.nz .n-hero{ display:flex; flex-direction:column; padding:37px 0 35px; gap:30px; }.nz .n-hero-copy{ width:100%; text-align:center; }.nz .n-eyebrow{ justify-content:center; font-size:11px; margin-bottom:21px; }.nz .n-hero h1{ font-size:48px; line-height:1.27; letter-spacing:-1.4px; }.nz .n-hero-description{ font-size:14px; line-height:1.9; margin-top:21px; }.nz .n-hero-actions{ justify-content:center; gap:18px; margin-top:23px; }.nz .n-primary-cta{ min-height:47px; padding-inline:17px; font-size:13px; gap:12px; }.nz .n-explore-link{ font-size:11px; gap:7px; }.nz .n-explore-play{ width:25px; height:25px; }.nz .n-hero-reassurance{ justify-content:center; margin-top:17px; font-size:9px; gap:7px; }.nz .n-hero-visual{ width:100%; max-width:370px; height:320px; margin-top:3px; }.nz .n-hero-art{ width:89%; }.nz .n-hero-orbit{ width:94%; }.nz .n-orbit-two{ width:100%; }.nz .n-achievement-note{ top:23px; left:0; padding:12px; gap:8px; }.nz .n-progress-note{ bottom:0; right:0; width:225px; }.nz .n-float-icon{ width:35px; height:35px; border-radius:10px; }.nz .n-handwritten-note{ bottom:-24px; left:9px; font-size:10px; }.nz .n-promise-strip{ flex-wrap:wrap; justify-content:space-between; gap:18px 10px; padding-block:21px; margin-top:12px; }.nz .n-promise-strip span{ width:45%; font-size:11px; }.nz .n-promise-strip i{ display:none; }.nz .n-features-section{ padding-block:35px; }.nz .n-section-heading{ margin-bottom:22px; }.nz .n-section-heading h2{ font-size:27px; }.nz .n-section-heading>p{ font-size:11px; }.nz .n-feature-grid{ gap:12px; }.nz .n-feature-card{ padding:20px 15px 17px; border-radius:12px; }.nz .n-feature-icon{ width:42px; height:42px; margin-bottom:17px; }.nz .n-feature-card h3{ font-size:15px; line-height:1.6; margin-bottom:7px; }.nz .n-feature-card p{ font-size:11px; line-height:1.9; }.nz .n-feature-link{ font-size:10px; margin-top:18px; gap:5px; }.nz .n-feature-link svg{ width:13px; }.nz .n-next-step{ padding:26px; flex-direction:column; align-items:flex-start; gap:30px; }.nz .n-next-step h2{ font-size:27px; }.nz .n-step-list{ margin:0; gap:16px; font-size:12px; }.nz .n-faq-section{ grid-template-columns:1fr; gap:15px; padding-block:42px; }.nz .n-faq-section h2{ font-size:27px; }.nz .n-faq-list summary{ font-size:13px; }.nz .n-landing-footer{ padding-block:25px; flex-wrap:wrap; gap:14px; }.nz .n-landing-footer nav{ margin:0; width:100%; justify-content:space-between; gap:12px; font-size:10px; }.nz .n-landing-footer p{ margin-right:auto; font-size:11px; }.nz .n-app-main{ padding:26px 18px 50px; }.nz .n-app-topbar{ padding-inline:18px; gap:8px; }.nz .n-breadcrumb{ font-size:10px; gap:5px; }.nz .n-topbar-actions{ gap:6px; }.nz .n-topbar-actions>a:not(.n-user-avatar){ font-size:10px; }.nz .n-preview-banner{ font-size:10px; padding:10px 18px; line-height:1.7; align-items:flex-start; }.nz .n-preview-banner svg{ flex-shrink:0; margin-top:2px; }.nz .n-page-heading{ margin-bottom:24px; gap:10px; align-items:flex-start; }.nz .n-page-heading h1{ font-size:27px; }.nz .n-page-heading p{ font-size:12px; }.nz .n-page-heading>a{ font-size:11px; }.nz .n-dashboard-welcome{ padding:24px; min-height:180px; }.nz .n-dashboard-welcome h2{ font-size:24px; }.nz .n-dashboard-welcome img{ width:110px; height:125px; object-fit:cover; margin-left:-15px; }.nz .n-dashboard-welcome p{ font-size:11px; line-height:1.8; }.nz .n-stats-grid{ grid-template-columns:repeat(2,1fr); }.nz .n-stat-card{ padding:17px 13px; }.nz .n-stat-card strong{ font-size:25px; }.nz .n-surface{ padding:20px; }.nz .n-subject-grid{ gap:13px; }.nz .n-subject-card{ padding:18px; }.nz .n-subject-card h3{ font-size:17px; }.nz .n-subject-card p{ font-size:11px; }.nz .n-library-grid,.nz .n-video-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.nz .n-library-card{ padding:10px; }.nz .n-book-cover{ min-height:150px; padding:16px; }.nz .n-book-cover .n-cover-top{ font-size:8px; }.nz .n-book-cover h3{ font-size:23px; }.nz .n-book-cover>svg{ width:38px; height:38px; }.nz .n-library-card>h3{ font-size:14px; line-height:1.7; }.nz .n-library-card>p{ font-size:10px; }.nz .n-library-card-footer{ font-size:10px; flex-wrap:wrap; gap:12px; }.nz .n-filter-bar{ gap:15px; }.nz .n-search-field{ width:100%; min-width:0; }.nz .n-filter-bar [data-slot="tabs-list"]{ width:100%; }.nz .n-filter-bar [data-slot="tabs-trigger"]{ padding-inline:10px; font-size:11px; }.nz .n-detail-layout{ grid-template-columns:1fr; }.nz .n-detail-cover{ max-width:260px; width:100%; margin:auto; }.nz .n-detail-cover .n-book-cover{ min-height:300px; }.nz .n-reader-paper{ padding:28px; min-height:480px; }.nz .n-reader-toolbar{ flex-wrap:wrap; font-size:12px; }.nz .n-reader-toolbar>div{ display:flex; gap:6px; }.nz .n-video-card{ padding:0; }.nz .n-video-thumb{ height:145px; padding:16px; }.nz .n-video-thumb strong{ font-size:19px; max-width:100%; }.nz .n-video-thumb>svg{ width:45px; height:45px; left:12px; bottom:18px; }.nz .n-video-info{ padding:15px; }.nz .n-video-info h3{ font-size:14px; line-height:1.7; }.nz .n-video-info p{ font-size:10px; }.nz .n-video-info-footer{ font-size:10px; }.nz .n-award-grid{ grid-template-columns:repeat(2,1fr); gap:13px; }.nz .n-award-card{ padding:20px 14px; }.nz .n-award-medal{ width:70px; height:70px; border-radius:24px; }.nz .n-award-card h3{ font-size:17px; }.nz .n-award-card p{ font-size:11px; }.nz .n-award-banner{ padding:26px 20px; }.nz .n-award-banner h2{ font-size:23px; }.nz .n-focus-panel{ padding:28px 15px; }.nz .n-timer-circle{ width:220px; height:220px; }.nz .n-auth-page{ display:block; }.nz .n-auth-form-side{ min-height:100vh; padding:25px; }.nz .n-auth-form{ padding:50px 0; }.nz .n-auth-art-side{ display:none; }.nz .n-auth-form h1{ font-size:32px; }.nz .n-settings-layout{ gap:0; }.nz .n-quiz-panel h2{ font-size:21px; }.nz .n-policy-document{ padding:22px; }.nz .n-policy-document p,.nz .n-policy-document li{ font-size:13px; } }@media (prefers-reduced-motion:reduce){.nz *,.nz *::before,.nz *::after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } }html[data-motion="off"] .nz *,html[data-motion="off"] .nz *::before,html[data-motion="off"] .nz *::after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
@layer utilities{.n-\!m-0{margin:calc(var(--spacing) * 0) !important}
.n-\!p-3{padding:calc(var(--spacing) * 3) !important}
.n-\!size-24{width:calc(var(--spacing) * 24) !important;height:calc(var(--spacing) * 24) !important}
.n-\!text-xs{font-size:0.75rem !important;line-height:var(--tw-leading,calc(1 / 0.75)) !important}
:is(.n-\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot="accordion-trigger-icon"]{margin-left:auto}
:is(.n-\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot="accordion-trigger-icon"]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
:is(.n-\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot="accordion-trigger-icon"]{color:var(--muted-foreground)}
@media (hover:hover){:is(.n-\*\:\[a\]\:hover\:text-foreground > *):is(a):hover{color:var(--foreground)}}
:is(.n-\*\:\[a\]\:underline > *):is(a){text-decoration-line:underline}
:is(.n-\*\:\[a\]\:underline-offset-3 > *):is(a){text-underline-offset:3px}
:is(.n-\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"]{gap:calc(var(--spacing) * 4)}
:is(.n-\*\:data-\[slot\=field\]\:p-2\.5 > *)[data-slot="field"]{padding:calc(var(--spacing) * 2.5)}
:is(.n-\*\:w-full > *){width:100%}
.n--mb-4{margin-bottom:calc(var(--spacing) * -4)}
.n--mx-4{margin-inline:calc(var(--spacing) * -4)}
.n--translate-x-1\/2{--tw-translate-x:calc(-1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}
.n--translate-y-1\/2{--tw-translate-y:calc(-1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}
.n-\@container\/field-group{container-type:inline-size;container-name:field-group}
.n-\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}
.n-\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}
.n-\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3) !important;height:calc(var(--spacing) * 3) !important}
@media (hover:hover){.n-\[\&_a\]\:hover\:text-foreground a:hover{color:var(--foreground)}}
.n-\[\&_a\]\:underline a{text-decoration-line:underline}
.n-\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}
.n-\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}
.n-\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
.n-\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
.n-\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
.n-\[\&_svg\]\:pointer-events-none svg{pointer-events:none}
.n-\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
@media (hover:hover){.n-\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, #b64747 20%, transparent)}}
@media (hover:hover){.n-\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}}
@media (hover:hover){.n-\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}
@media (hover:hover){.n-\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}
@media (hover:hover){.n-\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}
.n-absolute{position:absolute}
.n-active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.n-after\:-inset-y-2::after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}
.n-after\:absolute::after{content:var(--tw-content);position:absolute}
.n-after\:bg-foreground::after{content:var(--tw-content);background-color:var(--foreground)}
.n-after\:opacity-0::after{content:var(--tw-content);opacity:0}
.n-after\:transition-opacity::after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.n-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.n-aria-disabled\:opacity-50[aria-disabled="true"]{opacity:0.5}
.n-aria-disabled\:pointer-events-none[aria-disabled="true"]{pointer-events:none}
.n-aria-expanded\:bg-muted[aria-expanded="true"]{background-color:var(--muted)}
.n-aria-expanded\:bg-secondary[aria-expanded="true"]{background-color:var(--secondary)}
.n-aria-expanded\:text-foreground[aria-expanded="true"]{color:var(--foreground)}
.n-aria-expanded\:text-secondary-foreground[aria-expanded="true"]{color:var(--primary)}
.n-aria-invalid\:border-destructive[aria-invalid="true"]{border-color:#b64747}
.n-aria-invalid\:ring-3[aria-invalid="true"]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-aria-invalid\:ring-destructive\/20[aria-invalid="true"]{--tw-ring-color:color-mix(in oklab, #b64747 20%, transparent)}
.n-bg-background{background-color:var(--background)}
.n-bg-black\/10{background-color:color-mix(in oklab, #000 10%, transparent)}
.n-bg-border{background-color:var(--border)}
.n-bg-clip-padding{background-clip:padding-box}
.n-bg-destructive\/10{background-color:color-mix(in oklab, #b64747 10%, transparent)}
.n-bg-muted{background-color:var(--muted)}
.n-bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}
.n-bg-popover{background-color:var(--card)}
.n-bg-primary{background-color:var(--primary)}
.n-bg-secondary{background-color:var(--secondary)}
.n-bg-transparent{background-color:transparent}
.n-block{display:block}
.n-border{border-style:var(--tw-border-style);border-width:1px}
.n-border-border{border-color:var(--border)}
.n-border-input{border-color:var(--border)}
.n-border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
.n-border-transparent{border-color:transparent}
.n-dark\:aria-invalid\:border-destructive\/50:is(.n-dark *)[aria-invalid="true"]{border-color:color-mix(in oklab, #b64747 50%, transparent)}
.n-dark\:aria-invalid\:ring-destructive\/40:is(.n-dark *)[aria-invalid="true"]{--tw-ring-color:color-mix(in oklab, #b64747 40%, transparent)}
.n-dark\:bg-destructive\/20:is(.n-dark *){background-color:color-mix(in oklab, #b64747 20%, transparent)}
.n-dark\:bg-input\/30:is(.n-dark *){background-color:color-mix(in oklab, var(--border) 30%, transparent)}
.n-dark\:border-input:is(.n-dark *){border-color:var(--border)}
.n-dark\:data-active\:bg-input\/30:is(.n-dark *)[data-active]{background-color:color-mix(in oklab, var(--border) 30%, transparent)}
.n-dark\:data-active\:border-input:is(.n-dark *)[data-active]{border-color:var(--border)}
.n-dark\:data-active\:text-foreground:is(.n-dark *)[data-active]{color:var(--foreground)}
.n-dark\:data-checked\:bg-primary-foreground:is(.n-dark *)[data-checked]{background-color:#ffffff}
.n-dark\:data-unchecked\:bg-foreground:is(.n-dark *)[data-unchecked]{background-color:var(--foreground)}
.n-dark\:data-unchecked\:bg-input\/80:is(.n-dark *)[data-unchecked]{background-color:color-mix(in oklab, var(--border) 80%, transparent)}
.n-dark\:disabled\:bg-input\/80:is(.n-dark *):disabled{background-color:color-mix(in oklab, var(--border) 80%, transparent)}
.n-dark\:focus-visible\:ring-destructive\/40:is(.n-dark *):focus-visible{--tw-ring-color:color-mix(in oklab, #b64747 40%, transparent)}
:where(.n-group\/tabs-list)[data-variant="line"] .n-dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.n-dark *)[data-active]{background-color:transparent}
:where(.n-group\/tabs-list)[data-variant="line"] .n-dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.n-dark *)[data-active]{border-color:transparent}
.n-dark\:has-data-checked\:bg-primary\/10:is(.n-dark *):has([data-checked]){background-color:color-mix(in oklab, var(--primary) 10%, transparent)}
.n-dark\:has-data-checked\:border-primary\/20:is(.n-dark *):has([data-checked]){border-color:color-mix(in oklab, var(--primary) 20%, transparent)}
@media (hover:hover){.n-dark\:hover\:bg-destructive\/30:is(.n-dark *):hover{background-color:color-mix(in oklab, #b64747 30%, transparent)}}
@media (hover:hover){.n-dark\:hover\:bg-input\/50:is(.n-dark *):hover{background-color:color-mix(in oklab, var(--border) 50%, transparent)}}
@media (hover:hover){.n-dark\:hover\:bg-muted\/50:is(.n-dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}
@media (hover:hover){.n-dark\:hover\:text-foreground:is(.n-dark *):hover{color:var(--foreground)}}
.n-dark\:text-muted-foreground:is(.n-dark *){color:var(--muted-foreground)}
.n-data-\[invalid\=true\]\:text-destructive[data-invalid="true"]{color:#b64747}
.n-data-\[size\=default\]\:h-\[18\.4px\][data-size="default"]{height:18.4px}
.n-data-\[size\=default\]\:w-\[32px\][data-size="default"]{width:32px}
.n-data-\[size\=sm\]\:h-\[14px\][data-size="sm"]{height:14px}
.n-data-\[size\=sm\]\:w-\[24px\][data-size="sm"]{width:24px}
.n-data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"]{gap:calc(var(--spacing) * 3)}
.n-data-\[variant\=line\]\:rounded-none[data-variant="line"]{border-radius:0}
.n-data-active\:bg-background[data-active]{background-color:var(--background)}
.n-data-active\:text-foreground[data-active]{color:var(--foreground)}
.n-data-checked\:bg-primary[data-checked]{background-color:var(--primary)}
.n-data-closed\:animate-accordion-up[data-closed]{animation:n-acc-up var(--tw-animation-duration,var(--tw-duration,200ms)) ease-out}
.n-data-closed\:animate-out[data-closed]{animation:n-exit var(--tw-animation-duration,var(--tw-duration,150ms)) var(--tw-ease,ease) var(--tw-animation-delay,0s) var(--tw-animation-iteration-count,1) var(--tw-animation-direction,normal) var(--tw-animation-fill-mode,none)}
.n-data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}
.n-data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}
.n-data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}
.n-data-disabled\:opacity-50[data-disabled]{opacity:0.5}
.n-data-ending-style\:h-0[data-ending-style]{height:calc(var(--spacing) * 0)}
.n-data-horizontal\:flex-col[data-horizontal]{flex-direction:column}
.n-data-horizontal\:h-px[data-horizontal]{height:1px}
.n-data-horizontal\:w-full[data-horizontal]{width:100%}
.n-data-open\:animate-accordion-down[data-open]{animation:n-acc-down var(--tw-animation-duration,var(--tw-duration,200ms)) ease-out}
.n-data-open\:animate-in[data-open]{animation:n-enter var(--tw-animation-duration,var(--tw-duration,150ms)) var(--tw-ease,ease) var(--tw-animation-delay,0s) var(--tw-animation-iteration-count,1) var(--tw-animation-direction,normal) var(--tw-animation-fill-mode,none)}
.n-data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}
.n-data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}
.n-data-starting-style\:h-0[data-starting-style]{height:calc(var(--spacing) * 0)}
.n-data-unchecked\:bg-input[data-unchecked]{background-color:var(--border)}
.n-data-vertical\:self-stretch[data-vertical]{align-self:stretch}
.n-data-vertical\:w-px[data-vertical]{width:1px}
.n-disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--border) 50%, transparent)}
.n-disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.n-disabled\:opacity-50:disabled{opacity:0.5}
.n-disabled\:pointer-events-none:disabled{pointer-events:none}
.n-duration-100{--tw-duration:100ms;transition-duration:100ms}
.n-file\:bg-transparent::file-selector-button{background-color:transparent}
.n-file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0px}
.n-file\:font-medium::file-selector-button{--tw-font-weight:500;font-weight:500}
.n-file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}
.n-file\:inline-flex::file-selector-button{display:inline-flex}
.n-file\:text-foreground::file-selector-button{color:var(--foreground)}
.n-file\:text-sm::file-selector-button{font-size:0.875rem;line-height:var(--tw-leading,calc(1.25 / 0.875))}
.n-fixed{position:fixed}
.n-flex{display:flex}
.n-flex-1{flex:1}
.n-flex-col{flex-direction:column}
.n-flex-col-reverse{flex-direction:column-reverse}
.n-flex-wrap{flex-wrap:wrap}
.n-focus-visible\:after\:border-ring:focus-visible::after{content:var(--tw-content);border-color:var(--primary)}
.n-focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, #b64747 40%, transparent)}
.n-focus-visible\:border-ring:focus-visible{border-color:var(--primary)}
.n-focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}
.n-focus-visible\:outline-ring:focus-visible{outline-color:var(--primary)}
.n-focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, #b64747 20%, transparent)}
.n-focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--primary) 50%, transparent)}
.n-font-bold{--tw-font-weight:700;font-weight:700}
.n-font-medium{--tw-font-weight:500;font-weight:500}
.n-gap-1{gap:calc(var(--spacing) * 1)}
.n-gap-1\.5{gap:calc(var(--spacing) * 1.5)}
.n-gap-2{gap:calc(var(--spacing) * 2)}
.n-gap-3{gap:calc(var(--spacing) * 3)}
.n-gap-4{gap:calc(var(--spacing) * 4)}
.n-gap-5{gap:calc(var(--spacing) * 5)}
.n-grid{display:grid}
.n-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.n-group\/accordion-trigger)[aria-expanded="true"] .n-group-aria-expanded\/accordion-trigger\:hidden{display:none}
:where(.n-group\/accordion-trigger)[aria-expanded="true"] .n-group-aria-expanded\/accordion-trigger\:inline{display:inline}
:where(.n-group\/field)[data-disabled="true"] .n-group-data-\[disabled\=true\]\/field\:opacity-50{opacity:0.5}
:where(.n-group)[data-disabled="true"] .n-group-data-\[disabled\=true\]\:opacity-50{opacity:0.5}
:where(.n-group)[data-disabled="true"] .n-group-data-\[disabled\=true\]\:pointer-events-none{pointer-events:none}
:where(.n-group\/switch)[data-size="default"] .n-group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\][data-checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}
:where(.n-group\/switch)[data-size="default"] .n-group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0[data-unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}
:where(.n-group\/switch)[data-size="default"] .n-group-data-\[size\=default\]\/switch\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
:where(.n-group\/switch)[data-size="sm"] .n-group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\][data-checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}
:where(.n-group\/switch)[data-size="sm"] .n-group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0[data-unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}
:where(.n-group\/switch)[data-size="sm"] .n-group-data-\[size\=sm\]\/switch\:size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
:where(.n-group\/tabs-list)[data-variant="default"] .n-group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm[data-active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
:where(.n-group\/tabs-list)[data-variant="line"] .n-group-data-\[variant\=line\]\/tabs-list\:bg-transparent{background-color:transparent}
:where(.n-group\/tabs-list)[data-variant="line"] .n-group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100[data-active]::after{content:var(--tw-content);opacity:1}
:where(.n-group\/tabs-list)[data-variant="line"] .n-group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent[data-active]{background-color:transparent}
:where(.n-group\/tabs-list)[data-variant="line"] .n-group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
:where(.n-group\/tabs)[data-horizontal] .n-group-data-horizontal\/tabs\:after\:bottom-\[-5px\]::after{content:var(--tw-content);bottom:-5px}
:where(.n-group\/tabs)[data-horizontal] .n-group-data-horizontal\/tabs\:after\:h-0\.5::after{content:var(--tw-content);height:calc(var(--spacing) * 0.5)}
:where(.n-group\/tabs)[data-horizontal] .n-group-data-horizontal\/tabs\:after\:inset-x-0::after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}
:where(.n-group\/tabs)[data-horizontal] .n-group-data-horizontal\/tabs\:h-8{height:calc(var(--spacing) * 8)}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:after\:-right-1::after{content:var(--tw-content);right:calc(var(--spacing) * -1)}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:after\:inset-y-0::after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:after\:w-0\.5::after{content:var(--tw-content);width:calc(var(--spacing) * 0.5)}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:flex-col{flex-direction:column}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:h-fit{height:fit-content}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:justify-start{justify-content:flex-start}
:where(.n-group\/tabs)[data-vertical] .n-group-data-vertical\/tabs\:w-full{width:100%}
:where(.n-group\/field-label):has(:focus-visible) .n-group-has-\[\:focus-visible\]\/field-label\:border-transparent{border-color:transparent}
:where(.n-group\/field-label):has(:focus-visible) .n-group-has-\[\:focus-visible\]\/field-label\:ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}
.n-h-1{height:calc(var(--spacing) * 1)}
.n-h-12{height:calc(var(--spacing) * 12)}
.n-h-5{height:calc(var(--spacing) * 5)}
.n-h-6{height:calc(var(--spacing) * 6)}
.n-h-7{height:calc(var(--spacing) * 7)}
.n-h-8{height:calc(var(--spacing) * 8)}
.n-h-9{height:calc(var(--spacing) * 9)}
.n-h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}
.n-h-full{height:100%}
.n-has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}
.n-has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}
.n-has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:border-ring:has(>[data-slot=field]):has(:focus-visible){border-color:var(--primary)}
.n-has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-3:has(>[data-slot=field]):has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-ring\/50:has(>[data-slot=field]):has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--primary) 50%, transparent)}
@media (hover:hover){.n-has-\[\>\[data-slot\=field\]\]\:not-has-\[\:disabled\,\[data-disabled\]\]\:hover\:bg-muted\/50:has(>[data-slot=field]):not(:has(:disabled,[data-disabled])):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}
.n-has-\[\>\[data-slot\=field\]\]\:rounded-lg:has(>[data-slot=field]){border-radius:12px}
.n-has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}
.n-has-data-\[icon\=inline-end\]\:pr-1:has([data-icon="inline-end"]){padding-right:calc(var(--spacing) * 1)}
.n-has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]){padding-right:calc(var(--spacing) * 1.5)}
.n-has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]){padding-right:calc(var(--spacing) * 2)}
.n-has-data-\[icon\=inline-start\]\:pl-1:has([data-icon="inline-start"]){padding-left:calc(var(--spacing) * 1)}
.n-has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]){padding-left:calc(var(--spacing) * 1.5)}
.n-has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]){padding-left:calc(var(--spacing) * 2)}
.n-has-data-checked\:bg-primary\/5:has([data-checked]){background-color:color-mix(in oklab, var(--primary) 5%, transparent)}
.n-has-data-checked\:border-primary\/30:has([data-checked]){border-color:color-mix(in oklab, var(--primary) 30%, transparent)}
.n-hidden{display:none}
@media (hover:hover){.n-hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, #b64747 20%, transparent)}}
@media (hover:hover){.n-hover\:bg-muted:hover{background-color:var(--muted)}}
@media (hover:hover){.n-hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}
@media (hover:hover){.n-hover\:text-foreground:hover{color:var(--foreground)}}
@media (hover:hover){.n-hover\:text-muted-foreground:hover{color:var(--muted-foreground)}}
@media (hover:hover){.n-hover\:underline:hover{text-decoration-line:underline}}
:where([data-slot="button-group"]) .n-in-data-\[slot\=button-group\]\:rounded-lg{border-radius:12px}
.n-inline{display:inline}
.n-inline-flex{display:inline-flex}
.n-inset-0{inset:calc(var(--spacing) * 0)}
.n-isolate{isolation:isolate}
.n-items-center{align-items:center}
.n-items-start{align-items:flex-start}
.n-justify-between{justify-content:space-between}
.n-justify-center{justify-content:center}
.n-leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}
.n-leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}
.n-leading-none{--tw-leading:1;line-height:1}
.n-leading-snug{--tw-leading:1.375;line-height:1.375}
.n-left-1{left:calc(var(--spacing) * 1)}
.n-left-1\/2{left:calc(1 / 2 * 100%)}
.n-max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}
.n-mb-3{margin-bottom:calc(var(--spacing) * 3)}
.n-mb-4{margin-bottom:calc(var(--spacing) * 4)}
.n-mb-5{margin-bottom:calc(var(--spacing) * 5)}
@media (width >= 48rem){.n-md\:text-sm{font-size:0.875rem;line-height:var(--tw-leading,calc(1.25 / 0.875))}}
.n-min-w-0{min-width:calc(var(--spacing) * 0)}
.n-ml-1{margin-left:calc(var(--spacing) * 1)}
.n-mt-1{margin-top:calc(var(--spacing) * 1)}
.n-mt-10{margin-top:calc(var(--spacing) * 10)}
.n-mt-2{margin-top:calc(var(--spacing) * 2)}
.n-mt-3{margin-top:calc(var(--spacing) * 3)}
.n-mt-4{margin-top:calc(var(--spacing) * 4)}
.n-mt-5{margin-top:calc(var(--spacing) * 5)}
.n-mt-6{margin-top:calc(var(--spacing) * 6)}
.n-mt-7{margin-top:calc(var(--spacing) * 7)}
.n-mt-8{margin-top:calc(var(--spacing) * 8)}
.n-mx-auto{margin-inline:auto}
.n-not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
.n-outline-none{--tw-outline-style:none;outline-style:none}
.n-overflow-hidden{overflow:hidden}
.n-overflow-x-hidden{overflow-x:hidden}
.n-p-4{padding:calc(var(--spacing) * 4)}
.n-p-\[3px\]{padding:3px}
.n-pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}
:where(.n-peer):disabled ~ .n-peer-disabled\:cursor-not-allowed{cursor:not-allowed}
:where(.n-peer):disabled ~ .n-peer-disabled\:opacity-50{opacity:0.5}
.n-pl-12{padding-left:calc(var(--spacing) * 12)}
.n-placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}
.n-pointer-events-none{pointer-events:none}
.n-pt-0{padding-top:calc(var(--spacing) * 0)}
.n-px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}
.n-px-2{padding-inline:calc(var(--spacing) * 2)}
.n-px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}
.n-px-3{padding-inline:calc(var(--spacing) * 3)}
.n-py-0\.5{padding-block:calc(var(--spacing) * 0.5)}
.n-py-1{padding-block:calc(var(--spacing) * 1)}
.n-py-2\.5{padding-block:calc(var(--spacing) * 2.5)}
.n-relative{position:relative}
.n-right-2{right:calc(var(--spacing) * 2)}
.n-ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.n-ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}
.n-rounded-4xl{border-radius:2rem}
.n-rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}
.n-rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}
.n-rounded-b-xl{border-bottom-left-radius:16px;border-bottom-right-radius:16px}
.n-rounded-full{border-radius:calc(infinity * 1px)}
.n-rounded-lg{border-radius:12px}
.n-rounded-md{border-radius:8px}
.n-rounded-xl{border-radius:16px}
.n-select-none{-webkit-user-select:none;user-select:none}
.n-self-start{align-self:flex-start}
.n-shrink-0{flex-shrink:0}
.n-size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}
.n-size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}
.n-size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}
@media (width >= 40rem){.n-sm\:flex-row{flex-direction:row}}
@media (width >= 40rem){.n-sm\:grid{display:grid}}
@media (width >= 40rem){.n-sm\:justify-end{justify-content:flex-end}}
@media (width >= 40rem){.n-sm\:max-w-sm{max-width:24rem}}
.n-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@supports (backdrop-filter:var(--tw)){.n-supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}
.n-text-\[0\.8rem\]{color:0.8rem}
.n-text-base{font-size:1rem;line-height:var(--tw-leading,calc(1.5 / 1))}
.n-text-center{text-align:center}
.n-text-destructive{color:#b64747}
.n-text-foreground{color:var(--foreground)}
.n-text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}
.n-text-left{text-align:left}
.n-text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}
.n-text-muted-foreground{color:var(--muted-foreground)}
.n-text-popover-foreground{color:var(--foreground)}
.n-text-primary{color:var(--primary)}
.n-text-primary-foreground{color:#ffffff}
.n-text-secondary-foreground{color:var(--primary)}
.n-text-sm{font-size:0.875rem;line-height:var(--tw-leading,calc(1.25 / 0.875))}
.n-text-start{text-align:start}
.n-text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75 / 1.25))}
.n-text-xs{font-size:0.75rem;line-height:var(--tw-leading,calc(1 / 0.75))}
.n-top-1{top:calc(var(--spacing) * 1)}
.n-top-1\/2{top:calc(1 / 2 * 100%)}
.n-top-2{top:calc(var(--spacing) * 2)}
.n-transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.n-transition-colors{transition-property:color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.n-transition-transform{transition-property:transform, translate, scale, rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
.n-underline-offset-4{text-underline-offset:4px}
.n-w-fit{width:fit-content}
.n-w-full{width:100%}
.n-whitespace-nowrap{white-space:nowrap}
.n-z-50{z-index:50}}
@keyframes n-enter{from{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes n-exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@keyframes n-acc-down{from{height:0}to{height:var(--accordion-panel-height,auto)}}@keyframes n-acc-up{from{height:var(--accordion-panel-height,auto)}to{height:0}}

.nz{--font-tajawal:'Tajawal','Noto Sans Arabic','Noto Naskh Arabic',system-ui,sans-serif}

body.d2-on{color-scheme: light; --background:#faf9f6; --foreground:#292636; --card:#ffffff; --primary:#7655ce; --secondary:#f0eafa; --muted:#f3f1ee; --muted-foreground:#6e6a78; --border:#e9e6e1; --radius:12px; --lavender:#f0edf9; --green-bg:#e9f4ef; --green:#447765; --peach-bg:#fcf0e9; --peach:#a15c3d; --gold-bg:#fbf2da; --gold:#89651f;}html.n-dark body.d2-on{color-scheme:dark; --background:#191720; --foreground:#f3effb; --card:#24212d; --primary:#b099ed; --secondary:#352c48; --muted:#2b2733; --muted-foreground:#b0a9bd; --border:#3a3445; --lavender:#2d263b; --green-bg:#263b33; --green:#9bd1b7; --peach-bg:#413027; --peach:#e9b394; --gold-bg:#3e3625; --gold:#dfc580;}body.d2-on{--bg:var(--background);--surface:var(--card);--canvas:var(--background);--ink:var(--foreground);--ink2:var(--muted-foreground);--ink3:var(--muted-foreground);--line:var(--border);--fill:var(--muted);--accent:var(--primary);--accent-press:var(--primary);--on-accent:#fff;--accent-soft:var(--secondary);--accent-ink:var(--primary);--danger:#b64747;--bar-bg:var(--card);--font:'Tajawal','Noto Sans Arabic','Noto Naskh Arabic',system-ui,sans-serif;}body.d2-on .sheet,body.d2-on .toast,body.d2-on .pill,body.d2-on .load{font-family:'Tajawal','Noto Sans Arabic','Noto Naskh Arabic',system-ui,sans-serif}

body.d2-on #home{display:none}.nz{box-sizing:border-box}.nz .nz-page{display:contents}.nz-app{position:fixed;inset:0;z-index:40;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}body.reading .nz-app{visibility:hidden;z-index:0}.nz-app>[hidden],.nz [hidden]{display:none!important}.nz.nz-layer{position:fixed;inset:0;z-index:90;pointer-events:none;background:transparent}.nz-layer>*{pointer-events:auto}.nz-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,10px);opacity:0;max-width:min(92vw,420px);padding:12px 18px;border-radius:14px;background:var(--foreground);color:var(--background);font-size:13px;line-height:1.7;box-shadow:0 10px 30px #00000026;transition:opacity .2s,transform .2s;pointer-events:none!important;text-align:center}.nz-toast.on{opacity:1;transform:translate(-50%,0)}.nz [aria-disabled="true"]{opacity:.55}.nz a[href],.nz [role="button"]{cursor:pointer}.nz .n-book-cover>img.nz-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nz .n-video-thumb>img.nz-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nz .n-video-thumb:has(>img.nz-thumb)>:not(img):not(.n-video-play){visibility:hidden}.nz .n-video-play{z-index:1}.nz .n-app-sidebar{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.nz .n-goal-row{cursor:pointer}.nz .n-dialog-list{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:55vh;overflow-y:auto}.nz [data-slot="dialog-content"]{max-height:calc(100dvh - 32px);overflow-y:auto}.nz-app{transition:opacity .26s cubic-bezier(.22,1,.36,1),visibility 0s,z-index 0s}body.reading .nz-app{opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s,z-index 0s linear .2s}html[data-motion="off"] .nz-app,html[data-motion="off"] body.reading .nz-app{transition:none}@media (prefers-reduced-motion:reduce){.nz-app,body.reading .nz-app{transition:none}}.nz :is(.n-study-row,.n-library-card,.n-subject-card,.n-video-card,.n-award-card,.n-chapter-list a,a.n-settings-row,button.n-settings-row,.n-quiz-option,.n-goal-row,.nzm-node,.nzt-tap){transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s,box-shadow .2s}.nz :is(.n-study-row,.n-library-card,.n-subject-card,.n-video-card,.n-award-card,.n-chapter-list a,a.n-settings-row,button.n-settings-row,.n-quiz-option,.n-goal-row,.nzm-node,.nzt-tap):active{transform:scale(.985)}.nz .n-mini-progress>span,.nz [data-slot="progress-indicator"]{transform-origin:100% 50%}.nz button[data-slot="button"]:not([class*="n-size-"]){padding-inline:16px}.nz button[data-slot="button"].nz-maplink,.nz .nzx-revnote button[data-slot="button"]{padding-inline:0}.nz .n-quiz-panel .n-surface-heading h2{margin:0;font-size:18px;line-height:1.5}html[data-accent="violet"] .nz,html[data-accent="violet"] body.d2-on{--primary:#7655ce;--secondary:#f0eafa;--lavender:#f0edf9;--background:#f7f5fe;--card:#ffffff;--muted:#f0eefa;--border:#e5e3f2;--foreground:#292636;--muted-foreground:#6e6a78}html.n-dark[data-accent="violet"] .nz,html.n-dark[data-accent="violet"] body.d2-on{--primary:#b099ed;--secondary:#352c48;--lavender:#2d263b;--background:#191720;--card:#24212d;--muted:#2b2733;--border:#3a3445;--foreground:#f3effb;--muted-foreground:#b0a9bd}html[data-accent="blue"] .nz,html[data-accent="blue"] body.d2-on{--primary:#2f63c4;--secondary:#e4eefe;--lavender:#e5eeff;--background:#f3f7fe;--card:#ffffff;--muted:#eaf0fb;--border:#dee6f3;--foreground:#212937;--muted-foreground:#666d7a}html.n-dark[data-accent="blue"] .nz,html.n-dark[data-accent="blue"] body.d2-on{--primary:#88a7dd;--secondary:#23324b;--lavender:#1f2a3e;--background:#131922;--card:#1c232f;--muted:#232a36;--border:#2f3847;--foreground:#ebf2fd;--muted-foreground:#a3aec0}html[data-accent="green"] .nz,html[data-accent="green"] body.d2-on{--primary:#28765a;--secondary:#e3f1ea;--lavender:#e3f2eb;--background:#f0faf5;--card:#ffffff;--muted:#eaf3ee;--border:#dde8e3;--foreground:#202c26;--muted-foreground:#65706b}html.n-dark[data-accent="green"] .nz,html.n-dark[data-accent="green"] body.d2-on{--primary:#6cc49e;--secondary:#21372d;--lavender:#1e2f27;--background:#131b17;--card:#1c2621;--muted:#222c27;--border:#2e3b35;--foreground:#ebf4ef;--muted-foreground:#a2b1aa}html[data-accent="teal"] .nz,html[data-accent="teal"] body.d2-on{--primary:#16717f;--secondary:#e1f0f3;--lavender:#e2f1f4;--background:#eff9fb;--card:#ffffff;--muted:#e9f2f4;--border:#dce8ea;--foreground:#1e2b2e;--muted-foreground:#646f71}html.n-dark[data-accent="teal"] .nz,html.n-dark[data-accent="teal"] body.d2-on{--primary:#6cbfcc;--secondary:#1e363a;--lavender:#1c2e31;--background:#121a1c;--card:#1a2527;--muted:#212c2d;--border:#2c3a3d;--foreground:#eaf4f5;--muted-foreground:#a0b0b3}html[data-accent="rose"] .nz,html[data-accent="rose"] body.d2-on{--primary:#b3395f;--secondary:#fee6eb;--lavender:#fee7eb;--background:#fff4f5;--card:#ffffff;--muted:#faecee;--border:#f2e0e3;--foreground:#352327;--muted-foreground:#79686b}html.n-dark[data-accent="rose"] .nz,html.n-dark[data-accent="rose"] body.d2-on{--primary:#ee87a9;--secondary:#472731;--lavender:#3a222a;--background:#211518;--card:#2d1e23;--muted:#342429;--border:#453137;--foreground:#fcedf1;--muted-foreground:#bea6ac}html[data-accent="orange"] .nz,html[data-accent="orange"] body.d2-on{--primary:#a94e1c;--secondary:#fde8df;--lavender:#fee9e0;--background:#fef4f0;--card:#ffffff;--muted:#faede7;--border:#f1e1da;--foreground:#35241d;--muted-foreground:#786962}html.n-dark[data-accent="orange"] .nz,html.n-dark[data-accent="orange"] body.d2-on{--primary:#e59a68;--secondary:#462a18;--lavender:#392517;--background:#201610;--card:#2d2018;--muted:#33261e;--border:#443329;--foreground:#fbefe7;--muted-foreground:#bda89c}html[data-accent="slate"] .nz,html[data-accent="slate"] body.d2-on{--primary:#475569;--secondary:#eaedf2;--lavender:#ebeef3;--background:#f5f7fa;--card:#ffffff;--muted:#eef0f3;--border:#e3e5e9;--foreground:#26292d;--muted-foreground:#6a6d70}html.n-dark[data-accent="slate"] .nz,html.n-dark[data-accent="slate"] body.d2-on{--primary:#98a8bd;--secondary:#2d3239;--lavender:#272b30;--background:#17191b;--card:#212327;--muted:#272a2d;--border:#34383c;--foreground:#eff2f5;--muted-foreground:#a9adb2}html[data-accent]:not([data-accent="violet"]) .nz .n-brand-icon{box-shadow:0 4px 9px color-mix(in srgb,var(--primary) 9%,transparent)}html[data-accent]:not([data-accent="violet"]) .nz .n-primary-cta{box-shadow:0 5px 12px color-mix(in srgb,var(--primary) 10%,transparent)}html[data-accent]:not([data-accent="violet"]) .nz .n-hero-accent:after{border-bottom-color:color-mix(in srgb,var(--primary) 45%,transparent)}html[data-accent]:not([data-accent="violet"]) .nz .n-hero-orbit{border-color:color-mix(in srgb,var(--primary) 28%,transparent)}html[data-accent]:not([data-accent="violet"]) .nz .n-feature-card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.nz .nz-swatches{display:flex;flex-wrap:wrap;gap:12px 10px;width:100%;margin-top:14px}.nz .nz-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:var(--muted-foreground);min-width:44px}.nz .nz-swatch{--c:var(--sw)}html.n-dark .nz .nz-swatch{--c:var(--swd)}.nz .nz-swatch i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c);color:#fff;box-shadow:0 0 0 1px var(--border);border:3px solid var(--card);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.nz .nz-swatch[aria-checked="true"] i{box-shadow:0 0 0 2px var(--c);transform:scale(1.08)}.nz .nz-swatch[aria-checked="true"]{color:var(--foreground);font-weight:700}.nz .nz-ch-title{display:flex;flex-direction:column;gap:9px;flex:1 1 auto;min-width:0}.nz .n-chapter-list a.nz-full small{color:var(--green);font-weight:700}.nz .nz-maplink{margin-top:10px}.nz .nz-swatch i svg{opacity:0;transition:opacity .15s}.nz .nz-swatch[aria-checked="true"] i svg{opacity:1}.nz .n-settings-row.nz-accent-row{flex-wrap:wrap}.nz .nz-links{display:flex;flex-wrap:wrap;gap:2px 20px;margin-top:10px}.nz .nz-links .nz-maplink{margin-top:0}.nz .n-subject-card[aria-disabled="true"],.nz .n-library-card[aria-disabled="true"]{cursor:default}.nz #gradePick{margin:4px 0 18px}.nz #gradePick .n-quiz-option{cursor:pointer}.nz #gradeBadge{cursor:pointer}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Tajawal-Regular.ttf') format('truetype')}@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Tajawal-Medium.ttf') format('truetype')}@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Tajawal-Bold.ttf') format('truetype')}@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/Tajawal-ExtraBold.ttf') format('truetype')}@font-face{font-family:'Tajawal';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/Tajawal-Black.ttf') format('truetype')}
html,body{margin:0;background:var(--background,#faf9f6)}
.nz.nz-app{position:static;inset:auto;overflow:visible;min-height:100vh}
.nz-site-doc{max-width:900px;margin:0 auto;padding:24px 18px 60px}
.nz-site-doc .n-page-heading{margin-bottom:22px}
.nz-dl{display:grid;gap:14px;max-width:760px;margin:0 auto;text-align:center}
.nz-dl ol{text-align:start;line-height:2;font-size:14px;color:var(--muted-foreground);margin:0;padding-inline-start:22px}
.nz-dl .nz-dl-note{font-size:12.5px;color:var(--muted-foreground)}
.nz-site-contact{font-size:13px;color:var(--muted-foreground)}
.nz-site-contact a{color:var(--primary)}