.app-header{background:transparent;padding:0;text-align:center}.app-header h1,.app-header h2{margin:0;color:var(--app-marketing-ink);letter-spacing:0}.app-header p{max-width:650px;color:var(--app-marketing-muted);line-height:1.5}.brand-logo{border-radius:20%;width:200px;height:200px;overflow:hidden}.app-download{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background:transparent;padding:1lh 20px;width:100%}.download-buttons{display:flex;justify-content:center;align-items:center;gap:12px;width:min(100%,400px)}.download-buttons a{display:flex;flex:0 1 var(--store-badge-width);transition:transform .16s ease,filter .16s ease;min-width:0}.download-buttons .app-store-link{--store-badge-width: 180px}.download-buttons .google-play-link{--store-badge-width: 200px}.download-buttons img{width:100%;height:auto}.download-buttons a:hover{transform:translateY(-2px);filter:brightness(1.06)}.marketing-pitch{display:flex;flex-direction:column;align-items:flex-start;gap:.5lh;background:transparent;padding:0;color:var(--app-marketing-ink)}.marketing-pitch h2{max-width:18ch;color:var(--app-marketing-brand-strong);line-height:1.08;letter-spacing:0}.marketing-pitch ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--app-marketing-line);padding:0;max-width:none;list-style:none}.marketing-pitch li{position:relative;border-bottom:1px solid var(--app-marketing-line);color:var(--app-marketing-muted);line-height:1.55}.marketing-pitch li:nth-child(odd){border-inline-end:1px solid var(--app-marketing-line)}.marketing-pitch li:before{position:absolute;inset-inline-start:20px;border-radius:50%;background:var(--app-marketing-accent);content:""}.marketing-pitch li strong{color:var(--app-marketing-ink);font-weight:720}.app-marketing-section{--promo-ink: #1d1921;--promo-muted: #625b68;--promo-line: #e0dae5;--promo-brand-strong: #7120c3;--promo-accent: #e9b44c;--app-marketing-ink: var(--promo-ink);--app-marketing-muted: var(--promo-muted);--app-marketing-line: var(--promo-line);--app-marketing-brand-strong: var(--promo-brand-strong);--app-marketing-accent: var(--promo-accent);border-top:1px solid var(--promo-line);background:linear-gradient(180deg,#f0e9f6,#faf8fb 44%,#fff);padding:clamp(58px,9vw,112px) 24px;color:var(--promo-ink)}.app-marketing-section-inner{margin-inline:auto;width:100%;max-width:1040px}.app-marketing-section .brand-logo{margin-bottom:16px;box-shadow:0 16px 42px #4b176f24;border-radius:20px;width:88px;height:88px}.app-marketing-section .app-header h2{max-width:20ch;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.app-marketing-section .app-header p{margin-top:16px;font-size:clamp(1rem,1.7vw,1.2rem)}.app-marketing-section .app-download{padding:24px 0 0}.app-marketing-section .marketing-pitch{margin-top:clamp(54px,8vw,88px)}.app-marketing-section .marketing-pitch h2{margin:0 0 clamp(26px,4vw,46px);font-size:clamp(1.9rem,3.6vw,3rem)}.app-marketing-section .marketing-pitch ul{margin:0;width:100%}.app-marketing-section .marketing-pitch li{padding:26px 30px 28px 50px}.app-marketing-section .marketing-pitch li:before{top:32px;inset-inline-start:19px;width:9px;height:9px}@media (max-width: 680px){.app-marketing-section{padding-inline:20px}.app-marketing-section .app-header h2{overflow-wrap:anywhere}.app-marketing-section .download-buttons{gap:8px;width:min(calc(100vw - 40px),360px)}.app-marketing-section .marketing-pitch ul{grid-template-columns:1fr}.app-marketing-section .marketing-pitch li:nth-child(odd){border-inline-end:0}}@media (prefers-color-scheme: dark){.app-marketing-section{--promo-ink: #f2edf5;--promo-muted: #bbb2c1;--promo-line: #423a47;--promo-brand-strong: #d5a8ff;--promo-accent: #efbd5c;background:linear-gradient(180deg,#281d30,#1b171f 44%,#151218)}}.home-page{--home-ink: #1d1921;--home-muted: #625b68;--home-surface: #f8f6fa;--home-line: #e0dae5;--home-brand-strong: #7120c3;--home-accent: #e9b44c;--app-marketing-ink: var(--home-ink);--app-marketing-muted: var(--home-muted);--app-marketing-line: var(--home-line);--app-marketing-brand-strong: var(--home-brand-strong);--app-marketing-accent: var(--home-accent);background:var(--home-surface);overflow-x:hidden;color:var(--home-ink)}.home-page main{overflow:hidden}.home-hero{display:grid;position:relative;grid-template-rows:auto minmax(310px,1fr);row-gap:clamp(14px,2svh,22px);border-bottom:1px solid var(--home-line);background:linear-gradient(180deg,#fff,#f8f6fa 54%,#eee7f5);min-height:min(860px,92svh);overflow:hidden}.home-hero-copy{display:flex;flex-direction:column;align-items:center;z-index:2;box-sizing:border-box;padding:clamp(28px,5svh,58px) 24px 10px;width:100%;min-width:0;text-align:center}.home-page .app-header{width:100%;min-width:0}.home-page .brand-logo{margin-bottom:14px;box-shadow:0 18px 50px #4b176f24;border-radius:24px;width:clamp(76px,8vw,104px);height:clamp(76px,8vw,104px)}.home-page .app-header h1{width:100%;max-width:22ch;font-size:clamp(2.4rem,4.5vw,4.25rem);line-height:1.03;overflow-wrap:anywhere}.home-page .app-header p{margin-top:18px;font-size:clamp(1.05rem,1.8vw,1.35rem)}.home-page .app-download{padding:22px 0 8px}.product-stage{--phone-preview-top: 18px;--phone-preview-visible-height: clamp(284px, 34.23vw, 408px);--phone-preview-width: clamp(174px, 21vw, 250px);position:relative;align-self:end;margin-inline:auto;width:min(1120px,100%);height:calc(var(--phone-preview-top) + var(--phone-preview-visible-height))}.phone-preview{position:absolute;top:var(--phone-preview-top);left:50%;transform-origin:50% 100%;box-shadow:0 30px 70px #35144738,0 6px 18px #35144720;border:1px solid #ffffffa8;border-radius:28px 28px 0 0;background:#fff;width:var(--phone-preview-width);overflow:hidden}.phone-preview img{display:block;width:100%;height:auto}.phone-preview-topics{transform:translate(-185%) rotate(-7deg) translateY(54px);z-index:1}.phone-preview-reader{transform:translate(-105%) rotate(-2deg) translateY(12px);z-index:3}.phone-preview-quiz{transform:translate(5%) rotate(2deg);z-index:4}.phone-preview-features{transform:translate(85%) rotate(7deg) translateY(58px);z-index:2}.home-pitch{background:#fff;padding:clamp(58px,9vw,112px) 24px}.home-page .marketing-pitch{margin-inline:auto;max-width:1040px}.home-page .marketing-pitch h2{margin-bottom:clamp(28px,5vw,54px);font-size:clamp(2rem,4vw,3.6rem)}.home-page .marketing-pitch li{padding:28px 34px 30px 52px}.home-page .marketing-pitch li:before{top:34px;width:10px;height:10px}.home-page footer{border-top:1px solid var(--home-line);background:var(--home-surface);color:var(--home-muted)}@media (prefers-color-scheme: dark){.home-page{--home-ink: #f2edf5;--home-muted: #bbb2c1;--home-surface: #151218;--home-line: #423a47;--home-brand-strong: #d5a8ff;--home-accent: #efbd5c}.home-hero{background:linear-gradient(180deg,#19151d,#151218 54%,#281d30)}.home-pitch{background:#1b171f}.phone-preview{box-shadow:0 30px 70px #0008,0 6px 18px #0008;border-color:#ffffff24}}@media (max-width: 720px){.home-hero{grid-template-rows:auto minmax(270px,38svh);min-height:min(780px,92svh)}.home-hero-copy{padding-inline:18px}.home-page .app-header h1{width:calc(100vw - 36px);max-width:100%;font-size:clamp(2rem,9vw,2.8rem);line-height:1.06}.home-page .app-header p{width:calc(100vw - 36px)}.home-page .download-buttons{gap:8px;width:min(calc(100vw - 32px),360px)}.product-stage{--phone-preview-top: 24px;--phone-preview-visible-height: min(76.61vw, 342px);--phone-preview-width: min(47vw, 210px);width:100vw}.phone-preview{top:var(--phone-preview-top);width:var(--phone-preview-width)}.phone-preview-topics{transform:translate(-165%) rotate(-7deg) translateY(62px)}.phone-preview-reader{transform:translate(-100%) rotate(-2deg) translateY(20px)}.phone-preview-quiz{transform:translate(0) rotate(2deg) translateY(10px)}.phone-preview-features{transform:translate(65%) rotate(7deg) translateY(70px)}.home-pitch{padding-inline:20px}.home-page .marketing-pitch ul{grid-template-columns:1fr}.home-page .marketing-pitch li:nth-child(odd){border-inline-end:0}}@media (prefers-reduced-motion: no-preference){.phone-preview{animation:preview-arrive .7s cubic-bezier(.2,.8,.2,1) both}.phone-preview-topics,.phone-preview-features{animation-delay:90ms}}@keyframes preview-arrive{0%{translate:0 48px;opacity:0}}.kanji-dictionary-page{background:var(--background-base-color);min-height:100vh}.kanji-site-header{border-bottom:1px solid var(--background-alt-2-color);background:var(--background-color);padding:0}.kanji-site-header-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;box-sizing:border-box;margin:0 auto;padding:14px 24px;width:min(100%,1160px)}.kanji-brand-link,.kanji-dictionary-home{display:inline-flex;align-items:center;gap:10px;color:var(--text-color);font-weight:700;text-decoration:none}.kanji-brand-icon{width:34px;height:34px}.kanji-dictionary-home{color:var(--text-alt-2-color);font-size:.9rem}.kanji-heading-home{color:inherit;text-decoration:none}.kanji-heading-home:hover,.kanji-heading-home:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.kanji-main{box-sizing:border-box;margin:0 auto;padding:48px 24px 72px;width:min(100%,1060px)}.kanji-heading{margin-bottom:30px;max-width:720px}.kanji-heading h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;letter-spacing:0}.kanji-heading p{margin:12px 0 0;color:var(--text-alt-2-color);font-size:1.08rem;line-height:1.55}.kanji-heading>.kanji-tags{margin-top:18px}.kanji-search-form{margin-bottom:44px;max-width:720px}.kanji-search-form label{display:block;margin-bottom:8px;font-weight:700}.kanji-search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.kanji-search-controls input,.kanji-search-controls button{box-sizing:border-box;border:1px solid var(--background-alt-3-color);border-radius:7px;min-height:48px;font:inherit}.kanji-search-controls input{outline:none;background:var(--background-color);padding:10px 14px;color:var(--text-color);font-size:1.05rem}.kanji-search-controls input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-background-color) 18%,transparent);border-color:var(--primary-background-color)}.kanji-search-controls button{cursor:pointer;border-color:var(--primary-background-color);background:var(--primary-background-color);padding:9px 20px;color:var(--primary-foreground-color);font-weight:700}.kanji-section{margin-top:42px}.kanji-section>h2{margin:0 0 18px;font-size:1.35rem}.kanji-result-summary{margin:-8px 0 20px;color:var(--text-alt-2-color);font-size:.92rem}.kanji-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0;padding:0;max-width:none;list-style:none}.kanji-result-link{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;box-sizing:border-box;border:1px solid var(--background-alt-2-color);border-radius:7px;background:var(--background-color);padding:14px;height:100%;color:var(--text-color);text-decoration:none}.kanji-result-link:hover{border-color:color-mix(in srgb,var(--primary-background-color) 55%,var(--background-alt-2-color))}.kanji-result-literal,.kanji-list-link,.kanji-entry-literal{font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,"Noto Serif CJK JP",serif}.kanji-result-literal{font-size:2.65rem;line-height:1}.kanji-result-detail{min-width:0}.kanji-result-readings,.kanji-result-meanings{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanji-pagination{margin:-8px 0 20px;max-width:none;font-size:.92rem}.kanji-pagination-item{white-space:pre}.kanji-pagination-ellipsis{margin-inline:.4em}.kanji-result-readings{font-size:.93rem}.kanji-result-meanings{margin-top:5px;color:var(--text-alt-2-color);font-size:.85rem}.kanji-tag-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 28px}.kanji-tag-group h3{margin:0 0 6px;font-size:1rem}.kanji-tag-group p{margin:0 0 12px;color:var(--text-alt-2-color);font-size:.88rem;line-height:1.45}.kanji-tags{display:flex;flex-flow:row wrap;gap:7px;margin:0;padding:0;max-width:none;list-style:none}.kanji-tag{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--primary-background-color) 35%,var(--background-alt-2-color));border-radius:999px;background:color-mix(in srgb,var(--primary-background-color) 9%,var(--background-color));padding:5px 10px;color:var(--text-color);font-weight:700;font-size:.8rem;text-decoration:none}.kanji-tag-active{gap:6px;border-color:var(--primary-background-color);background:var(--primary-background-color);color:var(--primary-foreground-color)}.kanji-tag-checkmark{font-size:14px;line-height:1}.kanji-entry-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:42px}.kanji-entry-literal{margin:0;font-size:clamp(3.5rem,10vw,6.5rem);line-height:1}.kanji-entry-literal+section,.kanji-entry-details section+section{margin-top:30px}.kanji-entry-details h2,.kanji-diagram-panel h2{margin:0 0 10px;color:var(--text-alt-2-color);font-weight:800;font-size:.82rem;text-transform:uppercase}.kanji-reading-list,.kanji-meaning-list{display:flex;flex-flow:row wrap;gap:8px 14px;margin:0;padding:0;max-width:none;list-style:none}.kanji-reading-list{gap:0;font-size:1.15rem}.kanji-reading-uncommon,.kanji-reading-uncommon-part{opacity:.45}.kanji-reading-link,.kanji-meaning-link{color:inherit;text-decoration:none}.kanji-reading-link:hover,.kanji-reading-link:focus-visible,.kanji-meaning-link:hover,.kanji-meaning-link:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.kanji-meaning-list li:not(:last-child):after{content:","}.kanji-diagram-frame{--kanji-stroke-alt-0: #b84a62;--kanji-stroke-alt-1: #3d7f4f;--kanji-stroke-alt-2: #3c6fb2;--kanji-stroke-alt-3: #a86624;--kanji-stroke-alt-4: #7a59b8;display:grid;place-items:center;border:1px solid var(--background-alt-2-color);border-radius:7px;background:var(--background-color);aspect-ratio:1;overflow:hidden}.kanji-placeholder{color:var(--text-color)}.kanji-placeholder-character{opacity:.3;font-size:78.48px;font-family:Hiragino Sans,Yu Gothic,YuGothic,Noto Sans CJK JP,sans-serif}.kanji-stroke-diagram{display:block;width:100%;height:100%;color:var(--text-color)}.kanji-diagram-grid{opacity:.35;stroke:currentcolor;stroke-dasharray:3 2;stroke-width:.45}.kanji-diagram-guides,.kanji-diagram-strokes{fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.kanji-diagram-guides path,.kanji-diagram-strokes path{transform-box:view-box;transition:stroke-width .12s ease-out,transform .12s ease-out}.kanji-diagram-guides .kanji-diagram-path-pressed,.kanji-diagram-strokes .kanji-diagram-path-pressed{transform:scale(1.1);stroke-width:6}.kanji-diagram-guides{opacity:.3;animation:kanji-guide-fade .2s ease-out both}.kanji-diagram-strokes path{stroke-dasharray:1;stroke-dashoffset:0}.kanji-stroke-diagram-loading{opacity:.65}.kanji-diagram-hit-target{fill:none;stroke:transparent;stroke-linecap:round;stroke-linejoin:round;stroke-width:15;pointer-events:stroke}.kanji-diagram-links a{cursor:pointer}.kanji-placeholder-character{animation:kanji-guide-fade .2s ease-out both}@keyframes kanji-guide-fade{0%{opacity:0}}@media (prefers-color-scheme: dark){.kanji-diagram-frame{--kanji-stroke-alt-0: #ff9fb5;--kanji-stroke-alt-1: #9ee7b4;--kanji-stroke-alt-2: #9fd0ff;--kanji-stroke-alt-3: #ffd28a;--kanji-stroke-alt-4: #cbb7ff}}.kanji-list{display:flex;flex-flow:row wrap;gap:7px;margin:28px 0 0;padding:0;max-width:none;list-style:none}.kanji-list-link{display:grid;place-items:center;transition:transform .12s ease-out,border-color .12s ease-out,background-color .12s ease-out,box-shadow .12s ease-out;border:1px solid var(--background-alt-2-color);border-radius:5px;background:var(--background-color);width:47px;height:47px;color:var(--text-color);font-size:1.65rem;text-decoration:none}.kanji-list-link:focus-visible{transform:translateY(-1px);outline:2px solid var(--primary-background-color);outline-offset:2px;border-color:var(--primary-background-color);background:color-mix(in srgb,var(--primary-background-color) 8%,var(--background-color))}@media (hover: hover){.kanji-list-link:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a;border-color:color-mix(in srgb,var(--primary-background-color) 55%,var(--background-alt-2-color));background:color-mix(in srgb,var(--primary-background-color) 8%,var(--background-color))}}.kanji-back-link{display:inline-block;margin-top:38px}.kanji-attribution{margin-top:38px;color:var(--text-alt-3-color);font-size:.78rem;line-height:1.5}.kanji-attribution a{color:inherit}@media (max-width: 700px){.kanji-site-header-inner{padding:11px 16px}.kanji-dictionary-home{display:none}.kanji-main{padding:32px 16px 56px}.kanji-tag-groups,.kanji-search-controls{grid-template-columns:1fr}.kanji-entry-layout{grid-template-columns:1fr;gap:30px}.kanji-diagram-panel{max-width:360px}}.start-page{--start-brand: #9e3dff;--start-brand-strong: #7120c3;--start-brand-soft: #f1e5fc;--start-text: #1d1921;--start-muted: #625b68;--start-line: #e0dae5;--start-surface: #ffffff;--start-canvas: #f8f6fa;--start-warning: #fff5d9;--start-warning-line: #d5a22d;background:var(--start-canvas);color:var(--start-text)}.start-header{display:flex;position:sticky;top:0;flex-direction:row;align-items:center;gap:12px;z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--start-line);background:color-mix(in srgb,var(--start-surface) 94%,transparent);padding:10px max(16px,env(safe-area-inset-left));padding-inline-end:max(16px,env(safe-area-inset-right))}.start-logo{flex:0 0 auto;border-radius:8px;width:38px;height:38px;overflow:hidden}.start-header h1{display:block;flex:1 1 auto;margin:0;min-width:0;color:var(--start-text);font-size:clamp(.95rem,3vw,1.1rem);line-height:1.25;letter-spacing:0}.start-page .resources-container{display:block;box-sizing:border-box;margin-inline:auto;padding:24px max(16px,env(safe-area-inset-left)) 48px;padding-inline-end:max(16px,env(safe-area-inset-right));width:min(100%,980px)}.start-description{margin:0;margin-inline:auto;width:min(100%,760px);max-width:68ch;color:var(--start-text);font-size:1.02rem;line-height:1.55}.start-page .start-disclaimer{box-sizing:border-box;margin-inline:auto;margin-block:18px 26px;border:0;border-radius:0 6px 6px 0;border-inline-start:3px solid var(--start-warning-line);background:var(--start-warning);padding:11px 13px;width:min(100%,760px);color:#534316;font-size:.82rem;line-height:1.45}.language-index{margin:0 auto 34px;width:min(100%,760px)}.language-index h2{margin:0 0 12px;color:var(--start-text);font-size:1.15rem;letter-spacing:0}.start-page ul.languages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0 0 14px;padding:0;width:100%;max-width:none}.start-page ul.languages li{border-bottom:1px solid var(--start-line);min-width:0;list-style:none}.start-page ul.languages a{display:block;padding:9px 2px;color:var(--start-text);text-decoration:none;overflow-wrap:anywhere}.start-page ul.languages a:hover,.start-page ul.languages a:focus-visible{color:var(--start-brand-strong)}.start-page ul.languages a:after{content:" ↓";color:var(--start-muted);font-size:.75em}.start-page ul.resources{display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:0;width:min(100%,760px);max-width:none}.start-page ul.resources>li.resource{box-shadow:0 8px 28px #3514470d;border:1px solid var(--start-line);border-radius:8px;background:var(--start-surface);padding:14px;list-style:none}.start-page .resource h3,.start-page .resource h4,.start-page .resource h5,.start-page .resource h6{margin:0 0 12px;scroll-margin-top:72px;color:var(--start-text);font-size:1.2rem;letter-spacing:0}.start-page .resource ul,.start-page .resource ol{gap:8px;margin:0;padding-inline-start:12px;max-width:none}.start-page ul.resources>li.resource>ul{padding-inline-start:0}.start-page .resource .resource{border-radius:6px;background:var(--start-canvas);padding:9px 8px;line-height:1.4;list-style-position:outside}.start-page .resource .resource .resource{border-inline-start:2px solid var(--start-line);background:transparent;padding-inline:6px 0;padding-block:6px}.start-page .resources .resource .resource-depth-0{margin-inline:-8px;padding-inline:8px}.start-page .resources .resource .resource-depth-0 .resource-depth-1 .resource-depth-2{background-color:transparent}.start-page .resource a{color:var(--start-text);text-decoration-color:color-mix(in srgb,var(--start-brand) 45%,transparent);text-underline-offset:3px}.start-page .resource a:hover,.start-page .resource a:focus-visible{color:var(--start-brand-strong)}.start-page .resource-description{margin:6px 0 0;max-width:70ch;color:var(--start-muted);font-size:.9rem;line-height:1.45}.start-page ul.resources .resource span.reading-level{--reading-level-color: hsl(150deg 48% 36%);display:inline-block;animation:none;margin-inline-end:7px;box-shadow:none;border:1px solid color-mix(in srgb,var(--reading-level-color) 38%,transparent);border-radius:5px;background:color-mix(in srgb,var(--reading-level-color) 12%,var(--start-surface));padding:2px 6px;color:var(--start-text);font-weight:650;font-size:.68rem;line-height:1.25;text-shadow:none}.start-page ul.resources .resource span.reading-level:before{display:inline-block;vertical-align:.08em;margin-inline-end:5px;border-radius:50%;background:var(--reading-level-color);width:.5em;height:.5em;content:""}.start-page ul.resources .resource span.reading-level.level-2{--reading-level-color: hsl(165deg 48% 36%)}.start-page ul.resources .resource span.reading-level.level-3{--reading-level-color: hsl(180deg 50% 35%)}.start-page ul.resources .resource span.reading-level.level-4{--reading-level-color: hsl(195deg 55% 40%)}.start-page ul.resources .resource span.reading-level.level-5{--reading-level-color: hsl(210deg 58% 45%)}.start-page ul.resources .resource span.reading-level.level-6{--reading-level-color: hsl(225deg 58% 50%)}.start-page ul.resources .resource span.reading-level.level-7{--reading-level-color: hsl(240deg 55% 55%)}.start-page ul.resources .resource span.reading-level.level-8{--reading-level-color: hsl(255deg 55% 55%)}.start-page ul.resources .resource span.reading-level.level-9{--reading-level-color: hsl(270deg 55% 52%)}.start-page ul.resources .resource span.reading-level.level-10{--reading-level-color: hsl(285deg 55% 50%)}.start-page footer{border-top:1px solid var(--start-line);background:var(--start-surface);color:var(--start-muted)}@media (min-width: 680px){.start-page ul.resources>li.resource{padding:18px}.start-page .resource ul,.start-page .resource ol{padding-inline-start:20px}.start-page .resource .resource{padding:11px 12px}.start-page .resources .resource .resource-depth-0{margin-inline:-12px;padding-inline:12px}.start-page .resource .resource .resource{padding-inline:12px}.start-page ul.languages{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 920px){.start-page ul.languages{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.start-page{--start-brand: #bd7aff;--start-brand-strong: #d5a8ff;--start-brand-soft: #382448;--start-text: #f2edf5;--start-muted: #bbb2c1;--start-line: #423a47;--start-surface: #1b171f;--start-canvas: #121014;--start-warning: #362f1c;--start-warning-line: #d5a846}.start-page .start-disclaimer{color:#ead9a8}.start-page ul.resources>li.resource{box-shadow:0 8px 28px #0003}.start-page ul.resources .resource span.reading-level:before{filter:brightness(1.25)}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/BOeWTOD4-inter-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DqGufNeO-inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DlzME5K_-inter-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/CkhJZR-_-inter-greek-wght-normal.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/CBcvBZtf-inter-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DO1Apj_S-inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/Dx4kXJAl-inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-background-color: #9e3dff;--primary-foreground-color: #ffffff;--text-color: #11181c;--text-alt-0-color: #11181c;--text-alt-1-color: #283034;--text-alt-2-color: #424a4f;--text-alt-3-color: #5d666b;--text-alt-4-color: #7a8388;--background-color: #ffffff;--background-base-color: #f2f2f7;--background-alt-0-color: #ffffff;--background-alt-1-color: #f2f2f7;--background-alt-2-color: #e6e6eb;--background-alt-3-color: #d9d9de;--background-alt-4-color: #cdcdd2;--background-warning-color: #e65c00;--link-color: rgb(34, 106, 156)}@media (prefers-color-scheme: dark){:root{--text-color: #ecedee;--text-alt-0-color: #ecedee;--text-alt-1-color: #cbcccd;--text-alt-2-color: #acadad;--text-alt-3-color: #8d8e8f;--text-alt-4-color: #6f7071;--background-color: #151718;--background-base-color: #000000;--background-alt-0-color: #151718;--background-alt-1-color: #2d2f30;--background-alt-2-color: #474a4b;--background-alt-3-color: #636667;--background-alt-4-color: #818384;--link-color: rgb(130, 200, 255)}}@font-face{font-style:normal;font-weight:100 900;src:url(/assets/Dx4kXJAl-inter-latin-wght-normal.woff2) format("woff2-variations");font-family:Inter Variable;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{display:flex;flex-direction:column;margin:0;background-color:var(--background-base-color);padding:0;min-height:100vh;color:var(--text-color);font-size:17px;font-family:Inter Variable,Arial,sans-serif}.body{display:flex;flex-grow:1;flex-direction:column}a{color:var(--link-color)}a.text-link{border-bottom:1px solid var(--link-color);text-decoration:none}p,ul{max-width:60ch}p{margin-block:.5lh 0}ul{display:flex;flex-direction:column;gap:.5lh;margin-block:0;padding-inline-start:1lh}img{max-width:100%}header{display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);padding:1lh 20px}header.brand{background-color:var(--primary-background-color);color:var(--primary-foreground-color)}h1,h2,h3,h4{margin-block:.5lh 0}:is(h1,h2,h3,h4,p):first-child{margin-block-start:0}footer{display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);padding:20px;font-size:.9em}.footer-spacer{flex-grow:1}.start-disclaimer{margin-block:.5lh;border-radius:16px;background-color:var(--background-warning-color);padding:.5lh;color:#fff;font-size:.8em}.resources-container{display:flex;flex-grow:1;flex-direction:column;align-items:center;padding:.5lh}ul.languages{display:flex;flex-direction:column;margin-bottom:1lh;padding-inline-start:0;width:100%}ul.languages li{list-style:none}@property --gradient-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rotate-gradient{to{--gradient-angle: 360deg}}.resources{display:flex;flex-direction:column;width:100%}.resources h3,.resources h4{margin-bottom:.3lh}.resources,.resources ul{padding-inline-start:0}:is(.resources,.resources ul)>li{list-style:none}.resources ol{padding-inline-start:1lh}.resources .resource{border-radius:16px;background-color:var(--background-color);padding:.5lh}.resources .resource span.reading-level{margin-right:.2lh;box-shadow:1px 2px 3px #fff4 inset,-1px -2px 3px #0003 inset;border-radius:9px;padding:.1lh .5lh;pointer-events:none;font-size:.7em}.resources .resource span.reading-level.level-1{border:1px solid #0006;background-color:#fffd;color:#000c}.resources .resource span.reading-level.level-2{border:1px solid #0706;background-color:#070d;color:#fffc}.resources .resource span.reading-level.level-3{border:1px solid #00a6;background-color:#00ad;color:#fffc}.resources .resource span.reading-level.level-4{border:1px solid #70a6;background-color:#70ad;color:#fffc}.resources .resource span.reading-level.level-5{box-shadow:1px 2px 3px #fff inset,-1px -2px 3px #0003 inset;border:1px solid #fc06;background-color:#fc0e;color:#000c}.resources .resource span.reading-level.level-6{border:1px solid #f4c6;background-color:#f4cd;color:#fff;text-shadow:0px 0px 1px white}.resources .resource span.reading-level.level-7{box-shadow:1px 2px 3px #fff inset,-1px -2px 3px #0003 inset;border:1px solid #0ff6;background-color:#0ffd;color:#000b;text-shadow:0px 0px 1px white}.resources .resource span.reading-level.level-8{box-shadow:1px 2px 3px #fff inset,-1px -2px 3px #0003 inset,.25px .5px 1px #540c;border:1px solid #fc0;background-color:#fffd;color:#540;text-shadow:0px 0px 1px #fc0}.resources .resource span.reading-level.level-9{box-shadow:1px 2px 3px #fff4 inset,-1px -2px 3px #0003 inset,.25px .5px 1px #540c;border:1px solid #fc0;background-color:#70ad;color:#fff;text-shadow:0px 0px 1px #fc0c}.resources .resource span.reading-level.level-10{animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:rotate-gradient;box-shadow:none;border:2px solid hsl(calc(var(--gradient-angle) + 180deg),100%,50%);background-color:#000;color:hsl(var(--gradient-angle),100%,50%);text-shadow:0px 0px 2px hsl(var(--gradient-angle),100%,50%)}.resources .resource .resource-depth-0{background-color:var(--background-alt-1-color)}.resources .resource .resource-depth-0 .resource-depth-1{background-color:var(--background-alt-2-color)}.resources .resource .resource-depth-0 .resource-depth-1 .resource-depth-2{background-color:var(--background-alt-3-color);font-size:.8em}.resources .resource .resource-depth-0 .resource-depth-1 .resource-depth-2 .resource-depth-3{background-color:var(--background-alt-4-color)}.resources .resource .resource-depth-1,.resources .resource .resource-depth-2,.resources .resource .resource-depth-3{margin-block-start:.2lh;padding-block-start:.3lh}.resources .resource .resource-description{margin-block-start:.2lh;color:var(--text-alt-2-color);font-size:.8em}.resources .resource .resource-title{display:block;margin-bottom:.5lh;font-weight:700;font-size:1.2em}.starter-document-container{display:flex;flex-direction:column;align-items:center}.starter-document{margin:.5lh;border-radius:16px;background-color:var(--background-color);padding:.5lh}.language-select{border-radius:32px;background-color:var(--background-alt-1-color);padding:0 1lh;height:2lh;color:var(--text-color);font-size:1em}