:root{--bg: #0B0A09;--panel: #161311;--panel-2: #1C1815;--surface: #161311;--surface-2: #1C1815;--border: #272220;--text: #F4EEE6;--text-2: #D6CDC0;--muted: #9E9488;--muted-strong: #B8AEA1;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--accent: #FF5436;--accent-2: #5E8BFF;--accent-ink: #FFFFFF;--good: #54C98B;--bad: #FF5470;--warn: #E7B24A;--font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-jp: "Noto Sans JP", sans-serif;--n5: #3DD68C;--n4: #60A5FA;--n3: #C084FC;--n2: #F59E0B;--n1: #F43F5E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--gutter: clamp(16px, 4vw, 40px);--measure-read: 680px;--measure-wide: 960px;--fs-scale: 1;color-scheme:dark}[data-theme=light]{--bg: #F6F6F3;--panel: #FFFFFF;--panel-2: #EEEFF2;--surface: #FFFFFF;--surface-2: #EEEFF2;--border: #E2E4EA;--text: #14151A;--text-2: #3A3D45;--muted: #667085;--muted-strong: #4B5563;--accent: #E8472B;--accent-2: #4F6DF5;--accent-ink: #FFFFFF;--good: #16A34A;--bad: #E11D48;--warn: #D97706;--n5: #16A34A;--n4: #2563EB;--n3: #9333EA;--n2: #D97706;--n1: #E11D48;color-scheme:light}@font-face{font-family:uicons-rr;src:url(data:font/woff2;base64,d09GMgABAAAAAA/sAAsAAAAAHvQAAA+gAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHCgGYACCRAq1BKorC1QAATYCJANWBCAFgR4HIBuEGKOiVpBWQmT/SLBx5AuVE/UvB710IjvpB9rmv5O7A+6IAw5BXSBHCtahvfA7mCzKCbpoPVYlLnSRuGhcNuvy58qli0gXpdMv/6srk9510qWT5BDtcgCgBPLYBzxVI7VSq/81ayds80KAbvaAwNpmaWLQKFq7IZQ3NPVhMDZnOf/Y/62ZdqcEKK/PoyrrKjXzs7OTv5NNL9PkAHiT0qaALFSNOUDWdfeqRIWsUJqFkz3ktD+e6FZrZxkldMXKvwMQACDAYNYTYm/ZNgfkg/uMHgoSsGei4A8G050QK7IAsNjTcN23ohAu4NPafTkEMB7Y370j58iH8i+d6q8iVgCIQLJAAAAIWCEu4SGNJIIWokjcKDghAzAQfMn+4vrS7cvgL2u/Dv7q+yb8dv571+9Hv//8sfCH/eNX/yz7Jf11tJqsblSjr2n3e83vnbUJtcdrr9fx6t7+P6VeVW+rH1S/rv5qMAjwpdOXnE72Pbc//0Ht+H+MRCR7JAHJCkl/8SrxZDEiakEeIN1kGDGRaECECycIcUFPgYj/G/+OX8JKsBHoO7QAbY824qWGrA8RI1+RE8hMJA8QAGkGkq0NnSGk5gh/zUUyTiEnFKDcEEABD5GnSSyPGLJ4mkRTwEjEB04AnYOE2FFApKKVoZSNMsOhjmykEPBFYighFKppShmizKKF0nXhGkYuFMhpWiyMODgZRUIkpVQIGtAihWITZbaDkit0OpOebjThU3JDMx2rM2gEhFgsEirkWpVYGCaXh9GKy61KMDN5lAYHWsReywFozy2aKA1GJWiCkwNY0CMR+xRNdDMYtOKa1/I6QDAqvYE2Y+oKBUAMVsMEK1u0lQ4uShv30QXzNrMNIbrl3PXrad4NtGfMIqUmFN8FktLYBWAfdWLMis/Ju521b3aSN8QGgWLPEG3WT+kpCEFxqzCLUmYxUKFmTAEQe0GVC6NO9W9ZDybg4EQbpdE0YLtmpMGohOHqtfRuH2GUu5YkxIq8Lx+wQf8TkuiGcfufGdKdo4G37C9dj+W2mvnFdrxsVlbdx0t68VViXy3qpY/d6opZHse2M71rdZNYr8EFg8PYW5WgFfRzSfeukilaMa417APdMGa7VPV8QIH4RpO9rpcQb9t/oI+j5Ehj9ob9bRrdbg3d38R6Qo56DxCdCJQaHN6huv+xtX/17uVk1/WPP3vwcGV1KnD3fKJcWpfwISrGBuvng8DHQ3HRVuZ1kkrpxxCigEzlUXDRTaEIzbtxM5j0XTHGVBQnU3aTDkWeljg5SMUb5njx9tNw2M3W0qxtzOzRZp49rp05OYpv4MzH3J3o9wTzAZqon1vlbmK6etbcWjfdpbpRVt0EwkzPQV7DQTP9itnJufJlf3f9XLsO9HB5dtxVwtLMx63gPEeGPd7Naj1xx9oZ0ElRjPRC+bzv72TV58tLmenYd8q/v3u4tHpjKc0m4JnkptX9Bmp8zbc7hc/E4kZUWAkv/CLRjz+dKDl/+btSsz6bxdkYVbU+O0MDp062S0Q3O1MrRCC5nk6vBP0igqyeUHM3AgkQQnR3TwgSJmhrBssFohd3DqWqK7G/tQ7kBNFLE6WbqlconRJ2SCaL9UgUdhIzSo+Bi06ciX2lEsQoLPU00F6sAfB77fuIixl9ApJM61KaZZ1tRoTovNGjEink35AxBD/ungmv6j1/BhbFyKrY1BIAvPAjQqBx0xiikGddTB0Q6j2jK4VK1xQ0fcjXkVPvGQCHqXw2w4w0wRdbVZfKl1EacpPFsS+qjFLMa/586EVILDLPoiNTnCIPn969Q/r+/WRIe9t9PFN7EsdQNLjP6P7DPxs9Y2r+9TMo5936Av/NdhvJkWEmQ6hBXAfbf/n/loDDpH/45Lfrh0/k/pf393Pb9n3JulReahvdut50sVUNMIU0la+PpteLygqBk9R0tpGkEAqL0YKUo3XCh/YyimCCQKMBRbSOJNR5dn5hrQcpAbxXCr1odvrZrJulqGoWUQiPRrOHoLINATl8JjDnh6ifCm8PZordgyxnAHQfaN66/PA0ei9nivEsekEp6e2PeXrO5waTTIsYg5EQUPHE2J0FJWS6m+wOK9kauHw+U840O5uDzHuIeD1Vz4W5qI/6qXqIFWP7FVvcXmZHFnNsr7d65aITx8DVudp/IuQHL3kv94H3Vl1BK3I7W8ToQMBYDEHHALHBAV2Ckon2w/EGGEvgQ+rAN2xMDobMy27rEAYQeZI6ZNkYH/1q7SIRu4DJ4aqEu1KyUO8Hfh5LGDzqHQ88kwaQ0jerC+Bdp3JiB76oFVdluYpUrvxfkHDc0LVCjeRUUqOAa6zFZnmsPP6DYJzhAYAQXv7YOpPJ3wzXRhdffywZ4epJ9zp93zPTC5zzB/YH8bNV5t+fPs307MlPVQGkt/fvTavz9P5/u1haDQsjcXm4eycpfiisWIQ2ztsfk6wZ/JrBN6rx+q/fUIm1RPlXPGG8jTMFBb4ydZkv2MCQHMmWCGgCXIE2jYM8PD+D204rkMW7mYs1hqskTJtjI2w+F4sQY471sQviFCjfu6xIPDphA7fAtnx5DWDsVcDNHKAe4OvCXNEdYRyQazEoK5R6tx4D/YBnQB+gbvIjqSfchVWEQfniKRyQ5nTzqBurFujJh/IRR9rxYYYMLDRn7vm8h3FqN1F1NVp45hL9GHUpg7yC0JOPeAd/P3iw1+6lvXYb4SGZZaU4R3jxUp/9erQd5vIzF480yTNihL9WR6r0xenNRDGCW3MbqbI0RPhC2tlhYuLhUDmaz9MXK8fizfGxSlVHACoE6TgpcQif5Y/ThzsVDhRuWEpk5SLqpLJCOYsqF8n2UKLydrPK9oyQuqjdzC7x4YVk5ZJvs4gquorYI6JcFJSZ7UajPdtotxuz44tNcu1ktV092e5HjHwScW9X0q57SRHDd9MMa2IZU76iWFkRdVd06w4BaofQ7zt3MiSTmckSLNgIWxQbaBwohhMMsAR8tOwRj3qponJq74kCg1j6A2VRd7F0rzSOWj2zkQvyOCU3alQEbb2u3zLY8TqLebHk5WyYc2Hm/535TTEvWNaoLRkOXYeQzCi9HelgatHCYMp7cO8mUS4qN+JH8lf3o48HhgtC54mbDwnb3ZDFvEQR5od6CA/WT5WPfPkZZfcfWgxHcKmGBXkxePIEpJAZj2iLwmCcM6AJjNF+q6ktoBxrwtw2/GmzERyprRADzuHxOIc9DWewmCu/M+WSPpO6qLaB9hA5TcsQHMG6EqJs8/6Jm6edh7LtTSvthTEQM07a2WCE2aI5vSziQDC9VfSZa6VcnwUjZUZBa8pBDY9esIqgVlLjpEF7KO6feVyLInZURow0u80jI44Cyix2wpU6bd0VqlyE+H3qS9k1Do1L44KammbKB8pcZYXyI86RHDYh/4RtzlqzNv1w5xJVRB7xiGhGfCRL1eRHos3ZhqCpiL4Z9h8BrvDjtp2g5+bM0ulSkqb+wQSFrvHS17dQOZ7xbzN9+OEptpNH0qqebCOZmCFgxwG3ozqJYrksU4UAtBEr725E3a+EIHzlhptOoanXpAbyqyecuQn/XC8N9WQyC20XYqEsABMXKiOGdgDFu26Waqa6h7V6yaSBW1Y2VQ5P3Jq2NXG4sulsD8aRHFZGXm/iFz3f6GW9G5+L4qdW6+5snNDD6u/t7xY1ukMWnd3d6lf5u1kyu4icmaA53rPHierqE37JADVe6qKe6qMlHU8NK2sTTzk0LsqtwziMjYe6cm15nSyexTlsPGbr0TOgCRhvwIZJsfKLnmg8Lmojmr0NUXVREKDur/95e9NQdeV6R8OpIqt8UaN9vQOxQ/odPisWYtsO9Wvt1vnWg/Zu9ULAijBAOQzx886iDQrMg0G8oiMH8eBWyCXViMJEUtxdmoMjs3BIzN1QUmdKSa0QPOvNvct+aijbI28Y1P6ZEkfuNboXnhV2tbBT2Hpir3CfQCgq8+aOniifCDc2sOzMiGfj8S4Qj0yuhHi1q7NCaLyhpIQjUFI8sNMTimE3Di+ZkOGx+eVhlTKjiQipMGHSAyJB8PDw2mxJ+0a2FubxOrACLJYZsq04LGk7Zle3lK5g17iZKJfwkLCN8hk8DNoFRrpVa+eetuTDJw8lD/f+83ta61YK5rndKevjR8B/dkPs7wDI1Okypy2gF4bRo7PrDHypS+OS4kl12Wfv1JTcJuTeLqm5c9bcA5c6NA4J39DBWxyHGthbrNm5KPNs/CQtUhDnRqWKoxYp2jKuANFOij/b+aykM9lvQPl8nSUF47iAQr0nwSieu++g6+6zP4uxXxy+AdgFNmCEWltieUVOs+cOn4fWTaw4ObgFrM8ek247/0Sa5VQ0LE2Ou0/v6vEiuyPuIThcg2ywzp5jWYRgvQeP783/c04qezwZspZrVF3AfKpJe3EyL71DeId0XrK4Q9GYrWfQ9DG9wpeeObM0vNeYdPTM1jGixEgjL51OLSRYfaQgUs8S0810Os8YmciaTYVYBprPs9CFRCFt4eWjGVihyQyWAfiXnIsLAgL5CgzrMCpSjkmRL5c3cwt9s6Ru6awBBTMjX2bJ8hQbT+mrGCuvArzG6IhQqVURDsOPucGY0ZaKozaK6QOYrA4jm6b1Tmvat5JyUa0pl3RjWT8/5sXb9Mp8KzlDvKkclJYCpIiTzP2LFFAvfU0Gr5adkq8+F7O635r+aaFp/fPXzokRI5C/Ji80z+tPlsYwWHkqtHtSLGhwDlPGM3QrhaD4xrMc565BodacZzeKBYqmV5teb5yLc6dfl2JshA3q0WAc7urY57FSXeRVtZotr+L3q+Ugf+PoSgm6a4XyPUVxRUXqIYZIKqOB92MPmvCuN29cWpIjbMvlDrnjOEN6COb4kCHHGcJDMsFAwN7/XwkuhSsiGSsTXaEovuQfCivCJPhMKemI2qfjh37OoVjKJVXxdfuiHDDxcTAYnAQAEAzCCyQ6JHfBjv8LqkCrYBgC2l0ATpv63FObDyAKbXE01HitQAGDNgMZw4sv75ymdxlANOFiEmCytTASiQnWaaKp6PtafRbUroBnsDE9WI+E80D+nmdgD/5GrAgbRCyU8bhcDWIN1sPiGESbGItEiSQ14KVpQrTJvKn8DfGIBRBwK8l7YKrtJW3yQ0Dis4r1eyeFJYIvg9VI1v0SABBACAA3b45WivYS4HobeDidfxhDFyXd5+hhdVSsNRfXB+un1hOk2AzVIHtYSABxTcOmcGgPPEBQISBgBV26NQQkEHovD3cvCohRLQCJ6211QwGMhFEwAIbBUNBAPMRAHGSbdg8UwmDoQyGFsh+iPBidvxYPwM5YqGH+mbp+HliH5wE=) format("woff2");font-weight:400;font-style:normal;font-display:swap}i[class^=fi-rr-]:before,i[class*=" fi-rr-"]:before,span[class^=fi-rr-]:before,span[class*=" fi-rr-"]:before{font-family:uicons-rr!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.fi-rr-home:before{content:""}.fi-rr-check:before{content:""}.fi-rr-user:before{content:"ﺠ"}.fi-rr-angle-small-right:before{content:""}.fi-rr-angle-small-left:before{content:""}.fi-rr-angle-left:before{content:""}.fi-rr-angle-right:before{content:""}.fi-rr-cross-small:before{content:""}.fi-rr-play:before{content:"爵"}.fi-rr-volume:before{content:"ﻐ"}.fi-rr-flag:before{content:""}.fi-rr-refresh:before{content:"הּ"}.fi-rr-settings:before{content:"﯒"}.fi-rr-bolt:before{content:""}.fi-rr-book:before{content:""}.fi-rr-comment:before{content:""}.fi-rr-graduation-cap:before{content:""}.fi-rr-menu-burger:before{content:"拉"}.fi-rr-trash:before{content:"︗"}.fi-rr-clock:before{content:""}.fi-rr-angle-up:before{content:""}.fi-rr-star:before{content:"ﳩ"}.fi-rr-search:before{content:"﮺"}.fi-rr-triangle-warning:before{content:"︳"}.fi-rr-plus:before{content:"窱"}.fi-rr-plus-small:before{content:"磌"}.fi-rr-minus-small:before{content:"淚"}.fi-rr-shuffle:before{content:"ﰃ"}.fi-rr-undo:before{content:"﹫"}.fi-rr-eye:before{content:""}.fi-rr-eye-crossed:before{content:""}.fi-rr-text-size:before{content:"ﶂ"}.fi-rr-arrow-small-up:before{content:""}.fi-rr-apps:before{content:""}.fi-rr-interrogation:before{content:""}.fi-rr-flame:before{content:""}.fi-rr-bullseye:before{content:""}.fi-rr-checkbox:before{content:""}.fi-rr-download:before{content:""}.fi-rr-info:before{content:""}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 35%,var(--bg)) 0%,var(--bg) 280px),var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,.sj-today-head,.sj-greet-h1{font-family:var(--font-display);letter-spacing:-.02em}button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;transition:background .12s ease,transform 60ms ease}button:hover{background:var(--surface-2)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600}button.primary:hover{filter:brightness(1.05);background:var(--accent)}button.good{background:color-mix(in srgb,var(--good) 16%,transparent);border-color:color-mix(in srgb,var(--good) 40%,transparent);color:var(--good)}button.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);border-color:color-mix(in srgb,var(--bad) 40%,transparent);color:var(--bad)}button.ghost{background:transparent}a{color:var(--accent);text-decoration:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sj-app{min-height:100vh}.sj-content{width:100%}.sj-home,.sj-settings,.sj-placeholder{zoom:var(--fs-scale)}.sj-shellbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px calc(11px + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.sj-shellbar-title{font-size:14px;font-weight:600;color:var(--text)}.sj-shellbar-right{display:flex;align-items:center;gap:8px}.sj-iconbtn{background:transparent;border:1px solid transparent;color:var(--muted);padding:6px 10px;border-radius:10px;font-size:13px}.sj-iconbtn:hover{background:var(--surface-2);color:var(--text)}.sj-home{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;gap:18px;padding:calc(22px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px))}.sj-home-head{display:flex;align-items:center;justify-content:space-between}.sj-brand-jp{font-size:19px;font-weight:700;color:var(--text)}.sj-brand-en{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:600;margin-top:2px}.sj-avatar{width:38px;height:38px;border-radius:99px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:15px;padding:0}.sj-avatar.sm{width:32px;height:32px;font-size:13px}.sj-greet{display:flex;flex-direction:column;gap:6px}.sj-greet-sub{font-size:13px;color:var(--muted)}.sj-greet-h1{font-size:22px;font-weight:650;margin:0;color:var(--text);line-height:1.25}.sj-tools{display:flex;flex-direction:column;gap:14px}.sj-toolcard{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.sj-toolcard:hover{background:var(--surface-2);transform:none}.sj-tile{flex:none;width:50px;height:50px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:24px;font-weight:700;background:color-mix(in srgb,var(--tile, var(--accent)) 16%,transparent);color:var(--tile, var(--accent))}.sj-tile.lg{width:76px;height:76px;font-size:36px;border-radius:var(--radius-lg)}.sj-toolcard-mid{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.sj-toolcard-title{font-size:17px;font-weight:600;color:var(--text)}.sj-toolcard-sub{font-size:12px;color:var(--muted)}.sj-toolcard-meta{font-size:11px;color:var(--muted);opacity:.82;font-weight:500}.sj-chev{color:var(--muted);font-size:22px;flex:none}.sj-spacer{flex:1;min-height:12px}.sj-guest{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sj-guest-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sj-guest-title{font-size:13px;font-weight:500;color:var(--text)}.sj-guest-sub{font-size:11px;color:var(--muted)}.sj-pill{flex:none;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:13px;padding:9px 16px;border-radius:99px}.sj-settings{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:18px var(--gutter) calc(40px + env(safe-area-inset-bottom,0px))}.sj-settings h2{margin:0;font-size:22px}.sj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px}.sj-card h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600}.sj-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sj-seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.sj-seg button{background:transparent;border:none;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:13px;min-width:44px}.sj-seg button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.sj-signin{display:flex;gap:8px;flex-wrap:wrap}.sj-input{flex:1;min-width:160px;min-height:44px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 12px;color:var(--text);font:inherit}.sj-signin-pw{flex-direction:column;align-items:stretch}.sj-signin-actions{display:flex;gap:8px}.sj-signin-actions button{flex:1}.sj-auth-method{margin-bottom:10px}.sj-iconclose{min-width:40px;min-height:40px;display:grid;place-items:center;padding:8px;font-size:16px;line-height:1}.sj-linkbtn{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:13px;padding:4px 2px;text-decoration:underline}.sj-linkbtn:disabled{opacity:.5}.sj-recovery-card{max-width:360px;width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}.sj-recovery-card h2{margin:0}.sj-install h3{margin-top:0}.sj-admin{max-width:760px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top,0px)) var(--gutter) 24px;display:flex;flex-direction:column;gap:16px;zoom:var(--fs-scale)}.sj-admin-head{display:flex;align-items:center;gap:10px}.sj-admin-head h2{margin:0;font-size:22px}.sj-admin-list{display:flex;flex-direction:column;gap:0;margin-top:10px;max-height:58vh;overflow:auto}.sj-admin-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--border)}.sj-admin-row:last-child{border-bottom:none}.sj-admin-row-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sj-admin-row-main .t{font-size:14px;font-weight:600;color:var(--text)}.sj-admin-row-main .s{font-size:11px;color:var(--muted)}.chip.db{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.sj-muted{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.sj-placeholder{max-width:440px;margin:0 auto;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.sj-placeholder h2{margin:0;font-size:22px}.sj-frame{min-height:100vh}.sj-main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.sj-splash{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.sj-variety-note{color:var(--good);font-weight:600;margin:6px 0}.sj-backbar{display:inline-flex;align-items:center;gap:4px;margin:10px var(--gutter) 2px;padding:7px 14px 7px 10px;border-radius:99px;font-size:13px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.sj-backbar:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.sj-bottomnav{position:fixed;left:0;right:0;z-index:100;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:0 16px;pointer-events:none}.sj-bottomnav-inner{pointer-events:auto;width:100%;max-width:460px;display:flex;gap:2px;padding:6px;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:24px;box-shadow:0 10px 34px #00000061,0 2px 8px #00000038}.sj-navbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;border-radius:16px;padding:8px 4px 7px;color:var(--muted);transition:color .15s ease,background .15s ease}.sj-navbtn:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.sj-navbtn .ic{font-size:18px;line-height:1}.sj-navbtn .lb{font-size:10px;font-weight:600;letter-spacing:.2px}.sj-navbtn.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.sj-dash{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:calc(22px + env(safe-area-inset-top,0px)) var(--gutter) 12px;zoom:var(--fs-scale)}.sj-dash-col,.sj-dash-wide{display:flex;flex-direction:column;gap:16px;min-width:0}.sj-dash-head{display:flex;align-items:center;justify-content:space-between}.sj-today{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));border:1.5px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-lg);padding:20px 22px;box-shadow:0 1px 2px #0003,0 18px 34px -26px #0009}.sj-today.done{background:linear-gradient(135deg,color-mix(in srgb,var(--good) 14%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--good) 30%,var(--border))}.sj-today-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.sj-today-kick{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--accent)}.sj-today.done .sj-today-kick{color:var(--good)}.sj-today-head{font-size:23px;font-weight:800;color:var(--text);line-height:1.14;letter-spacing:-.01em}.sj-today-sub{font-size:13px;color:var(--muted)}.sj-today-go{align-self:flex-start;margin-top:10px;display:inline-flex;align-items:center;gap:5px;padding:11px 22px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:12px;box-shadow:0 8px 22px -10px var(--accent);transition:.18s}.sj-today-go:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px var(--accent)}.sj-today-ring{flex:none}.sj-today-ring-t{font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:800;fill:var(--text)}.sj-doors-kick{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:2px 0 -4px 2px}.sj-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sj-door{display:flex;flex-direction:column;gap:3px;align-items:center;padding:16px 8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:.16s}.sj-door:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--surface-2);transform:translateY(-1px)}.sj-door-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));color:var(--accent);font-size:15px;margin-bottom:3px}.sj-door b{font-size:14.5px}.sj-door span{font-size:11px;color:var(--muted)}.sj-statstrip{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:99px;font-size:13px;color:var(--muted)}.sj-statstrip .it{white-space:nowrap}.sj-statstrip .it b{color:var(--text);font-weight:700}.sj-statstrip .it.up{color:var(--good);font-weight:600}.sj-review-handoff{display:flex;flex-direction:column;gap:10px;align-items:stretch}.sj-streak{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.sj-streak .flame{font-size:34px;line-height:1}.sj-streak-n{font-size:30px;font-weight:750;line-height:1;color:var(--text)}.sj-streak-lb{font-size:12px;color:var(--muted);margin-top:4px}.sj-level{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.sj-level-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sj-level-badge{font-size:14px;font-weight:750;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:99px;padding:3px 12px}.sj-level-xp{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-level-bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.sj-level-bar .fill{height:100%;border-radius:99px;background:var(--accent);transition:width .4s ease}.sj-levelup{font-size:13px;font-weight:650;color:var(--accent-2);animation:sjFace .25s ease}.sj-level-week{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-level.sj-level-bare{background:transparent;border:none;padding:0}.sj-statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sj-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 10px;text-align:center}.sj-stat .v{font-size:22px;font-weight:700;color:var(--text)}.sj-stat .k{font-size:11px;color:var(--muted);margin-top:3px}.sj-section-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;margin-top:4px}.sj-quickrow{display:flex;gap:10px}.sj-quickbtn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.sj-quickbtn .big{font-size:26px;font-weight:700;color:var(--text)}.sj-quickbtn .lb{font-size:12px;color:var(--muted)}.sj-marketing{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;gap:26px;padding:52px 24px calc(40px + env(safe-area-inset-bottom,0px))}.sj-hero{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.sj-hero .logo{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:1px}.sj-hero h1{font-size:32px;line-height:1.12;margin:0;color:var(--text)}.sj-hero p{font-size:16px;color:var(--muted);margin:0;line-height:1.55}.sj-features{display:flex;flex-direction:column;gap:10px}.sj-feature{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sj-feature .fic{font-size:22px;flex:none;width:28px;text-align:center}.sj-feature .ft{font-weight:600;color:var(--text)}.sj-feature .fd{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.45}.sj-cta{display:flex;flex-direction:column;gap:10px}.sj-bigbtn{width:100%;padding:14px;border-radius:var(--radius-md);font-size:15px;font-weight:600}.sj-kana{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:calc(20px + env(safe-area-inset-top,0px)) var(--gutter) 12px;zoom:var(--fs-scale)}.sj-kana-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sj-kana-head h2{margin:0;font-size:22px}.sj-kana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.sj-kana-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 6px;text-align:center}.sj-kana-cell:hover{background:var(--surface-2)}.sj-kana-cell .c{font-size:24px;color:var(--text)}.sj-kana-cell .r{font-size:11px;color:var(--muted);margin-top:2px}.sj-chiprow{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0 10px}.sj-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px}.sj-chip .em{font-size:15px}.sj-chip.active{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--text)}.sj-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.sj-switch{position:relative;flex:none;width:44px;height:26px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);padding:0;cursor:pointer;transition:background .18s,border-color .18s}.sj-switch.on{background:var(--accent);border-color:var(--accent)}.sj-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted-strong);transition:left .18s,background .18s}.sj-switch.on .sj-switch-thumb{left:20px;background:#fff}.sj-switch:disabled{opacity:.45;cursor:default}.survival-card.clickable{cursor:pointer}.survival-card.clickable:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sj-conj{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 12px;zoom:var(--fs-scale)}.sj-conj-head{display:flex;align-items:center;justify-content:space-between}.sj-conj-head h2{margin:0;font-size:22px}.sj-seg.sj-seg-full{width:100%}.sj-seg.sj-seg-full button{flex:1}.sj-conj-filters{gap:14px}.sj-chipwrap{display:flex;flex-wrap:wrap;gap:6px}.sj-conj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;min-height:320px;display:flex;flex-direction:column}.sj-conj-counter{font-size:12px;color:var(--muted);text-align:center}.sj-conj-score{color:var(--muted)}.sj-conj-face{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:12px 0;animation:sjFace .18s ease}@keyframes sjFace{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sj-conj-prompt{font-size:13px;color:var(--muted)}.sj-conj-jp{font-size:40px;font-weight:700;color:var(--text);line-height:1.25}.sj-conj-jp.answer{color:var(--accent-2)}.sj-conj-jp rt{font-size:.38em;color:var(--muted);font-weight:500}.sj-conj-tag{display:inline-block;font-size:12px;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent);padding:4px 12px;border-radius:99px}.sj-conj-mean{font-size:15px;color:var(--text)}.sj-conj-hint{font-size:12px;color:var(--muted)}.sj-conj-romaji{font-size:15px;color:var(--muted);letter-spacing:.3px;margin-top:-8px}.sj-conj-ask{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:15px;color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:99px;padding:7px 16px}.sj-conj-ask .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.sj-conj-ask b{color:var(--accent);font-weight:700}.sj-conj-ask .jp{font-size:14px;color:var(--accent-2);font-weight:600}.sj-conj-details{width:100%;display:flex;flex-direction:column;margin-top:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px 14px}.sj-conj-details>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;padding:10px 0;border-bottom:1px solid var(--border)}.sj-conj-details>div:last-child{border-bottom:none}.sj-conj-details span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.sj-conj-details b{color:var(--text);font-weight:650}.sj-conj-chain{color:var(--accent-2)}.sj-conj-details rt{font-size:.6em;color:var(--muted)}.sj-conj-rate{display:flex;gap:10px;width:100%;margin-top:6px}.sj-conj-rate button{flex:1;padding:13px;font-weight:600;font-size:15px}.sj-conj-empty{text-align:center;color:var(--muted)}.sj-version{text-align:center;font-size:11px;color:var(--muted);opacity:.75;margin:4px 0 0;font-variant-numeric:tabular-nums}.sj-swatches{display:flex;gap:8px}.sj-swatch{width:28px;height:28px;border-radius:99px;border:2px solid transparent;padding:0;cursor:pointer}.sj-swatch:hover{transform:none}.sj-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg) inset}.sj-conj-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sj-conj-level{font-size:11px;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:2px 9px}.sj-conj-prompt{display:flex;flex-direction:column;gap:2px;align-items:center}.sj-conj-prompt .en{font-size:14px;color:var(--text);font-weight:500}.sj-conj-prompt .jp{font-size:12px;color:var(--muted)}.sj-conj-display{margin-top:2px}.sj-conj-display button{font-size:12px}.sj-conj-back{background:transparent;border:none;color:var(--muted);font-size:20px;line-height:1;padding:8px 14px;border-radius:8px}.sj-conj-back:hover{background:var(--surface-2);color:var(--text)}.sj-conj-progress{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:8px 0 2px}.sj-conj-progress .bar{height:100%;background:var(--accent);border-radius:99px;transition:width .2s ease}.sj-conj-controls{display:flex;flex-direction:column;gap:8px}.sj-conj-switches{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.sj-conj-practiced{text-align:center;font-size:11px;color:var(--muted)}.sj-form-families{display:flex;flex-direction:column;gap:14px}.sj-form-fam-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:none;padding:0 2px 7px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.sj-form-fam-head:hover{color:var(--text)}.sj-form-fam-head.all .fam-name{color:var(--accent)}.sj-form-fam-head .fam-count{font-size:10px;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:2px 8px;font-weight:600;letter-spacing:0}.sj-survival-switches{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 6px}.drill-levels{display:flex;gap:4px;flex:none}.lvl-chip{padding:8px 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;font-weight:650;cursor:pointer}.lvl-chip:hover{color:var(--text)}.lvl-chip.active{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent)}.sj-counters{display:flex;flex-direction:column;gap:12px}.sj-counters h2{margin:0}.sj-counter-toggles{display:flex;flex-wrap:wrap;gap:6px}.sj-counter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.sj-counter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px}.sj-counter-head{display:flex;align-items:center;gap:10px}.sj-counter-head .cc-em{font-size:26px;line-height:1;flex:none}.cc-meta{min-width:0}.cc-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cc-kanji{font-size:24px;font-weight:700;color:var(--text)}.cc-label{font-size:13px;color:var(--text)}.cc-how{font-size:12px;color:var(--muted);margin-top:2px}.cc-note{font-size:12px;color:var(--muted);line-height:1.45}.cc-rows{display:flex;flex-direction:column;border-top:1px solid var(--border)}.cc-row{display:flex;align-items:baseline;gap:12px;padding:7px 2px;border-bottom:1px solid var(--border)}.cc-row:last-child{border-bottom:none}.cc-n{width:22px;flex:none;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;font-weight:600}.cc-r{font-size:16px;color:var(--text)}.cc-row.irr .cc-r{color:var(--accent);font-weight:650}.cc-romaji{color:var(--muted);font-size:.82em;font-weight:400}.sj-counter-foot{font-size:12px;opacity:.85}.sj-sidebar{display:none}.sj-sidebar-brand{padding:6px 12px 14px}.sj-sidebar-brand .jp{font-size:18px;font-weight:700;color:var(--text)}.sj-sidebar-brand .en{font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:600;margin-top:2px}.sj-sidebar-nav{display:flex;flex-direction:column;gap:4px}.sj-side-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:none;border-radius:10px;padding:11px 12px;color:var(--muted);font-size:14px;font-weight:500}.sj-side-item:hover{background:var(--surface-2);color:var(--text)}.sj-side-item.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.sj-side-item .ic{font-size:18px;width:22px;text-align:center}.sj-sidebar-foot{margin-top:auto;padding:12px;font-size:11px;color:var(--muted);opacity:.7}.sj-conj-layout{display:flex;flex-direction:column;gap:12px}.sj-conj-cardcol{display:flex;flex-direction:column;gap:8px;min-width:0}.sj-conj-rail{display:none;flex-direction:column;gap:12px}.sj-conj-rail.open{display:flex;animation:sjFace .18s ease}.sj-conj-head-actions{display:flex;gap:8px;align-items:center}.sj-conj-settings-btn.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.sj-rail-block{display:flex;flex-direction:column;gap:8px}.sj-collapse>summary{cursor:pointer;list-style:none;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;padding:2px 0}.sj-collapse>summary::-webkit-details-marker{display:none}.sj-collapse[open]>summary{margin-bottom:8px}@media (min-width: 900px){.sj-frame{display:flex;align-items:flex-start}.sj-sidebar{display:flex;flex-direction:column;width:248px;flex:none;position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 45%,var(--bg))}.sj-bottomnav{display:none}.sj-main{flex:1;min-width:0;padding-bottom:32px}.sj-dash-head .sj-brand{display:none}.sj-dash-head{justify-content:flex-end}.sj-settings{max-width:760px}.sj-kana{max-width:var(--measure-wide)}.sj-marketing{max-width:720px}.sj-dash{max-width:760px}.sj-vocab{max-width:880px}.sj-vocab-levels{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}.sj-review{max-width:960px}.sj-resources{max-width:880px}.sj-plan{max-width:720px}.sj-reader.sj-reader-browse{max-width:980px}.sj-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.sj-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.sj-vsession{max-width:660px}.sj-vocab.sj-vsession{max-width:900px}.sj-vsession .sj-vsess-layout{flex-direction:row;gap:18px;align-items:flex-start}.sj-vsession .sj-vsess-main{flex:1;min-width:0}.sj-vsession .sj-vsess-main>*{width:100%;max-width:520px;margin-inline:auto}.sj-vsession .sj-vsess-rail{display:flex;position:sticky;top:16px;width:220px;flex:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.gr-page{max-width:980px}.rd-list-block.rd-list-block{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;align-content:start}.rd-list-block .sj-section-label{grid-column:1 / -1}.sj-conj{max-width:600px}.sj-conj.rail-open{max-width:940px}.sj-conj-layout{flex-direction:row;align-items:flex-start}.sj-conj-cardcol{flex:1;min-width:0}.sj-conj-rail.open{width:304px;flex:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;position:sticky;top:16px}}@media (min-width: 1280px){.sj-dash{max-width:820px}.sj-review,.sj-reader.sj-reader-browse{max-width:1080px}}.sj-mk-page{min-height:100vh}.sj-mk-wrap{max-width:1040px;margin:0 auto;padding:0 24px}.sj-mk-narrow{max-width:720px}.sj-legal .sj-mk-wrap{padding-top:40px;padding-bottom:64px}.sj-legal-back{display:inline-block;color:var(--accent);font-weight:600;font-size:14px;margin-bottom:18px}.sj-legal h1{font-size:clamp(28px,5vw,38px);margin:0 0 4px;letter-spacing:-.02em}.sj-legal-eff{color:var(--muted);font-size:13px;margin:0 0 24px}.sj-legal h2{font-size:18px;margin:28px 0 8px}.sj-legal p,.sj-legal li{font-size:15px;line-height:1.65;color:var(--text-2)}.sj-legal ul{padding-left:20px;margin:8px 0}.sj-legal li{margin:4px 0}.sj-legal a{color:var(--accent)}.sj-legal code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.9em}.sj-legal-foot{margin-top:36px;padding-top:18px;border-top:1px solid var(--border);font-size:14px}.sj-reader{max-width:680px;margin:0 auto;padding:14px var(--gutter) 28px;display:flex;flex-direction:column;gap:14px}.sj-reader-browse h2{margin:0;font-size:22px}.rd-toolbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rd-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rd-toggle{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:6px 9px;font-size:13px;min-width:34px}.rd-toggle.active{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.rd-toggle.saved{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,transparent)}.rd-toggle:disabled{opacity:.4}.rd-meta h2{margin:0 0 8px;font-size:20px}.rd-tags{display:flex;gap:6px;flex-wrap:wrap}.rd-text{display:flex;flex-direction:column;gap:16px}.rd-line{margin:0;line-height:2.1}.rd-word{background:transparent;border:none;padding:1px;margin:0;color:var(--text);font-size:1em;border-radius:5px;cursor:pointer;line-height:inherit}.rd-word:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.rd-punct{color:var(--text)}.rd-line ruby rt{font-size:.5em;color:var(--muted);font-weight:500}.rd-en{margin-top:6px;font-size:.82em;color:var(--muted);border-left:2px solid var(--border);padding-left:10px;line-height:1.5}.rd-pop-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.rd-pop{position:fixed;z-index:61;transform:translate(-50%,-100%);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px;box-shadow:0 10px 30px -10px #0009;min-width:120px;max-width:240px;text-align:center}.rd-pop-w{font-size:18px;font-weight:700;color:var(--text)}.rd-pop-r{font-size:12px;color:var(--muted);margin-top:2px}.rd-pop-g{font-size:13px;color:var(--text);margin-top:6px}.rd-pop-known{margin-top:10px;width:100%;background:var(--accent);border:none;color:#fff;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:700}.rd-pop-known:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.rd-furiseg button{font-size:12px;padding:6px 9px}.sj-known-chip{font-size:16px}.rd-pop-known-kanji{margin-top:7px;width:100%;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:600}.rd-pop-more{margin-top:8px;width:100%;background:none;border:none;color:var(--muted);font-size:12px;padding:4px;cursor:pointer}.rd-pop-known-kanji:hover{color:var(--text);border-color:var(--accent)}.rd-scope-note{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:11px 13px;font-size:12.5px;line-height:1.4;box-shadow:0 14px 30px -16px #000000b3;z-index:30}.rd-scope-note span{flex:1;color:var(--muted)}.rd-scope-note b{color:var(--text)}.rd-scope-note .rd-toggle{flex:none}.rd-struggle{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,transparent,var(--bg) 24%);z-index:35}.rd-struggle-toast{display:flex;align-items:center;gap:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:11px 13px;box-shadow:0 14px 30px -16px #000000b3}.rd-struggle-dot{width:30px;height:30px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-size:15px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.rd-struggle-tx{font-size:12.5px;color:var(--text-2);line-height:1.4}.rd-struggle-tx b{color:var(--text)}.rd-struggle .rd-nudge-actions{margin-top:9px}.rd-grad{position:absolute;left:50%;bottom:18px;transform:translate(-50%);background:color-mix(in srgb,var(--warn) 16%,var(--surface-2));border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);color:var(--text);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;z-index:40;box-shadow:0 14px 30px -16px #000000b3}.rd-grad b{color:var(--warn)}.rd-scope-note,.rd-nudge-wrap,.rd-struggle{animation:rdCoach .22s ease}.rd-grad{animation:rdCoachC .22s ease}@keyframes rdCoach{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rdCoachC{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.rd-scope-note,.rd-nudge-wrap,.rd-struggle,.rd-grad{animation:none}}.sj-known-search{width:100%;margin:6px 0 10px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:14px}.sj-known-list{display:flex;flex-direction:column;gap:6px}.sj-known-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sj-known-row .nm{font-size:17px}.sj-known-reading{font-size:13px;font-weight:400}.sj-known-row .sj-linkbtn{margin-left:auto}.sj-known-subhead{margin:18px 0 4px;font-size:14px}.sj-aid-rung{display:flex;align-items:center;gap:10px;padding:12px;margin:4px 0 10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:var(--radius-md)}.sj-aid-rung-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sj-aid-rung .nm{font-weight:700;font-size:14.5px}.sj-aid-dot{width:11px;height:11px;border-radius:50%;flex:none;background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 22%,transparent)}.sj-aid-help{margin:6px 0 4px;font-size:12.5px;line-height:1.45}.sj-aid-help .sj-linkbtn{font-size:inherit}.sj-seg.sj-seg-alt button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.sj-known-stat{display:flex;flex-direction:column;gap:2px;margin:2px 0 12px}.sj-known-stat .nm{font-weight:700;font-size:15px}.sj-known-group{margin:10px 0}.sj-known-levels{display:flex;flex-direction:column;gap:14px}.sj-known-lvgroup{display:flex;flex-direction:column;gap:6px}.sj-known-lvhead{display:flex;align-items:center;gap:9px}.sj-known-lvhead .lv.other{font-size:11px;font-weight:700;color:var(--muted)}.sj-known-lvhead .ct{font-variant-numeric:tabular-nums;font-size:12.5px}.sj-known-lvhead .sj-linkbtn{margin-left:auto}.sj-aid-check{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:8px 0 2px;font-size:12.5px;color:var(--muted);line-height:1.45}.sj-jumpstart{display:flex;flex-direction:column;gap:6px;margin:4px 0 12px;font-size:12.5px}.sj-jumpstart-seg{max-width:220px}.sj-promote{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 12px;background:color-mix(in srgb,var(--accent-2) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);border-radius:var(--radius-md);font-size:13px;line-height:1.4}.sj-promote .sj-linkbtn{margin-left:auto;flex:none;white-space:nowrap}.rd-pop-play{margin-left:8px;border:none;background:transparent;color:var(--accent);font-size:15px;cursor:pointer;vertical-align:-1px}.rd-nudge-wrap{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,transparent,var(--bg) 24%);z-index:35}.rd-nudge{background:var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px;padding:16px;box-shadow:0 18px 40px -20px #000000b3}.rd-nudge-top{display:flex;align-items:center;gap:10px}.rd-nudge-ic{width:30px;height:30px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-size:16px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.rd-nudge-kick{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-weight:700;line-height:1.35}.rd-nudge-title{font-size:18px;font-weight:700;margin:9px 0 6px}.rd-nudge-body{font-size:13.5px;color:var(--muted);line-height:1.5}.rd-nudge-actions{display:flex;gap:9px;margin-top:14px}.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:13.5px;border-radius:10px;padding:11px 14px;border:none}.rd-btn.prim{flex:1;background:var(--accent);color:#fff}.rd-btn.sec{flex:none;background:transparent;color:var(--text-2);border:1px solid var(--border)}.rd-btn.sm{font-size:12px;padding:8px 12px}.rd-nudge-silence{display:block;margin:11px auto 0;background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer}.rd-gen{gap:12px}.rd-list-block{display:flex;flex-direction:column;gap:8px}.rd-list-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.rd-list-item:hover{background:var(--surface-2)}.rd-list-item>.rd-li-title{flex:1}.rd-li-main{flex:1;display:flex;flex-direction:column;gap:2px;background:transparent;border:none;text-align:left;padding:0;min-width:0}.rd-li-title{font-size:15px;font-weight:600;color:var(--text)}.rd-li-topic{font-size:12px;color:var(--muted)}.rd-li-check{color:var(--good);font-weight:800;margin-right:6px}.rd-list-item.read{border-color:color-mix(in srgb,var(--good) 35%,var(--border))}.rd-list-item.read .rd-li-title{color:var(--muted)}.rd-heart{background:transparent;border:none;color:var(--muted);font-size:18px;padding:2px 6px}.rd-heart.saved{color:var(--bad)}.rd-pop.down{transform:translate(-50%)}.rd-tools-right{display:flex;gap:6px;align-items:center}.rd-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;padding:6px 0 8px;border-bottom:1px solid var(--border);margin-bottom:6px}.rd-ctrl{display:flex;flex-direction:column;align-items:center;gap:5px}.rd-cap{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.rd-pill{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:7px 14px;font-size:13px}.rd-pill.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.rd-pill:disabled{opacity:.4}.rd-optbtn{align-self:center;display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600}.rd-optbtn.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.rd-sub{margin-top:4px}.rd-romaji{font-size:.62em;color:var(--muted);font-style:italic;line-height:1.5}.rd-viewseg{margin-bottom:2px}.rd-cats,.rd-glevels{margin:2px 0}.rd-gfilter{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;padding:8px 12px}.rd-gfilter b{color:var(--accent)}.rd-gfilter-x{margin-left:auto;background:transparent;border:none;color:var(--muted);font-size:13px;padding:2px 6px}.rd-gfilter-x:hover{color:var(--text)}.rd-heart.saved,.rd-toggle.saved{color:var(--warn)}.rd-toggle.saved{border-color:color-mix(in srgb,var(--warn) 50%,transparent)}.rd-toggle.done{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,transparent);background:color-mix(in srgb,var(--good) 14%,transparent)}.rd-pop-w{display:flex;align-items:center;justify-content:center;gap:8px}.rd-pop-lv{font-size:10px;padding:1px 7px}.rd-text-conv{gap:12px}.rd-turn{border-left:3px solid var(--border);padding-left:12px}.rd-speaker{font-size:.72em;font-weight:700;letter-spacing:.3px;margin-bottom:2px}.rd-scene{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-style:italic;color:var(--muted)}.rd-scene-cap{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);opacity:.8;margin-bottom:3px}.rd-scene .rd-line{line-height:1.9}.rd-scene .rd-word{color:var(--muted)}.rd-grammar-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.rd-gram{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:6px}.rd-gram-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rd-gram-jp{font-size:18px;font-weight:700;color:var(--text)}.rd-gram-label{font-size:13px;font-weight:600;color:var(--accent)}.rd-gram-explain{font-size:13px;color:var(--text);line-height:1.5}.rd-gram-ex{display:flex;flex-direction:column;gap:1px;background:var(--surface-2);border-radius:8px;padding:7px 10px;font-size:12px}.rd-gram-ex .jp{color:var(--text)}.rd-gram-ex .en{color:var(--muted)}.rd-gram-practice{margin-top:2px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600}.rd-gram-practice:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.rd-gram-practice:disabled{opacity:.45;color:var(--muted);border-color:var(--border);background:transparent}.sj-review{max-width:560px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 24px;display:flex;flex-direction:column;gap:14px;zoom:var(--fs-scale)}.sj-review-head{display:flex;align-items:baseline;justify-content:space-between}.sj-review-head h2{margin:0}.sj-review-remain{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-review-chips{display:flex;flex-wrap:wrap;gap:6px}.sj-review-chip{font-size:11px;font-weight:650;color:var(--tint, var(--accent));background:color-mix(in srgb,var(--tint, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--tint, var(--accent)) 32%,transparent);border-radius:99px;padding:3px 10px}.sj-review-card{position:relative;background:var(--surface);border:1px solid color-mix(in srgb,var(--tint, var(--accent)) 28%,var(--border));border-radius:var(--radius-lg);padding:22px 18px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;box-shadow:0 0 0 1px color-mix(in srgb,var(--tint, var(--accent)) 10%,transparent),0 10px 44px -16px color-mix(in srgb,var(--tint, var(--accent)) 38%,transparent)}.sj-review-domain{position:absolute;top:12px;left:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--tint, var(--accent))}.sj-review-front{font-size:40px;font-weight:700;color:var(--text);line-height:1.25;transform:translateY(.02em)}.sj-review-sub{font-size:14px;color:var(--muted);margin-top:-6px}.sj-review-back{display:flex;flex-direction:column;gap:6px}.sj-review-answer{font-size:24px;font-weight:700;color:var(--accent-2)}.sj-review-detail{font-size:15px;color:var(--text);line-height:1.5}.sj-review-show{max-width:280px}.sj-review-rate{display:flex;gap:10px;width:100%;max-width:320px;margin-top:4px}.sj-review-rate button{flex:1;padding:13px;font-weight:600;font-size:15px}.sj-review-progress{text-align:center;font-size:12px;color:var(--muted)}.sj-review-empty{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;padding:28px 18px}.sj-review-empty p{margin:0}.sj-review-done-emoji{font-size:40px}.sj-review-cta{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.sj-review-cta.has-due{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.sj-review-cta-ic{width:44px;height:44px;flex:none;border-radius:var(--radius-md);display:grid;place-items:center;font-size:20px;font-weight:800;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.sj-review-cta-mid{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sj-review-cta-mid .t{font-weight:650;color:var(--text)}.sj-review-cta-mid .s{font-size:12px;color:var(--muted)}.rd-pop-review{margin-top:8px;width:100%;background:color-mix(in srgb,var(--accent-2) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 40%,transparent);color:var(--accent-2);border-radius:9px;padding:8px;font-size:13px;font-weight:600}.rd-pop-saved{margin-top:8px;text-align:center;font-size:12px;color:var(--good);font-weight:600}.rd-gram-actions{display:flex;gap:8px;align-items:stretch}.rd-gram-actions .rd-gram-practice{flex:1;margin-top:0}.rd-gram-review{margin-top:0;background:color-mix(in srgb,var(--accent-2) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);color:var(--accent-2);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:600;white-space:nowrap}.rd-gram-review.added,.rd-gram-review:disabled{background:transparent;color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,transparent);opacity:1}.sj-conj-addreview{align-self:center;background:color-mix(in srgb,var(--accent-2) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);color:var(--accent-2);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;margin-top:2px}.sj-conj-addreview.added,.sj-conj-addreview:disabled{background:transparent;color:var(--good);border-color:color-mix(in srgb,var(--good) 35%,transparent);opacity:1}.rd-furihint{margin:-2px 0 2px;font-size:12px;color:var(--muted);line-height:1.45;background:color-mix(in srgb,var(--accent-2) 7%,transparent);border-left:2px solid color-mix(in srgb,var(--accent-2) 40%,transparent);border-radius:6px;padding:7px 10px}.ob-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:obFade .25s ease}@keyframes obFade{0%{opacity:0}to{opacity:1}}.ob-card{position:relative;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px 22px 18px;box-shadow:0 24px 70px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.ob-skip{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--muted);font-size:13px;padding:10px 14px}.ob-skip:hover{color:var(--text)}.ob-visual{width:100%;min-height:150px;display:grid;place-items:center;margin-bottom:4px;animation:obSlide .3s ease}@keyframes obSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ob-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.ob-title{margin:0;font-size:22px}.ob-body{margin:0;font-size:14px;color:var(--muted);line-height:1.55}.ob-dots{display:flex;gap:8px;margin:6px 0 2px}.ob-dot{width:8px;height:8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);padding:0}.ob-dot.active{background:var(--accent);border-color:transparent;width:22px}.ob-dot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ob-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:6px}.ob-setup{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.ob-setup-field{width:100%;margin-top:8px;text-align:left}.ob-setup-lab{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.ob-seg{display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:4px}.ob-seg button{flex:1;padding:9px 0;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:14px;border-radius:7px}.ob-seg button.active{background:var(--accent);color:var(--accent-ink)}.ob-modes{display:flex;gap:8px}.ob-mode{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;padding:10px 6px;border:1px solid var(--border);background:var(--surface);border-radius:10px;color:var(--text)}.ob-mode b{font-size:13.5px}.ob-mode span{font-size:10.5px;color:var(--muted)}.ob-mode.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.ob-actions .primary,.ob-actions .ghost{padding:11px 18px}.ob-actions>span{flex:1}.ob-hero{text-align:center}.ob-hero-jp{font-size:34px;font-weight:800;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.ob-hero-en{font-size:12px;letter-spacing:4px;color:var(--muted);margin-top:6px}.ob-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:240px}.ob-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--tint) 12%,transparent);border:1px solid color-mix(in srgb,var(--tint) 30%,transparent)}.ob-tile .ch{font-size:30px;font-weight:700;color:var(--tint)}.ob-tile .lb{font-size:12px;color:var(--text);font-weight:600}.ob-review{display:flex;flex-direction:column;align-items:center;gap:8px}.ob-review-pill{font-size:13px;font-weight:600;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 40%,transparent);border-radius:99px;padding:8px 16px}.ob-review-arrow{color:var(--muted);font-size:20px}.ob-review-card{display:flex;align-items:center;gap:10px;font-weight:650;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius-md);padding:12px 18px}.ob-review-ic{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:800}.ob-habit{display:flex;gap:16px}.ob-habit-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--text);font-weight:600;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px}.ob-habit-item .big{font-size:34px}.sj-goal{gap:12px}.sj-goal.done{border-color:color-mix(in srgb,var(--good) 45%,transparent)}.sj-goal-head{display:flex;align-items:center;justify-content:space-between}.sj-goal-head h3{margin:0}.sj-goal-edit{background:transparent;border:none;color:var(--accent);font-size:13px;padding:8px 10px;margin:-4px -4px -4px 0}.sj-goal-banner{font-size:13px;font-weight:650;color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent);border-radius:8px;padding:8px 10px;animation:sjFace .25s ease}.sj-goal-acts{display:flex;flex-direction:column;gap:10px}.sj-goal-act-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.sj-goal-act-top .lb{color:var(--text);font-weight:600}.sj-goal-act-top .val{color:var(--muted);font-variant-numeric:tabular-nums}.sj-goal-act-top .val.met{color:var(--good);font-weight:600}.sj-goal-bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.sj-goal-bar .fill{height:100%;border-radius:99px;transition:width .4s ease}.sj-goal-week{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:10px}.sj-goal-week .lb{font-size:12px;color:var(--muted)}.sj-goal-dots{display:flex;gap:5px}.sj-goal-dots .dot{width:9px;height:9px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border)}.sj-goal-dots .dot.on{background:var(--good);border-color:transparent}.sj-goal-prompt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-lg);padding:14px 16px}.sj-goal-prompt-ic{font-size:22px;flex:none}.sj-goal-prompt-mid{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sj-goal-prompt-mid .t{font-weight:650;color:var(--text)}.sj-goal-prompt-mid .s{font-size:12px;color:var(--muted)}.sj-goal-mini{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:99px;max-width:460px;margin:10px auto 6px}.sj-goal-mini-ic{font-size:13px;flex:none}.sj-goal-mini-bar{flex:1;height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;min-width:60px}.sj-goal-mini-bar .fill{height:100%;border-radius:99px;background:var(--accent);transition:width .4s ease}.sj-goal-mini-lb{font-size:11px;font-weight:600;color:var(--muted);flex:none;font-variant-numeric:tabular-nums}.sj-goal-setrows{display:flex;flex-direction:column;gap:10px}.sj-goal-setrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.sj-goal-setrow .lb{font-size:14px;color:var(--text)}.sj-goal-setrow .lb .u{font-size:11px;color:var(--muted)}.sj-goal-hint{margin-top:2px}.sj-stepper{display:flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px}.sj-stepper button{width:44px;height:44px;padding:0;display:grid;place-items:center;border:none;background:transparent;color:var(--text);font-size:18px;border-radius:8px}.sj-stepper button:hover{background:var(--surface)}.sj-stepper button:disabled{opacity:.4}.sj-stepper .n{min-width:36px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.sj-select{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;padding:10px 12px;min-height:44px}.sj-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:400;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);width:max-content;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:0 16px 44px #0006;animation:sjToast .3s ease}@keyframes sjToast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.sj-toast-msg{font-size:14px;font-weight:600;color:var(--text)}.sj-toast-actions{display:flex;gap:8px}.sj-toast-actions button{padding:8px 14px;font-size:13px}@media (min-width: 860px){.sj-toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.sj-vocab{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gutter) calc(20px + env(safe-area-inset-bottom,0px))}.sj-vocab-levels{display:contents}.sj-vocab-word{font-feature-settings:"palt"}.sj-vdeck{align-items:center;text-align:center;gap:12px}.sj-vdeck-today{display:flex;flex-direction:column;align-items:center}.sj-vdeck-today .n{font-size:52px;font-weight:800;line-height:1;color:var(--text)}.sj-vdeck-today .lb{font-size:13px;color:var(--muted);margin-top:4px}.sj-vdeck-states{display:flex;gap:14px;font-size:12px;font-weight:600}.sj-vdeck-states .st{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.sj-vdeck-states .st:before{content:"";width:9px;height:9px;border-radius:99px;background:var(--surface-2)}.sj-vdeck-states .new:before{background:color-mix(in srgb,var(--muted) 50%,var(--surface-2))}.sj-vdeck-states .learn:before{background:var(--good)}.sj-vdeck-states .mast:before{background:var(--accent-2)}.sj-vdeck-go{width:100%;margin-top:2px}.sj-vsession{gap:12px}.sj-vsess-bar{display:flex;align-items:center;gap:12px}.sj-vsess-layout{display:flex;flex-direction:column;gap:14px}.sj-vsess-main{display:flex;flex-direction:column;gap:14px;min-width:0}.sj-vsess-rail{display:none;flex-direction:column;gap:16px}.sj-vsess-rail-block{display:flex;flex-direction:column;gap:8px}.sj-vsess-rail-prog{font-size:14px;color:var(--text)}.sj-vsess-rail-prog b{font-size:18px;font-weight:700}.sj-vsess-rail-legend{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.sj-vsess-rail-legend .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}.sj-vsess-rail-legend .dot.mast{background:var(--good)}.sj-vsess-rail-legend .dot.learn{background:var(--accent-2)}.sj-vsess-rail-legend .dot.new{background:var(--surface-2);border:1px solid var(--border)}.sj-vsess-prog{flex:1;display:flex;flex-direction:column;gap:5px;align-items:center}.sj-vsess-prog .ct{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-vsess-prog .track{width:100%;height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden}.sj-vsess-prog .track .fill{height:100%;background:var(--good);border-radius:99px;transition:width .3s ease}.sj-vcard-en{font-size:calc(30px * var(--en-size, 1));font-weight:700;color:var(--text);line-height:1.3}.sj-anki-rate{display:flex;gap:8px}.sj-anki-rate.is-reserved{visibility:hidden}.sj-review-back{width:100%}.sj-anki-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;min-height:56px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.sj-anki-btn .lb{font-size:14px;font-weight:700;color:var(--text)}.sj-anki-btn .iv{font-size:11px;color:var(--muted-strong);font-variant-numeric:tabular-nums}.sj-anki-btn.again{background:color-mix(in srgb,var(--bad) 12%,var(--surface));border-color:color-mix(in srgb,var(--bad) 35%,transparent)}.sj-anki-btn.hard{background:color-mix(in srgb,var(--warn) 12%,var(--surface));border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.sj-anki-btn.good{background:color-mix(in srgb,var(--good) 12%,var(--surface));border-color:color-mix(in srgb,var(--good) 35%,transparent)}.sj-anki-btn.easy{background:color-mix(in srgb,var(--accent-2) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent-2) 35%,transparent)}.sj-vsize-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:130px;justify-content:center}.sj-vsize-card .jp{font-size:calc(34px * var(--jp-size, 1));font-weight:700;color:var(--text);line-height:1.2}.sj-vsize-card .rd{font-size:calc(22px * var(--jp-size, 1));font-weight:700;color:var(--accent-2);line-height:1.2}.sj-vsize-card .en{font-size:calc(15px * var(--en-size, 1));color:var(--muted)}.sj-vdone{align-items:center;text-align:center;gap:8px;padding:32px 18px}.sj-vdone .big{font-size:44px}.sj-vdone h3{margin:0}.sj-vsettings{max-width:560px}.sj-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.sj-more-sheet{position:fixed;z-index:101;left:50%;transform:translate(-50%);bottom:calc(78px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 24px);display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 40px #0006;animation:sjToast .2s ease}.sj-more-item{display:flex;align-items:center;gap:10px;min-width:138px;min-height:48px;padding:10px 14px;border:none;background:transparent;border-radius:12px;color:var(--muted);font-size:14px;font-weight:600}.sj-more-item .ic{font-size:18px;width:22px;text-align:center}.sj-more-item:hover{background:var(--surface-2);color:var(--text)}.sj-more-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}@media (min-width: 860px){.sj-more-sheet,.sj-more-backdrop{display:none}}.sj-vsess-close{width:44px;height:44px;display:grid;place-items:center;padding:0;font-size:20px;line-height:1;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--muted)}.sj-vsess-close:hover{background:var(--surface-2);color:var(--text)}.sj-vlist{display:flex;flex-direction:column}.sj-vrow{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:11px 4px;border-bottom:1px solid var(--border)}.sj-vrow:last-child{border-bottom:none}.sj-vrow-jp{display:flex;flex-direction:column;gap:2px;min-width:0}.sj-vrow-jp .w{font-size:17px;color:var(--text);font-weight:600}.sj-vrow-jp .w rt{font-size:.5em;color:var(--muted);font-weight:400}.sj-vrow-jp .m{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}.sj-vrow-state{flex:none;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;font-variant-numeric:tabular-nums}.sj-vrow-state.new{color:var(--muted);background:var(--surface-2)}.sj-vrow-state.learning{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.sj-vrow-state.mastered{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent)}.sj-vmore{width:100%;margin-top:4px}.sj-review-start .sj-review-chips{justify-content:center;flex-wrap:wrap;margin:2px 0}.sj-review-start .sj-vdeck-go{margin-top:6px}.sj-cats{display:flex;flex-direction:column;gap:8px}.sj-cat{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sj-cat.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.sj-cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sj-cat-head .lb{font-size:15px;font-weight:700;color:var(--text)}.sj-cat-head .ct{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-cat-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--surface-2)}.sj-cat-bar .seg{height:100%;transition:width .4s ease}.sj-cat-bar .seg.mast{background:var(--accent-2)}.sj-cat-bar .seg.learn{background:var(--good)}.sj-cat-bar .seg.new{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 22%,transparent) 0 3px,transparent 3px 7px)}.sj-cat-foot{font-size:11px;color:var(--muted)}.sj-m3{display:flex;flex-direction:column;gap:7px}.sj-m3-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-m3-legend span{display:inline-flex;align-items:center;gap:5px}.sj-m3-legend .dot{width:8px;height:8px;border-radius:99px;flex:none}.sj-m3-legend .dot.mast{background:var(--accent-2)}.sj-m3-legend .dot.learn{background:var(--good)}.sj-m3-legend .dot.new{background:color-mix(in srgb,var(--muted) 40%,transparent)}.sj-cat.on .sj-cat-head .lb{color:var(--accent)}.sj-vocab-note{font-size:12px;line-height:1.5;margin:6px 2px 0}.sj-lvlgroup{display:flex;flex-direction:column;gap:0;margin-bottom:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sj-lvlhead{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;background:transparent;border:none;border-radius:0}.sj-lvlhead .lv{font-size:17px;font-weight:800;color:var(--text);min-width:30px}.sj-lvlhead .sj-cat-bar{flex:1}.sj-lvlhead .td{font-size:12px;color:var(--muted-strong);white-space:nowrap;font-variant-numeric:tabular-nums}.sj-lvlhead .chev{color:var(--muted);font-size:13px;transition:transform .2s ease}.sj-lvlhead .chev.open{transform:rotate(90deg)}.sj-deckrow{display:flex;align-items:center;gap:8px;margin-left:14px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.sj-deckrow.sel{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.sj-lvlgroup .sj-deckrow{margin:2px 6px;padding:10px 14px;background:transparent;border:none;border-radius:10px;transition:background .15s ease}.sj-lvlgroup .sj-deckrow:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.sj-lvlgroup .sj-deckrow.sel{border-color:transparent;background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.sj-deck-check{flex:none;width:40px;height:40px;padding:0;background:transparent;border:none;display:grid;place-items:center;position:relative}.sj-deck-check:before{content:"";grid-area:1 / 1;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border);background:var(--surface-2);transition:.15s}.sj-deck-check.on:before{background:var(--accent);border-color:var(--accent)}.sj-deck-check .fi{grid-area:1 / 1;color:#fff;font-size:12px;z-index:1}.sj-deck-main{flex:1;display:flex;flex-direction:column;gap:7px;text-align:left;background:transparent;border:none;padding:4px 0;min-width:0}.sj-deck-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sj-deck-top .nm{font-size:14px;font-weight:600;color:var(--text)}.sj-deck-top .td{font-size:12px;color:var(--muted-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.sj-deck-cog{flex:none;margin-left:var(--sp-2)}.sj-combine-bar{position:sticky;bottom:calc(86px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:14px;box-shadow:0 10px 30px #0000004d}.sj-combine-bar>span{font-size:13px;font-weight:600;color:var(--text)}.sj-combine-actions{display:flex;gap:8px}.sj-combine-actions button{padding:9px 16px}.sj-vcard .sj-review-answer.sj-vocab-word{font-size:calc(38px * var(--jp-size, 1));font-weight:700;color:var(--accent-2);line-height:1.2}.sj-vcard .sj-review-front{font-size:calc(40px * var(--jp-size, 1))}.sj-vcard .sj-review-detail{font-size:calc(15px * var(--en-size, 1))}.sj-brushup{gap:10px;border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.sj-brushup-top{display:flex;flex-direction:column;gap:2px}.sj-brushup-top .t{font-size:15px;font-weight:700;color:var(--text)}.sj-brushup-top .s{font-size:12px;color:var(--muted)}.sj-brushup-actions{display:flex;gap:8px;justify-content:flex-end}.sj-brushup-actions button{padding:9px 14px}.sj-learn-manage{align-self:flex-start;margin:2px 0}.sj-managelist{gap:0;padding:4px 14px}.sj-managerow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.sj-managerow:last-child{border-bottom:none}.sj-managerow .nm{font-size:14px;color:var(--text);min-width:0}.sj-manage-seg{flex:none}.sj-manage-seg button{min-width:0;padding:6px 10px;font-size:12px}.sj-flagbtn{background:transparent;border:none;color:var(--muted);padding:6px 8px;font-size:14px;border-radius:8px}.sj-flagbtn:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}.sj-vcard{justify-content:flex-start;padding-top:14px}.sj-vcard-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px}.sj-vcard .sj-review-domain{position:static;top:auto;left:auto}.sj-vcard .sj-vcard-flag{position:static;top:auto;right:auto;min-width:40px;min-height:40px}.sj-vcard-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%}.sj-flag-inline{font-size:13px}.rd-pop-flag{display:block;width:100%;text-align:center;margin-top:6px;font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:8px;padding:7px}.rd-pop-flag:hover{color:var(--bad)}.sj-flag-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:obFade .2s ease}.sj-namesheet{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;width:100%;max-width:340px;box-shadow:0 30px 60px -28px #000c}.sj-namesheet h3{margin:0 0 12px}.sj-namesheet-input{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;color:var(--text);font-size:15px}.sj-namesheet-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.sj-namesheet-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.sj-flag-sheet{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 24px 70px #00000080;display:flex;flex-direction:column;gap:12px}.sj-flag-sheet h3{margin:0;font-size:16px}.sj-flag-ref{color:var(--muted);font-weight:400;font-size:13px}.sj-flag-note{resize:vertical;min-height:44px;width:100%}.sj-flag-actions{display:flex;gap:8px;justify-content:flex-end}.sj-flag-actions button{padding:9px 16px}.sj-flag-done{text-align:center;color:var(--good);font-weight:600;padding:10px 0}.sj-flag-err{color:var(--bad);font-size:12px;margin:0}.sj-flag-admin-actions{display:flex;gap:6px;flex:none}.sj-flag-admin-actions button{min-width:40px;min-height:36px;padding:6px 10px}.gr-page{display:flex;flex-direction:column;margin-inline:auto;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 24px}.gr-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.gr-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.gr-eyebrow i,.gr-eyebrow svg,.gr-sheet-bk i,.gr-sheet-bk svg{color:var(--accent)}.gr-page h1{font-size:clamp(30px,5vw,42px);font-weight:800;letter-spacing:-.02em;margin:8px 0 0;line-height:1}.gr-hero-sub{color:var(--text-2);font-size:14.5px;max-width:52ch;margin:11px 0 0;line-height:1.5}.gr-hero-stat{display:flex;align-items:center;gap:12px;flex:none}.gr-ring-t{font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:800;fill:var(--text)}.gr-hero-stat-t{font-size:12.5px;color:var(--muted);line-height:1.45}.gr-hero-stat-t b{color:var(--text);font-size:15px}.gr-modebar{display:flex;align-items:center;gap:12px;margin:20px 0 0;flex-wrap:wrap}.gr-searchwrap{position:relative;flex:1;min-width:200px;display:flex;align-items:center}.gr-si{position:absolute;left:13px;color:var(--muted);font-size:18px;pointer-events:none}.gr-search{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 36px;font-size:14.5px;font-family:inherit}.gr-search::placeholder{color:var(--muted)}.gr-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.gr-clr{position:absolute;right:10px;border:none;background:var(--surface-2);color:var(--muted);border-radius:6px;width:22px;height:22px;font-size:12px}.gr-continue{display:flex;flex-direction:column;gap:9px;width:100%;text-align:left;margin-top:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));border:1.5px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:16px;padding:18px 20px;box-shadow:0 1px 2px #0003,0 16px 30px -22px #0009;transition:.2s}.gr-continue:hover{transform:translateY(-1px)}.gr-cont-kicker{font-family:ui-monospace,JetBrains Mono,monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-weight:700}.gr-cont-row{display:flex;align-items:center;gap:16px}.gr-cont-jp{font-family:Noto Sans JP,sans-serif;font-size:28px;font-weight:700;flex:none}.gr-cont-meta{display:flex;flex-direction:column;min-width:0;flex:1}.gr-cont-meta b{font-size:15px}.gr-cont-meta span{font-size:13px;color:var(--muted)}.gr-cont-go{display:inline-flex;align-items:center;gap:5px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:10px 15px;border-radius:10px;flex:none}.gr-section{margin-top:28px}.gr-shelf-head,.gr-weak-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.gr-shelf-head h2,.gr-weak-head h2{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0}.gr-star{color:var(--warn)}.gr-warn{color:var(--n2)}.gr-count{font-family:ui-monospace,JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:20px;padding:1px 9px}.gr-weak-head span{font-size:12.5px;color:var(--muted);font-family:ui-monospace,JetBrains Mono,monospace}.gr-shelf-empty{border:1.5px dashed var(--border);border-radius:16px;padding:18px 20px;color:var(--muted);font-size:14px;background:var(--surface-2)}.gr-shelf-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory}.gr-pin{position:relative;flex:none;width:210px;scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--lc);border-radius:13px;box-shadow:0 1px 2px #00000040}.gr-pin-x{position:absolute;top:9px;right:9px;border:none;background:none;color:var(--warn);font-size:15px;padding:2px;z-index:1}.gr-pin-open{display:block;width:100%;text-align:left;padding:14px 15px;background:none;border:none}.gr-pin-jp{font-family:Noto Sans JP,sans-serif;font-size:22px;font-weight:700;padding-right:22px}.gr-pin-lab{font-size:12.5px;color:var(--text-2);font-weight:600;margin-top:2px}.gr-pin-ex{margin-top:9px;padding-top:9px;border-top:1px solid var(--border);font-family:Noto Sans JP,sans-serif;font-size:14px;color:var(--text)}.gr-pin-ex span{display:block;font-family:Hanken Grotesk,sans-serif;font-size:11.5px;color:var(--muted);margin-top:2px}.gr-weak-row{display:flex;gap:10px;flex-wrap:wrap}.gr-weakchip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--surface);border:1px solid var(--border);border-bottom:3px solid var(--lc);border-radius:11px;padding:9px 13px}.gr-weakchip:hover{transform:translateY(-1px)}.gr-wc-jp{font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700}.gr-wc-lab{font-size:11.5px;color:var(--text-2)}.gr-wc-miss{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10px;color:var(--n2);font-weight:600;margin-top:2px}.gr-shelf-hint{font-size:12.5px;color:var(--muted);font-family:ui-monospace,JetBrains Mono,monospace}.gr-levelfilter{display:flex;gap:8px;flex:none}.gr-levelfilter button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-weight:700;font-size:13px;padding:7px 16px;border-radius:9px}.gr-levelfilter button.on{color:#fff;background:var(--lc);border-color:transparent}.gr-levelfilter button:first-child.on{background:var(--text);color:var(--bg)}.gr-level-sec{margin-top:24px}.gr-level-h{display:flex;align-items:center;gap:12px;margin:0 0 12px}.gr-level-tag{font-family:ui-monospace,JetBrains Mono,monospace;font-weight:700;font-size:12px;letter-spacing:.06em;color:#fff;background:var(--lc);border-radius:7px;padding:3px 10px}.gr-level-line{flex:1;height:1px;background:var(--border)}.gr-level-cnt{font-family:ui-monospace,JetBrains Mono,monospace;font-size:11.5px;color:var(--muted)}.gr-lesson{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;box-shadow:0 1px 2px #0003;overflow:hidden}.gr-lesson.open{box-shadow:0 2px 6px #0000004d,0 20px 40px -28px #0009}.gr-lesson-head{display:flex;align-items:center;gap:14px;width:100%;border:none;background:none;padding:16px 18px;text-align:left;position:relative}.gr-lesson-no{font-family:ui-monospace,JetBrains Mono,monospace;font-weight:700;font-size:15px;color:var(--lc);width:22px;flex:none;text-align:center}.gr-lesson-meta{display:flex;flex-direction:column;flex:none;width:150px}.gr-lesson-title{font-weight:700;font-size:15.5px}.gr-lesson-sub{font-size:12.5px;color:var(--muted)}.gr-lesson-bar{flex:1;height:6px;border-radius:4px;background:var(--bg);overflow:hidden;min-width:60px}.gr-lesson-bar span{display:block;height:100%;background:var(--lc);border-radius:4px;transition:width .4s}.gr-lesson-chev{color:var(--muted);display:flex;transition:transform .2s;flex:none}.gr-lesson.open .gr-lesson-chev{transform:rotate(90deg)}.gr-lesson-pts{padding:4px 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 620px){.gr-lesson-pts{grid-template-columns:1fr}.gr-lesson-meta{width:auto}.gr-lesson-bar{display:none}}.gr-pt{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s ease}.gr-pt:hover{border-color:color-mix(in srgb,var(--lc) 50%,var(--border))}.gr-pt-head{display:flex;align-items:center}.gr-pt-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:none;background:none;padding:11px 13px;text-align:left;cursor:pointer}.gr-pt-go{color:var(--muted);font-size:13px;margin-left:auto;flex:none}.gr-pt-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--border)}.gr-pt.review .gr-pt-dot{background:var(--n2);box-shadow:0 0 0 3px color-mix(in srgb,var(--n2) 20%,transparent)}.gr-pt.learned .gr-pt-dot{background:var(--lc);box-shadow:0 0 0 3px color-mix(in srgb,var(--lc) 22%,transparent)}.gr-pt-jp{font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:700;flex:none}.gr-pt-lab{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.gr-pt-star{color:var(--muted);font-size:15px;padding:8px 11px;border:none;background:none;flex:none}.gr-pt-star.on{color:var(--warn)}.gr-pt-body{padding:0 13px 12px}.gr-pt-explain{font-size:13px;color:var(--text-2);margin:0 0 8px;line-height:1.5}.gr-pt-ex{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px 11px}.gr-ex-jp{font-family:Noto Sans JP,sans-serif;font-size:14.5px;font-weight:600;display:block}.gr-ex-en{font-size:12.5px;color:var(--muted);display:block;margin-top:1px}.gr-pt-acts{display:flex;gap:8px;margin-top:10px;align-items:center}.gr-mini{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12.5px;border-radius:8px;padding:7px 11px;border:1px solid var(--border);background:var(--surface);color:var(--text-2)}.gr-mini.prim{background:var(--accent);color:#fff;border-color:transparent}.gr-mini.done{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good);border-color:transparent}.gr-mini.ghost{padding:7px 10px}.gr-mini.ghost:hover{border-color:var(--accent);color:var(--accent)}.gr-mini.deep{margin-left:auto;background:none;border:none;color:var(--accent);padding:7px 4px}.gr-lesson-acts{grid-column:1 / -1;display:flex;gap:8px}.gr-lesson-acts .gr-mini{flex:1;justify-content:center;padding:9px}.gr-sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.gr-sheet{position:relative;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--lc);border-radius:20px;width:100%;max-width:480px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 30px 60px -28px #000c;overflow:hidden}.gr-sheet-x{position:absolute;top:14px;right:14px;z-index:2;border:none;background:var(--surface-2);color:var(--text-2);width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.gr-sheet-scroll{overflow-y:auto;padding:24px 24px 8px}.gr-sheet-head{display:flex;align-items:center;gap:10px}.gr-sheet-status{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--surface-2);color:var(--muted)}.gr-sheet-status.learned{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.gr-sheet-status.review{color:var(--n2);background:color-mix(in srgb,var(--n2) 14%,transparent)}.gr-sheet-jp{font-family:Noto Sans JP,sans-serif;font-size:38px;font-weight:800;letter-spacing:-.01em;margin:14px 0 2px;line-height:1.1}.gr-sheet-lab{font-size:15px;font-weight:600;color:var(--text-2)}.gr-sheet-explain{font-size:15px;line-height:1.62;color:var(--text);margin:16px 0 4px}.gr-sheet-block{margin-top:18px}.gr-sheet-bk{display:inline-flex;align-items:center;gap:7px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:9px}.gr-sheet-form{font-family:Noto Sans JP,sans-serif;font-size:15px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px 14px;color:var(--text)}.gr-sheet-exrow{display:flex;flex-direction:column;gap:9px}.gr-sheet-ex{position:relative;background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--lc);border-radius:11px;padding:11px 44px 11px 14px}.gr-sheet-ex .gr-ex-jp{font-size:16px}.gr-sheet-ex .gr-ex-en{font-size:13px}.gr-ex-play{position:absolute;top:50%;right:11px;transform:translateY(-50%);border:none;background:var(--surface-2);color:var(--accent);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.gr-sheet-readings{display:flex;flex-direction:column;gap:8px}.gr-reading-chip{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px 14px;color:var(--text)}.gr-reading-chip:hover{border-color:var(--accent)}.gr-rc-t{font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:600;flex:1}.gr-reading-chip svg,.gr-reading-chip i{color:var(--muted);flex:none}.gr-sheet-acts{display:flex;gap:9px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-2)}.gr-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:14px;border-radius:11px;padding:12px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);flex:1}.gr-sbtn.prim{background:var(--accent);color:#fff;border-color:transparent}.gr-sbtn.done{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good);border-color:transparent}.gr-sbtn.icon{flex:none;width:48px}.gr-sbtn.pinned{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.sj-vcard-ex{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px;text-align:left}.sj-vcard-ex-item{display:flex;flex-direction:column;gap:5px}.sj-vcard-ex-item+.sj-vcard-ex-item{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.sj-vcard-ex-head{display:flex;align-items:center;gap:8px}.sj-vcard-ex-head .lb{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sj-vcard-ex-play{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent-2) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);color:var(--accent-2);font-size:11px;padding:0;line-height:1}.sj-vcard-ex-play:hover{background:color-mix(in srgb,var(--accent-2) 24%,transparent)}.sj-vcard-ex-jp{font-size:19px;color:var(--text);line-height:1.9}.sj-vcard-ex-jp ruby rt{font-size:.5em;color:var(--muted);font-weight:500}.sj-vcard-ex-en{font-size:13px;color:var(--muted);line-height:1.5}.sj-credits{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.sj-credits li{font-size:12px;color:var(--muted);line-height:1.5}.sj-credits a{color:var(--accent-2);text-decoration:none}.sj-credits a:hover{text-decoration:underline}.sj-voice-select{max-width:60%;padding:8px 10px;font-size:13px}.sj-voice-speed{display:flex;align-items:center;gap:10px}.sj-voice-speed input[type=range]{width:130px;accent-color:var(--accent-2)}.sj-voice-rate{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.fi{display:inline-flex;align-items:center;justify-content:center;line-height:1}.fi:before{display:block}.sj-navbtn .ic .fi{font-size:20px}.sj-side-item .ic .fi{font-size:18px}.sj-review-cta-ic .fi{font-size:20px}.sj-flagbtn .fi{font-size:14px}.sj-vcard-ex-play .fi,.speaker .fi{font-size:11px}.rd-pop-flag .fi{font-size:12px;margin-right:4px}.sj-flagbtn-text{margin-left:4px}.sj-admin-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.sj-tab{flex:none;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.sj-tab.active{color:var(--accent-ink);background:var(--accent);border-color:transparent}.sj-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:4px}.sj-stat{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.sj-stat:disabled{opacity:1;cursor:default}.sj-stat:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sj-stat .n{font-size:24px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}.sj-stat .l{font-size:11px;color:var(--muted)}.sj-user-row{gap:12px;flex-wrap:wrap}.sj-user-actions{display:flex;gap:8px;flex-wrap:wrap}.sj-seg-sm button{padding:5px 9px;font-size:12px;min-width:0}.sj-seg button:disabled{opacity:.4}.sj-admin code{background:var(--surface-2);padding:1px 5px;border-radius:5px;font-size:.9em}.sj-admin-denied{max-width:420px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.sj-admin-denied h2{margin:0;font-size:22px}.sj-admin-denied .sj-bigbtn{text-decoration:none;display:inline-block;width:auto;padding:12px 22px}.sj-admin-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.sj-hub-open{align-self:center;margin-top:4px;display:inline-flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--accent-2) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);color:var(--accent-2);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.sj-hub-open:hover{background:color-mix(in srgb,var(--accent-2) 20%,transparent)}.sj-hub-open .fi{font-size:13px}.sj-hub-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:obFade .2s ease;padding:0 0 env(safe-area-inset-bottom,0px)}.sj-hub{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:18px 18px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 -16px 60px #00000073;animation:sjSheetUp .24s cubic-bezier(.2,.8,.2,1)}@media (min-width: 620px){.sj-hub-backdrop{align-items:center}.sj-hub{border-radius:var(--radius-xl)}}@keyframes sjSheetUp{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}.sj-hub-head{display:flex;align-items:center;gap:12px}.sj-hub-word{font-size:30px;font-weight:700;color:var(--text);line-height:1.2;flex:1;min-width:0}.sj-hub-word rt{font-size:.45em;color:var(--muted-strong);font-weight:500}.sj-hub-play,.sj-hub-close{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:13px}.sj-hub-play{color:var(--accent-2)}.sj-hub-close:hover,.sj-hub-play:hover{color:var(--text)}.sj-hub-meaning{font-size:15px;color:var(--text-2);margin-top:-6px;line-height:1.5}.sj-hub-sec{display:flex;flex-direction:column;gap:8px}.sj-hub-sec h4{margin:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-strong)}.sj-hub-hint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}.sj-hub-kanji{display:flex;flex-wrap:wrap;gap:8px}.sj-hub-kbtn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);text-align:left}.sj-hub-kbtn:not(.is-off):hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sj-hub-kbtn .k{font-size:26px;font-weight:600;color:var(--text);line-height:1}.sj-hub-kbtn .m{font-size:12px;color:var(--muted-strong)}.sj-hub-kbtn.is-off{opacity:.55}.sj-hub-conj{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.sj-hub-conj-row{display:flex;flex-direction:column;gap:1px;padding:7px 10px;background:var(--surface-2);border-radius:var(--radius-sm)}.sj-hub-conj-row .lb{font-size:11px;color:var(--muted-strong)}.sj-hub-conj-row .vl{font-size:17px;color:var(--text);font-weight:600}.sj-hub-conj-row .vl small{font-size:11px;color:var(--muted);font-weight:400}.sj-hub-reads{display:flex;flex-direction:column;gap:6px}.sj-hub-read{display:flex;align-items:stretch;gap:8px}.sj-hub-read-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left;padding:9px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.sj-hub-read-main:not(:disabled):hover{border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.sj-hub-read-main .t{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-hub-read-main .s{font-size:12px;color:var(--muted-strong);display:flex;align-items:center;gap:6px}.sj-hub-star{flex:none;width:42px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:18px}.sj-hub-star.on{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.sj-iconbtn .fi{font-size:.95em;vertical-align:-.1em}.sj-deck-cog .fi{font-size:15px}.pill-flag .fi{font-size:12px;vertical-align:-.08em;margin-right:2px}.sj-admin-link .fi{font-size:.95em;vertical-align:-.1em;margin-right:4px}.sj-conj-settings-btn .fi{font-size:.95em;vertical-align:-.1em}.sj-skills-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.sj-skills-head h3{margin:0}.sj-skills-sum{font-size:12px;color:var(--muted-strong)}.sj-sk-coach{margin:6px 0 4px}.sj-sk-coach-eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.sj-sk-coach-eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent);animation:sjSkPulse 2.4s infinite}@keyframes sjSkPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.sj-sk-coach-line{font-size:16.5px;line-height:1.5;color:var(--text);margin:0;letter-spacing:-.005em}.sj-sk-coach-line b{font-weight:700}.sj-sk-pill{font-size:.76em;font-weight:700;padding:1px 7px;border-radius:6px;white-space:nowrap;vertical-align:1px;font-variant-numeric:tabular-nums}.sj-sk-meters{margin-top:8px}.sj-sk-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;border:none;border-top:1px solid var(--border);background:transparent;cursor:pointer;text-align:left;border-radius:8px;transition:background .14s ease}.sj-sk-row:hover{background:var(--surface-2)}.sj-sk-row .glyph{font-family:Noto Sans JP,sans-serif;font-size:19px;font-weight:700;width:26px;text-align:center;flex:none}.sj-sk-row .nm{font-size:13.5px;font-weight:600;width:88px;flex:none;color:var(--text)}.sj-sk-row .seg{display:flex;gap:5px;flex:1;min-width:0}.sj-sk-row .s{flex:1;height:18px;border-radius:5px;background:var(--surface-2);position:relative;overflow:hidden}.sj-sk-row .s .fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;transform-origin:left;transform:scaleX(0);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease}.sj-sk-row .s.locked{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 4px,color-mix(in srgb,var(--muted) 12%,var(--surface-2)) 4px,color-mix(in srgb,var(--muted) 12%,var(--surface-2)) 8px);border:1px dashed color-mix(in srgb,var(--muted) 28%,var(--border))}.sj-sk-row .reach{font-size:11px;font-weight:600;width:56px;text-align:right;flex:none;color:var(--muted);font-variant-numeric:tabular-nums}.sj-sk-row .reach b{color:var(--text)}.sj-sk-scale{display:flex;gap:12px;padding:6px 0 2px}.sj-sk-scale .sp{width:26px;flex:none}.sj-sk-scale .nmsp{width:88px;flex:none}.sj-sk-scale .labs{display:flex;gap:5px;flex:1}.sj-sk-scale .labs span{flex:1;text-align:center;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-sk-scale .end{width:56px;flex:none}.sj-sk-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:11px;color:var(--muted)}.sj-sk-legend span{display:inline-flex;align-items:center;gap:6px}.sj-sk-legend .sw{width:13px;height:13px;border-radius:3px;flex:none}.sj-sk-legend .sw.full{background:var(--good)}.sj-sk-legend .sw.part{background:var(--good);opacity:.5}.sj-sk-legend .sw.none{background:var(--surface-2);border:1px solid var(--border)}.sj-sk-legend .sw.hatch{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 3px,color-mix(in srgb,var(--muted) 12%,var(--surface-2)) 3px,color-mix(in srgb,var(--muted) 12%,var(--surface-2)) 6px);border:1px dashed color-mix(in srgb,var(--muted) 28%,var(--border))}.sj-resources{max-width:620px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 24px;display:flex;flex-direction:column;gap:14px;zoom:var(--fs-scale)}.sj-res-head h2{margin:0 0 2px}.sj-res-head p{margin:0;font-size:13px}.sj-rand{display:flex;flex-direction:column;gap:14px}.sj-rand-pick{display:flex;flex-direction:column;gap:6px}.sj-rand-card{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 18px;cursor:pointer}.sj-rand-jp{font-size:56px;font-weight:700;color:var(--text);line-height:1.15;text-align:center}.sj-rand-hint{font-size:13px;color:var(--muted)}.sj-rand-ans{display:flex;flex-direction:column;align-items:center;gap:6px}.sj-rand-reading{font-size:30px;font-weight:700;color:var(--accent-2)}.sj-rand-romaji{font-size:15px;color:var(--muted-strong)}.sj-rand-en{font-size:13px;color:var(--muted)}.sj-rand-play{margin-top:6px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent-2) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);color:var(--accent-2);font-size:13px;font-weight:600}.sj-rand-play .fi{font-size:11px}.sj-rand-nav{display:flex;gap:8px}.sj-rand-nav button{flex:1;padding:13px;border-radius:var(--radius-md);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sj-rand-nav button:disabled{opacity:.4}.sj-rand-nav .fi{font-size:13px}.sj-rand-shuffle{flex:0 0 auto!important}.sj-rand-romaji-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted-strong);align-self:center}.sj-suggest{display:flex;align-items:center;gap:12px;margin-top:4px;padding:12px 14px;background:color-mix(in srgb,var(--accent-2) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent-2) 25%,var(--border));border-radius:var(--radius-md)}.sj-suggest-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sj-suggest-lb{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-strong)}.sj-suggest-body{font-size:14px;color:var(--text);line-height:1.4}.sj-suggest button{flex:none;padding:9px 18px}button.sj-skills-head{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;cursor:pointer;padding:0;text-align:left}button.sj-skills-head h3{margin:0;flex:none}button.sj-skills-head .sj-skills-sum{flex:1;text-align:right}.sj-skills-chev{color:var(--muted);font-size:16px;flex:none;transition:transform .22s ease}.sj-skills-chev.open{transform:rotate(90deg)}.sj-skills-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sj-skills-strip .chip{font-weight:700;font-size:12px;background:var(--surface-2);border-color:var(--border)}.sj-skills-start{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:14px 18px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--accent) 32%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface));color:var(--text);box-shadow:0 1px 2px #0003,0 14px 28px -22px #0009;transition:.18s}.sj-skills-start:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.sj-skills-start-txt{flex:1;display:flex;flex-direction:column;gap:1px;text-align:left}.sj-skills-start-txt b{font-size:15px;color:var(--accent)}.sj-skills-start-txt small{font-size:12px;color:var(--muted-strong)}.sj-skills-start .fi{color:var(--accent);font-size:16px}@media (max-width: 460px){.sj-sk-row{gap:9px}.sj-sk-row .nm{width:64px;font-size:12.5px}.sj-sk-row .reach{width:42px}.sj-sk-scale{gap:9px}.sj-sk-scale .nmsp{width:64px}.sj-sk-scale .end{width:42px}}.sj-path{display:flex;flex-direction:column;gap:8px}.sj-path-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-strong)}.sj-path-track{display:flex;gap:8px;flex-wrap:wrap}.sj-path-seg{flex:1 1 150px;min-width:0;display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s ease,background .15s ease}button.sj-path-seg{cursor:pointer}button.sj-path-seg:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sj-path-seg.current{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.sj-path-seg.done{opacity:.7}.sj-path-glyph{flex:none;width:32px;height:32px;display:grid;place-items:center;font-size:17px;border-radius:9px;color:var(--fc, var(--accent));background:color-mix(in srgb,var(--fc, var(--accent)) 14%,transparent)}.sj-path-glyph.lg{width:44px;height:44px;font-size:24px;border-radius:12px}.sj-path-mid{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.sj-path-name{font-size:13.5px;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-path-bar{height:5px;border-radius:99px;background:var(--surface-2);overflow:hidden}.sj-path-bar>span{display:block;height:100%;background:var(--fc, var(--accent));border-radius:99px;transition:width .4s ease}.sj-path-ct{flex:none;font-size:12px;font-weight:650;color:var(--muted-strong);font-variant-numeric:tabular-nums}.sj-path.header .sj-path-seg{padding:7px 10px;min-width:128px}.sj-path.header .sj-path-glyph{width:26px;height:26px;font-size:14px}.sj-nextup{width:100%;max-width:460px;max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:18px 18px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 -16px 60px #00000073;animation:sjSheetUp .24s cubic-bezier(.2,.8,.2,1)}@media (min-width: 620px){.sj-nextup{border-radius:var(--radius-xl)}}.sj-nextup-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.sj-nextup-head{display:flex;align-items:center;gap:12px}.sj-nextup-id{flex:1;min-width:0}.sj-nextup-name{font-size:19px;font-weight:750;color:var(--text)}.sj-nextup-sub{font-size:13px;color:var(--muted)}.sj-nextup-mastery{display:flex;flex-direction:column;gap:7px}.sj-guided-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sj-guided-bar .sj-path{flex:1;min-width:0}.sj-guided-exit{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.sj-guided-exit:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sj-deckpreview{gap:16px}.sj-dp-head{display:flex;align-items:center;gap:12px}.sj-dp-id{flex:1;min-width:0}.sj-dp-name{font-size:20px;font-weight:750;color:var(--text)}.sj-dp-sub{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.sj-dp-mastery{display:flex;flex-direction:column;gap:7px}.sj-dp-samples{display:flex;flex-wrap:wrap;gap:8px}.sj-dp-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:99px}.sj-dp-chip .dot{width:8px;height:8px;border-radius:99px;flex:none}.sj-dp-chip .dot.mast{background:var(--accent-2)}.sj-dp-chip .dot.learn{background:var(--good)}.sj-dp-chip .dot.new{background:color-mix(in srgb,var(--muted) 40%,transparent)}.sj-dp-chip-w{font-size:16px;color:var(--text);font-feature-settings:"palt"}.sj-dp-due{align-self:center;background:none;border:none;color:var(--accent);font-weight:600;font-size:14px;padding:4px 8px}.sj-dp-due:hover{text-decoration:underline}.sj-plan{max-width:560px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 28px;display:flex;flex-direction:column;gap:12px;zoom:var(--fs-scale)}.sj-plan-list{display:flex;flex-direction:column;gap:8px}.sj-plan-row{display:grid;grid-template-columns:22px minmax(0,1fr) 64px auto auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.sj-plan-row:last-child{border-bottom:none}.sj-plan-row .g{font-size:18px;font-weight:700;text-align:center}.sj-plan-row .nm{font-size:14px;color:var(--text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-plan-lv{padding:5px 6px;font-size:12px;min-width:0;width:100%}.sj-plan-step{display:flex;align-items:center;gap:4px}.sj-plan-step button{width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:16px;line-height:1}.sj-plan-step .n{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.sj-plan-rm{background:transparent;border:none;color:var(--muted);padding:4px}.sj-plan-rm:hover{color:var(--bad)}.sj-plan-row.is-preview{grid-template-columns:22px 1fr auto auto}.sj-plan-lv-static{font-size:12px;font-weight:700;color:var(--muted-strong)}.sj-plan-cnt{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.sj-plan-addbtn{align-self:flex-start;margin-top:8px;padding:8px 14px;font-size:13px}.sj-plan-add-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sj-plan-item{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid var(--border)}.sj-plan-item:last-child{border-bottom:none}.sj-plan-item .sj-plan-row{padding:0;border-bottom:none}.sj-plan-prog{display:flex;align-items:center;gap:8px;padding-left:32px}.sj-plan-prog .bar{flex:1;height:5px;border-radius:99px;background:var(--surface-2);overflow:hidden}.sj-plan-prog .bar span{display:block;height:100%;border-radius:99px;transition:width .4s ease}.sj-plan-prog .lb{font-size:11px;color:var(--muted-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.sj-plan-prog .lb.done{color:var(--good);font-weight:600}.sj-plan-celebrate{text-align:center;padding:14px;font-size:15px;font-weight:600;color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--good) 30%,transparent);border-radius:var(--radius-md)}.sj-plan h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0}.pl-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.pl-sub{margin:5px 0 0;color:var(--muted);font-size:14px}.pl-sub.editing{color:var(--accent);font-weight:600}.pl-today{font-size:14px;color:var(--muted);white-space:nowrap;padding-top:6px}.pl-today b{color:var(--text);font-size:17px}.pl-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:8px;box-shadow:0 1px 2px #00000040,0 16px 36px -24px #0009}.pl-card.edit{background:var(--surface-2);border:1.5px solid var(--accent);padding:10px;box-shadow:0 2px 6px #00000059,0 28px 56px -28px #000000b3}.pl-editpill{position:absolute;top:-13px;right:16px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:20px;box-shadow:0 6px 16px -8px #00000080}.pl-editpill:hover{border-color:var(--accent);color:var(--accent)}.pl-glyph{font-family:Noto Sans JP,sans-serif;font-size:19px;font-weight:700;color:var(--fc);width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--fc) 14%,transparent);border-radius:9px}.pl-glyph.sm{width:24px;height:24px;font-size:14px;border-radius:6px}.pl-frow{display:flex;align-items:center;gap:13px;padding:13px 12px}.pl-frow+.pl-frow{border-top:1px solid var(--border)}.pl-fmain{flex:1;min-width:0}.pl-ftop{display:flex;align-items:center;gap:9px;margin-bottom:7px}.pl-fname{font-weight:700;font-size:15.5px}.pl-flevels{display:flex;gap:4px}.pl-lvb{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10px;font-weight:700;color:var(--fc);background:color-mix(in srgb,var(--fc) 16%,transparent);border-radius:5px;padding:2px 6px;letter-spacing:.02em}.pl-fbar{height:6px;border-radius:4px;background:var(--bg);overflow:hidden}.pl-fbar span{display:block;height:100%;background:var(--fc);border-radius:4px;transition:width .5s}.pl-fcount{flex:none;font-size:13px;color:var(--muted);min-width:48px;text-align:right}.pl-fcount b{color:var(--text);font-size:16px}.pl-fcheck{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--fc) 18%,transparent);color:var(--fc);border-radius:50%;font-size:12px;flex:none}.pl-erow{display:flex;gap:11px;padding:13px 11px;border-radius:13px;background:var(--surface);border:1px solid var(--border)}.pl-erow+.pl-erow{margin-top:8px}.pl-emain{flex:1;min-width:0}.pl-etop{display:flex;align-items:center;gap:9px}.pl-etop .pl-fname{flex:1}.pl-erm{border:none;background:var(--surface-2);color:var(--muted);width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none}.pl-erm:hover{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.pl-echips{display:flex;gap:6px;margin:11px 0;flex-wrap:wrap}.pl-chip{font-family:ui-monospace,JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.pl-chip.on{color:#fff;background:var(--fc);border-color:transparent}.pl-estep{display:flex;align-items:center;justify-content:space-between}.pl-estep-l{font-size:12.5px;color:var(--muted);font-weight:600;font-family:ui-monospace,JetBrains Mono,monospace}.pl-stepper{display:inline-flex;align-items:center;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px}.pl-stepper button{border:none;background:var(--surface);color:var(--text);width:32px;height:32px;padding:0;line-height:1;border-radius:8px;font-size:18px;font-weight:700;display:grid;place-items:center}.pl-stepper b{min-width:34px;text-align:center;font-size:15px}.pl-addfocus{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;border:1.5px dashed var(--border);background:none;color:var(--text-2);font-weight:700;font-size:13.5px;padding:13px;border-radius:12px}.pl-addfocus:hover{border-color:var(--accent);color:var(--accent)}.pl-plus{font-size:15px}.pl-addpop{margin-top:8px;border:1.5px dashed var(--accent);border-radius:12px;padding:13px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.pl-addpop-l{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.pl-addpop-row{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.pl-addopt{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 12px 6px 6px;font-weight:700;font-size:13.5px;color:var(--text)}.pl-addopt:hover{border-color:var(--fc, var(--accent))}.pl-addopt.ghost{color:var(--muted);padding:6px 12px}.pl-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:16px;background:var(--accent);color:#fff;font-weight:700;font-size:16px;padding:16px;border:none;border-radius:14px;box-shadow:0 8px 22px -10px var(--accent);transition:.18s}.pl-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px var(--accent)}.pl-cta:disabled{opacity:.5;box-shadow:none;transform:none}.pl-cta.sm{width:auto;padding:11px 20px;font-size:14px;margin-top:0}.pl-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.pl-ea-right{display:flex;gap:10px}.pl-ghost{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-weight:700;font-size:13.5px;padding:11px 16px;border-radius:12px}.pl-ghost:hover{border-color:var(--muted);color:var(--text)}.pl-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:14px 2px 0}.pl-celebrate{text-align:center;padding:16px;font-size:15px;font-weight:600;color:var(--good);background:color-mix(in srgb,var(--good) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--good) 30%,transparent);border-radius:14px;margin-top:16px}@media (max-width: 480px){.pl-edit-actions{flex-direction:column-reverse;align-items:stretch}.pl-ea-right{justify-content:space-between}.pl-ghost,.pl-cta.sm{flex:1;justify-content:center}}.sj-donate{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--border))}.sj-donate:hover{background:color-mix(in srgb,var(--bad) 10%,transparent)}.sj-admin-warn{font-size:13px;color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:var(--radius-md);padding:8px 10px;margin:6px 0}.sj-plan-feature{padding:12px 0;border-bottom:1px solid var(--border)}.sj-plan-feature:last-child{border-bottom:none}.sj-tune-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:8px}@media (max-width: 520px){.sj-tune-grid{grid-template-columns:1fr}}.sj-config-field{display:flex;flex-direction:column;gap:4px;margin:4px 0}.sj-config-field>span{font-size:12.5px;color:var(--muted-strong)}.sj-tune-field{display:flex;flex-direction:column;gap:4px}.sj-tune-field span{font-size:12.5px;color:var(--muted-strong)}.sj-tune-gradehead,.sj-tune-graderow{display:grid;grid-template-columns:108px repeat(4,1fr);gap:8px;align-items:center}.sj-tune-gradehead{font-size:11px;color:var(--muted);text-align:center;margin-top:8px}.sj-tune-gradehead span:first-child{text-align:left}.sj-tune-graderow{margin-top:6px}.sj-tune-graderow .lb{font-size:13.5px;font-weight:600;color:var(--text)}.sj-tune-graderow .sj-input{text-align:center;padding:8px 6px}.sj-tune-actions{display:flex;gap:10px;margin-top:14px;align-items:center}.sj-tune-actions .sj-bigbtn{flex:1}.sj-row-btns{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.sj-filebtn{cursor:pointer;display:inline-flex;align-items:center}.sj-prompt-box{margin:6px 0 10px}.sj-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.sj-prompt-ta,.sj-json-ta{width:100%;font-family:ui-monospace,JetBrains Mono,monospace;font-size:12px;line-height:1.5;resize:vertical;white-space:pre;overflow-wrap:normal}.sj-prompt-ta{background:var(--surface-2)}.sj-import-msg{border-radius:var(--radius-md);padding:10px 12px;margin:8px 0;font-size:13px}.sj-import-msg ul{margin:6px 0 0;padding-left:18px}.sj-import-msg li{margin:2px 0;line-height:1.45}.sj-import-msg.err{color:var(--bad);background:color-mix(in srgb,var(--bad) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 30%,transparent)}.sj-import-msg.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 28%,transparent)}.sj-rpv{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin:6px 0 10px}.sj-rpv-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sj-rpv-head b{font-size:15px}.sj-rpv-head .s{font-size:12px;color:var(--muted)}.sj-rpv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sj-rpv-setting{font-size:13px;color:var(--muted-strong);margin:0 0 10px}.sj-rpv-para{margin:0 0 12px}.sj-rpv-para .sp{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.sj-rpv-para .jp{font-size:18px;line-height:2;color:var(--text);margin:2px 0}.sj-rpv-para .jp rt{font-size:.5em;color:var(--muted-strong)}.sj-rpv-para .en{font-size:13px;color:var(--muted);margin:0}.sj-plan-feature-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sj-plan-feature-name{display:flex;flex-direction:column;gap:2px;min-width:0}.sj-plan-feature-name .s{font-size:12px;color:var(--muted)}.sj-plan-feature-limit{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.sj-plan-feature-limit .lb{font-size:12px;color:var(--muted-strong)}.sj-limit{display:flex;justify-content:center;padding:18px 0}.sj-limit-card{align-items:center;text-align:center;gap:10px;max-width:420px;padding:28px 22px}.sj-limit-badge{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:24px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.sj-limit-card h3{margin:4px 0 0}.sj-limit-card p{margin:0}.sj-lp{--bg: #0B0A09;--bg-2: #121010;--panel: #161311;--panel-2: #1C1815;--ink: #F4EEE6;--ink-2: #B3A99C;--ink-3: #7E7468;--line: #272220;--line-2: #332B27;--red: #FF5436;--red-2: #FF7A5E;--red-deep: #C9341B;--c-kanji: #FF5436;--c-vocab: #54C98B;--c-verb: #5E8BFF;--c-gram: #E7B24A;--c-read: #9D7BFF;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-jp: "Noto Sans JP", sans-serif;--r-sm: 6px;--r: 10px;--r-lg: 14px;--measure: 1240px;position:relative;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sj-lp ::selection{background:var(--red);color:#140503}.sj-lp a{color:inherit;text-decoration:none}.sj-lp .jp{font-family:var(--font-jp)}.sj-lp:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:5px 5px;mix-blend-mode:overlay}.sj-lp .shell{position:relative;z-index:1}.sj-lp .measure{max-width:var(--measure);margin:0 auto;padding:0 40px}@media (max-width: 680px){.sj-lp .measure{padding:0 22px}}.sj-lp .sj-mark{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:-.03em;color:var(--ink);line-height:1}.sj-lp .sj-sun{width:.5em;height:.5em;border-radius:50%;background:var(--red);margin:0 .14em;position:relative;top:.02em}.sj-lp .sj-sub{font-family:var(--font-jp);font-size:.52em;color:var(--ink-3);margin-left:.6em;letter-spacing:.04em;font-weight:600}.sj-lp .sj-btn{font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;border-radius:var(--r);padding:11px 20px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:transform .14s ease,background .2s,border-color .2s,color .2s}.sj-lp .sj-btn:active{transform:translateY(1px)}.sj-lp .sj-btn-primary{background:var(--red);color:#140503}.sj-lp .sj-btn-primary:hover{background:var(--red-2)}.sj-lp .sj-btn-primary:active{background:var(--red-deep)}.sj-lp .sj-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.sj-lp .sj-btn-ghost:hover{border-color:var(--ink-3)}.sj-lp .sj-btn-lg{font-size:17px;padding:15px 26px}.sj-lp .sj-arr{transition:transform .2s}.sj-lp .sj-btn:hover .sj-arr{transform:translate(3px)}.sj-lp .sj-kicker{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red-2);display:flex;align-items:center;gap:14px}.sj-lp .sj-kicker:before{content:"";width:30px;height:1px;background:var(--red);opacity:.6}.sj-lp .sj-facts{font-family:var(--font-mono);font-size:13px;color:var(--ink-3);letter-spacing:.02em;display:flex;flex-wrap:wrap;gap:8px 16px}.sj-lp .sj-facts span{display:inline-flex;align-items:center}.sj-lp .sj-facts span+span:before{content:"·";color:var(--line-2);margin-right:16px}.sj-lp .sj-glyph{font-family:var(--font-jp);font-weight:800;font-size:28px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex:none}.sj-lp .sj-glyph.kanji{color:var(--c-kanji);background:#ff543621}.sj-lp .sj-glyph.vocab{color:var(--c-vocab);background:#54c98b21}.sj-lp .sj-glyph.verb{color:var(--c-verb);background:#5e8bff21}.sj-lp .sj-glyph.gram{color:var(--c-gram);background:#e7b24a21}.sj-lp .sj-glyph.read{color:var(--c-read);background:#9d7bff21}.sj-lp .sj-watermark{position:absolute;font-family:var(--font-jp);font-weight:800;color:#ffffff05;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;line-height:.8}.sj-lp .sj-rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.sj-lp .sj-rv.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.sj-lp .sj-rv{opacity:1;transform:none;transition:none}}.sj-lp nav.top{position:fixed;inset:0 0 auto 0;z-index:50;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.sj-lp nav.top.scrolled{background:#0b0a09bd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.sj-lp nav .row{display:flex;align-items:center;justify-content:space-between;height:74px}.sj-lp nav .actions{display:flex;align-items:center;gap:10px}.sj-lp .lp-signin{position:absolute;right:0;top:70px;width:min(360px,calc(100vw - 44px));background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:18px;box-shadow:0 24px 60px -28px #000000d9}.sj-lp .lp-signin-lab{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.sj-lp .lp-signin form{display:flex;flex-direction:column;gap:10px}.sj-lp .lp-signin input{width:100%;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink);font-family:var(--font-body);font-size:15px;padding:11px 14px}.sj-lp .lp-signin input:focus{outline:2px solid var(--red);outline-offset:1px}.sj-lp .lp-signin .msg{font-size:13px;color:var(--ink-2);margin:4px 0 0;line-height:1.45}.sj-lp .hero{padding:168px 0 78px;position:relative;overflow:hidden}.sj-lp .hero .wm{position:absolute;right:-46px;top:62px;font-family:var(--font-jp);font-weight:800;font-size:clamp(280px,34vw,460px);color:#ffffff06;line-height:.8;pointer-events:none;z-index:0}.sj-lp .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:1}@media (max-width: 980px){.sj-lp .hero-grid{grid-template-columns:1fr;gap:42px}.sj-lp .hero{padding:124px 0 56px}}.sj-lp .hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,6.6vw,86px);line-height:.93;letter-spacing:-.035em;margin:26px 0 0}.sj-lp .hero h1 .a{color:var(--red)}.sj-lp .hero .lead{font-size:19px;color:var(--ink-2);max-width:46ch;margin:26px 0 0;line-height:1.55}.sj-lp .hero .lead b{color:var(--ink);font-weight:600}.sj-lp .hero .cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.sj-lp .hero .facts{margin-top:30px}.sj-lp .stack{display:flex;flex-direction:column;gap:16px}.sj-lp .conj{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:24px 26px}.sj-lp .conj .toplab{font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-verb)}.sj-lp .conj .lab{font-family:var(--font-mono);font-size:13px;color:var(--ink-3);margin:16px 0 14px}.sj-lp .conj .lab b{color:var(--ink-2);font-weight:600}.sj-lp .conj .row{display:flex;align-items:center;gap:20px;justify-content:center;padding:4px 0 16px}.sj-lp .conj .from{font-family:var(--font-jp);font-weight:700;font-size:clamp(40px,5.5vw,56px)}.sj-lp .conj .ar{color:var(--ink-3);font-size:28px}.sj-lp .conj .to{font-family:var(--font-jp);font-weight:800;font-size:clamp(40px,5.5vw,56px);color:var(--c-verb)}.sj-lp .conj .to .pop{display:inline-block;animation:sj-lp-pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes sj-lp-pop{0%{opacity:0;transform:translateY(8px) scale(.82)}to{opacity:1;transform:none}}.sj-lp .conj .ft{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-3)}.sj-lp .conj .ft .rom{color:var(--ink-2)}.sj-lp .dots{display:flex;gap:7px;justify-content:center;margin-top:14px}.sj-lp .dots i{width:6px;height:6px;border-radius:50%;background:var(--line-2);transition:.3s;cursor:pointer}.sj-lp .dots i.on{background:var(--c-verb);width:18px;border-radius:3px}.sj-lp .kanjicard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 24px;display:flex;align-items:center;gap:20px}.sj-lp .kanjicard .big{font-family:var(--font-jp);font-weight:800;font-size:60px;color:var(--red);line-height:1;flex:none}.sj-lp .kanjicard b{font-size:17px}.sj-lp .kanjicard .decomp{color:var(--ink-3);font-size:14px;margin-top:5px}.sj-lp .kanjicard .decomp .pc{color:var(--ink-2)}.sj-lp .marquee{margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sj-lp .mq-track{display:flex;gap:42px;width:max-content;animation:sj-lp-scroll 34s linear infinite}.sj-lp .marquee:hover .mq-track{animation-play-state:paused}@keyframes sj-lp-scroll{to{transform:translate(-50%)}}.sj-lp .mq{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-jp);font-weight:600;font-size:17px;color:var(--ink-3);white-space:nowrap}.sj-lp .mq .en{font-family:var(--font-body);font-weight:500;color:var(--ink-2);font-size:14px}.sj-lp .mq .ar{color:var(--red)}.sj-lp section.sec{padding:92px 0;position:relative}.sj-lp h2.sh{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4.6vw,56px);line-height:1;letter-spacing:-.03em;margin:18px 0 0;max-width:17ch}.sj-lp h2.sh .a{color:var(--red)}.sj-lp .sec-lead{font-size:18.5px;color:var(--ink-2);max-width:62ch;margin:18px 0 0;line-height:1.55}.sj-lp .sec-lead b{color:var(--ink);font-weight:600}.sj-lp .qual{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:46px;border-top:1px solid var(--line-2)}@media (max-width: 760px){.sj-lp .qual{grid-template-columns:1fr}}.sj-lp .q{padding:28px 30px 26px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}.sj-lp .q:nth-child(2n){border-right:none}@media (max-width: 760px){.sj-lp .q{border-right:none}}.sj-lp .q:hover{background:var(--panel)}.sj-lp .q .idx{font-family:var(--font-mono);font-size:12px;color:var(--red-2);font-weight:700;letter-spacing:.04em}.sj-lp .q h4{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.01em;margin:14px 0 8px;line-height:1.2}.sj-lp .q p{font-size:15px;color:var(--ink-2);margin:0;line-height:1.5}.sj-lp .q p .rom{color:var(--ink-3)}.sj-lp .tools{margin-top:46px;border-top:1px solid var(--line-2)}.sj-lp .trow{display:grid;grid-template-columns:54px 1.1fr 1.6fr auto;gap:24px;align-items:center;padding:22px 10px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.sj-lp .trow:hover{background:var(--panel);padding-left:18px;padding-right:18px}@media (max-width: 760px){.sj-lp .trow{grid-template-columns:48px 1fr;gap:8px 16px}.sj-lp .trow .tdesc{grid-column:1 / -1;padding-left:64px}.sj-lp .trow .tgo{display:none}}.sj-lp .trow h4{font-family:var(--font-display);font-weight:700;font-size:21px;margin:0;letter-spacing:-.01em}.sj-lp .trow .tdesc{font-size:15px;color:var(--ink-2);line-height:1.4}.sj-lp .trow .tdesc em{color:var(--ink);font-style:italic}.sj-lp .trow .tgo{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:7px;transition:color .2s,transform .2s}.sj-lp .trow:hover .tgo{color:var(--red-2);transform:translate(3px)}.sj-lp .feat-demo{grid-column:1 / -1;margin-top:4px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 18px;display:flex;align-items:center;gap:16px}.sj-lp .feat-demo .fj{font-family:var(--font-jp);font-weight:700;font-size:28px}.sj-lp .feat-demo .fa{color:var(--ink-3)}.sj-lp .feat-demo .ft{font-family:var(--font-jp);font-weight:800;font-size:28px;color:var(--red)}.sj-lp .feat-demo .cap{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);margin-left:auto;text-align:right;line-height:1.4}.sj-lp .loop{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border-top:1px solid var(--line-2)}@media (max-width: 760px){.sj-lp .loop{grid-template-columns:1fr 1fr}}@media (max-width: 460px){.sj-lp .loop{grid-template-columns:1fr}}.sj-lp .step{padding:26px 24px 30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);position:relative}.sj-lp .step:last-child{border-right:none}@media (max-width: 760px){.sj-lp .step:nth-child(2n){border-right:none}}.sj-lp .step .sn{font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--red);line-height:1}.sj-lp .step h4{font-family:var(--font-display);font-weight:700;font-size:19px;margin:18px 0 5px;letter-spacing:-.01em}.sj-lp .step p{font-size:14px;color:var(--ink-3);margin:0}.sj-lp .loop-foot{margin-top:30px;font-size:18px;color:var(--ink-2);line-height:1.6;max-width:62ch}.sj-lp .loop-foot .way{color:var(--red-2);font-weight:600}.sj-lp .closer{padding:108px 0;position:relative;overflow:hidden;border-top:1px solid var(--line)}.sj-lp .closer .wm{position:absolute;left:-30px;bottom:-120px;font-family:var(--font-jp);font-weight:800;font-size:clamp(260px,30vw,420px);color:#ff54360a;line-height:.8;pointer-events:none}.sj-lp .closer .inner{position:relative;z-index:1;max-width:20ch}.sj-lp .closer h2{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6vw,76px);line-height:.96;letter-spacing:-.035em;margin:0}.sj-lp .closer h2 .a{color:var(--red)}.sj-lp .closer p{font-size:18px;color:var(--ink-2);margin:22px 0 0;max-width:46ch}.sj-lp .closer .cta{margin-top:34px}.sj-lp .closer .micro{margin-top:18px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-3);letter-spacing:.02em}.sj-lp footer.lp-foot{border-top:1px solid var(--line);padding:48px 0 40px;position:relative;z-index:1}.sj-lp .foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px 48px;flex-wrap:wrap}.sj-lp .foot-brand{display:flex;flex-direction:column;gap:10px}.sj-lp .foot-tag{font-family:var(--font-jp);font-size:13px;color:var(--ink-3)}.sj-lp .foot-tag.m{font-family:var(--font-mono);letter-spacing:.03em}.sj-lp .foot-links{display:flex;gap:8px 28px;font-size:14px;color:var(--ink-3);flex-wrap:wrap}.sj-lp .foot-links a{white-space:nowrap}.sj-lp .foot-links a:hover{color:var(--ink)}.sj-lp .foot-links button{background:none;border:none;padding:0;font:inherit;color:var(--ink-3);cursor:pointer}.sj-lp .foot-links button:hover{color:var(--ink)}.sj-lp .foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.app{max-width:620px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top,0px)) 20px calc(40px + env(safe-area-inset-bottom,0px))}@media (min-width: 900px){.app{max-width:1100px}.app.tab-drills,.app.tab-radicals,.app.tab-survival,.app.tab-settings{max-width:760px}.card.flash{max-width:560px;margin-left:auto;margin-right:auto}}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.header h1{font-size:22px;margin:0;letter-spacing:.3px}.header-sub-en{color:var(--muted);font-size:13px;margin-left:8px}.header .subtitle{color:var(--muted);font-size:13px;margin-top:2px}.nav{display:flex;gap:6px;background:var(--panel);padding:6px;border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.nav button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:none;background:transparent;padding:10px 12px;color:var(--muted);white-space:nowrap;min-width:0}.nav button.active{background:var(--panel-2);color:var(--text);box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent) inset}.nav .nav-icon{font-size:15px}.nav .nav-label{font-size:14px}@media (max-width: 640px){.header .subtitle{display:none}.nav{gap:4px}.nav button{flex:1 1 0;min-width:0;padding:8px 6px;gap:5px}.nav .nav-icon{font-size:15px}.nav .nav-label{font-size:12.5px;white-space:nowrap}.drill-bar{flex-wrap:wrap}.drill-levels{flex:1 1 100%;flex-wrap:wrap}.drill-bar .segmented.grow{flex:1 1 auto}}.content{min-height:60vh;zoom:var(--fs-scale)}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.drill-bar{display:flex;gap:8px;align-items:stretch;margin-bottom:12px}.drill-bar .select,.drill-bar .segmented{height:40px}.drill-bar .segmented.grow,.drill-bar .segmented.grow button{flex:1}.icon-btn{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding:0;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text)}.icon-btn:hover{background:var(--surface-2)}.drill-progress{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pill-flag{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);flex-shrink:0}.pill-flag.active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.seen-count{color:var(--muted);font-size:12px;flex-shrink:0}.mastery-bar.tappable{flex:1;padding:0;cursor:pointer;border:1px solid var(--border)}.mastery-bar-btn{flex:1;padding:0;cursor:pointer;background:none;border:none}.mastery-bar-btn .sj-cat-bar{height:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.chip.level-N5{color:var(--n5);border-color:color-mix(in srgb,var(--good) 35%,transparent)}.chip.level-N4{color:var(--n4);border-color:color-mix(in srgb,var(--n4) 35%,transparent)}.chip.level-N3{color:var(--n3);border-color:color-mix(in srgb,var(--n3) 35%,transparent)}.chip.level-N2{color:var(--n2);border-color:color-mix(in srgb,var(--n2) 35%,transparent)}.chip.level-N1{color:var(--n1);border-color:color-mix(in srgb,var(--n1) 35%,transparent)}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px}.flip-card{perspective:1600px;min-height:480px}.flip-inner{position:relative;width:100%;min-height:480px;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.flip-back.flash{justify-content:flex-start;align-items:stretch}.back-kanji{font-size:56px;line-height:1;-webkit-user-select:none;user-select:none;cursor:pointer}@media (prefers-reduced-motion: reduce){.flip-inner{transition:none}}.flash{display:flex;flex-direction:column;align-items:center;gap:18px;min-height:480px;justify-content:center}.flash .big-kanji{font-size:clamp(120px,22vw,220px);line-height:1;font-weight:500;letter-spacing:0;-webkit-user-select:none;user-select:none;margin:6px 0;cursor:pointer;transform:translateY(.02em)}.flash .hint{color:var(--muted);font-size:13px}.reveal{width:100%;display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.reveal{grid-template-columns:1fr 1fr}}.reveal .block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.reveal h4{margin:0 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.reveal .reading-list{display:flex;flex-wrap:wrap;gap:6px}.reveal .reading-list span{background:color-mix(in srgb,var(--text) 3%,transparent);padding:4px 10px;border-radius:8px;font-size:14px}.compound-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px dashed var(--border)}.compound-row:last-child{border-bottom:none}.compound-row .jp{font-size:18px}.compound-row .reading{color:var(--muted);font-size:12px}.compound-row .en{font-size:13px;color:var(--muted);flex:1;text-align:right}.actions{display:flex;gap:6px;justify-content:center;margin-top:8px}.actions button{min-width:140px}.progress-bar{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden;margin-bottom:14px}.progress-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.stats{display:flex;gap:14px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.radical-card,.kanji-tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;cursor:pointer;transition:transform 80ms ease,border-color .12s ease}.radical-card:hover,.kanji-tile:hover{border-color:color-mix(in srgb,var(--text) 22%,var(--border));transform:translateY(-1px)}.radical-card .big,.kanji-tile .big{font-size:42px;line-height:1}.radical-card .meta,.kanji-tile .meta{color:var(--muted);font-size:12px;margin-top:6px}.detail{display:grid;grid-template-columns:1fr;gap:14px}.survival-topic{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}.survival-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}.survival-card .text{font-size:22px}.survival-card .reading{color:var(--muted);font-size:12px;margin-top:2px}.survival-card .meaning{margin-top:8px;font-size:14px}.survival-card .kanji-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.survival-card .kanji-pills span{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:14px}.topic-header{display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-bottom:6px}.topic-header h2{margin:0;font-size:18px}.topic-header .icon{font-size:22px;margin-right:8px}.empty{text-align:center;color:var(--muted);padding:40px}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);background:transparent;border:none;padding:4px 6px;cursor:pointer;margin-bottom:10px}.back:hover{color:var(--text)}.related-kanji{display:flex;flex-wrap:wrap;gap:6px}.related-kanji button{padding:8px 10px;font-size:22px;border-radius:10px}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.kanji-pill{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:center;transition:transform 80ms ease,border-color .12s ease,background .12s ease}.kanji-pill:hover{border-color:color-mix(in srgb,var(--text) 22%,var(--border));transform:translateY(-1px)}.kanji-pill.compact{min-width:80px;min-height:76px}.kanji-pill.large{min-width:112px;min-height:100px;padding:12px 14px}.kanji-pill.emphasized{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent) 22%,transparent));border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--text)}.kanji-pill.radical-only{border-style:dashed;background:var(--panel-2)}.kanji-pill .pill-char{font-size:28px;line-height:1;color:var(--text)}.kanji-pill.large .pill-char{font-size:36px}.kanji-pill .pill-reading{font-size:11px;color:var(--good);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}.kanji-pill.large .pill-reading{font-size:12px;max-width:110px}.kanji-pill.emphasized .pill-reading{color:var(--accent)}.kanji-pill .pill-meaning{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}.kanji-pill.large .pill-meaning{font-size:12px;max-width:110px}.kanji-pill.emphasized .pill-meaning{color:var(--accent);opacity:.95}.kanji-pill .pill-badge{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);margin-top:2px;opacity:.85}.select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:color-mix(in srgb,var(--text) 6%,transparent);padding:1px 6px;border-radius:4px;color:var(--muted);border:1px solid var(--border)}.readings-prom{display:flex;flex-direction:column;gap:10px}.readings-prom h4{margin:0}.readings-prom.hero{padding:20px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--text) 4%,transparent),color-mix(in srgb,var(--text) 0%,transparent));border:1px solid var(--border)}.readings-prom-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:4px 0}.reading-tag{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:18px;font-weight:600;flex-shrink:0}.reading-tag.on{background:color-mix(in srgb,var(--n4) 18%,transparent);color:var(--n4);border:1px solid color-mix(in srgb,var(--n4) 45%,transparent)}.reading-tag.kun{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good);border:1px solid color-mix(in srgb,var(--good) 40%,transparent)}.reading-big{font-size:clamp(20px,3.4vw,28px);font-weight:500;line-height:1.2;padding:2px 10px;border-radius:8px;background:color-mix(in srgb,var(--text) 3%,transparent);letter-spacing:.5px}.reading-hero{font-size:clamp(30px,6vw,44px);font-weight:600;line-height:1.15;padding:4px 14px;border-radius:10px;background:color-mix(in srgb,var(--text) 4%,transparent);letter-spacing:1px}.reading-alt{font-size:.55em;font-weight:400;color:var(--muted);margin-left:.15em;letter-spacing:0}.reading-empty{color:var(--muted);font-size:22px;opacity:.6}.hero-meaning{font-size:clamp(18px,2.8vw,22px);margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);color:var(--text)}.actions-slot{padding:12px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,transparent),color-mix(in srgb,var(--accent) 4%,transparent))!important;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)!important}.actions-top{display:flex;gap:10px;justify-content:center;margin:0}.actions-top button{flex:1;min-width:0;max-width:220px;padding:14px 16px;font-size:15px;font-weight:600}.segmented{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;color:var(--muted);padding:6px 12px;border-radius:8px;font-size:13px}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 1px color-mix(in srgb,var(--text) 4%,transparent) inset,0 1px 4px #00000059}.big-compound{font-size:clamp(56px,9vw,96px);line-height:1.05;font-weight:500;-webkit-user-select:none;user-select:none;margin:6px 0;cursor:pointer;text-align:center}.back-compound{font-size:36px;line-height:1;-webkit-user-select:none;user-select:none;cursor:pointer}.compound-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:14px 0;padding:18px;background:var(--panel-2);border:1px solid var(--border);border-radius:14px}.compound-big-reading{font-size:clamp(32px,6vw,48px);font-weight:500;color:var(--good);letter-spacing:.8px}.compound-big-meaning{font-size:18px;color:var(--text);text-align:center}.root-pill{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 100%);border-color:transparent;color:var(--accent-ink);font-weight:600}.root-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.root-pill.rich{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:110px;min-height:96px;padding:10px 14px;font-size:inherit;font-weight:500;text-align:center}.root-pill.rich .root-char{font-size:36px;line-height:1}.root-pill.rich .root-reading{font-size:12px;opacity:.85;letter-spacing:.4px}.root-pill.rich .root-meaning{font-size:12px;opacity:.85;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.root-pill.rich.plain{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-weight:500}.root-pill.rich.plain .root-reading{color:var(--good)}.root-pill.rich.plain .root-meaning{color:var(--muted)}.readings-info{position:absolute;top:10px;right:10px;width:28px;height:28px;padding:0;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.readings-info:hover{color:var(--accent);border-color:var(--accent)}.reading-help-all{margin-top:10px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,var(--text) 3%,transparent);border:1px solid var(--border);font-size:13px;line-height:1.55;color:var(--text)}.reading-help-all em{color:var(--accent);font-style:normal}.account-menu{position:relative;flex-shrink:0}.profile-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--panel);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text);cursor:pointer}.profile-pill:hover{background:var(--panel-2)}.account-pop{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:78vw;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px #00000080;z-index:95;padding:6px;animation:fadeIn .14s ease-out}.account-pop-section{padding:8px;border-bottom:1px solid var(--border)}.account-pop-section:last-child{border-bottom:none}.account-pop-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}.account-pop-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;border-radius:8px;padding:8px 10px;color:var(--text);font-size:14px}.account-pop-item:hover{background:var(--panel-2)}.account-pop-item.current{color:var(--accent)}.account-pop-check{margin-left:auto}.account-pop-add{display:flex;gap:6px}.account-pop-add .select{flex:1;min-width:0}.account-pop-hint{font-size:12px;color:var(--muted);line-height:1.4}.profile-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.profile-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:18px}.profile-panel h3{margin:0 0 12px;font-size:13px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.profile-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.profile-current{flex:1;min-width:160px;display:flex;align-items:center;gap:8px}.mastery-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-weight:600;font-size:11px}.mastery-chip .mastery-fill{display:inline-block;height:4px;border-radius:2px;min-width:4px;opacity:.85}.mastery-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--panel-2);border:1px solid var(--border);margin:0}.mastery-bar .mastery-seg{height:100%;min-width:2px}.mastery-bar .mastery-seg.is-new{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 22%,transparent) 0 3px,transparent 3px 7px)}.mastery-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin:8px 0 14px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.mastery-legend.in-sheet{margin:0}.mastery-key{display:inline-flex;align-items:center;gap:5px}.mastery-key .dot{width:8px;height:8px;border-radius:50%}.mastery-key strong{color:var(--text);font-weight:600}.speaker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--accent);flex-shrink:0}.speaker:hover{background:var(--surface-2)}.swipeable{touch-action:pan-y;transition:box-shadow .12s ease}.swipe-left{box-shadow:-18px 0 32px -10px #f8717173 inset}.swipe-right{box-shadow:18px 0 32px -10px color-mix(in srgb,var(--good) 45%,transparent) inset}@media (prefers-reduced-motion: reduce){.swipeable{transition:none}}.due-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.due-chip.active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.map-hint{color:var(--muted);font-size:13px;margin:4px 0 10px}.map-scroll{overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;-webkit-overflow-scrolling:touch}.map-svg{display:block}.map-node{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:4px 6px;cursor:pointer;text-align:center;transition:transform 80ms ease,border-color .12s ease,background .12s ease;overflow:hidden}.map-node:hover{border-color:color-mix(in srgb,var(--text) 22%,var(--border));transform:translateY(-1px)}.map-node.is-root{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 18%,transparent));border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.map-node.node-radical{border-style:dashed}.map-node.node-unknown{opacity:.6}.map-char{font-size:28px;line-height:1;color:var(--text)}.map-reading{font-size:11px;color:var(--good);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.map-meaning{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.map-actions{display:flex;align-items:center;gap:4px;margin-top:1px}.map-actions .chip{padding:0 6px;font-size:9px;height:14px;line-height:14px}.map-info{width:18px;height:18px;padding:0;font-size:11px;border-radius:999px;background:transparent;border:1px solid var(--border);color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.map-info:hover{color:var(--accent);border-color:var(--accent)}.map-more{padding:0 6px;height:16px;font-size:9px;line-height:14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.map-more:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.map-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.suggestion{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.suggestion .big{font-size:22px;line-height:1}.suggestion .meta{color:var(--muted);font-size:12px}.picker-section{margin-top:18px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.picker-title{margin:0 0 12px;font-size:13px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.picker-label{color:var(--muted);font-size:12px;margin-bottom:8px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.picker-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;cursor:pointer}.picker-tile:hover{border-color:color-mix(in srgb,var(--text) 22%,var(--border))}.picker-tile.is-current{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 18%,transparent));border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.picker-tile .big{font-size:24px;line-height:1}.picker-tile .kana{font-size:10px;color:var(--good);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.picker-tile .meta{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:76px}.mnemonic{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;margin-top:8px;resize:vertical}.mnemonic:focus{outline:1px solid var(--accent)}.mnemonic-readonly{margin-top:8px;padding:10px 12px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:14px;white-space:pre-wrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080e9e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .18s ease-out}.sheet{position:fixed;top:5vh;left:50%;width:min(720px,92vw);max-height:90vh;margin-left:0;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px #0000008c,0 2px color-mix(in srgb,var(--text) 3%,transparent) inset;overflow:hidden;display:flex;flex-direction:column;animation:sheetIn .24s cubic-bezier(.2,.8,.2,1)}.sheet-top{transform:translate(-50%) translateY(0)}.sheet-stacked{pointer-events:none;opacity:.6;filter:saturate(.7)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.sheet-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel-2)}.sheet-head .back{margin:0}.sheet-body{padding:18px 20px 22px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-header-row{display:flex;gap:18px;align-items:center;margin-bottom:14px}.sheet-kanji{font-size:72px;line-height:1}.sheet-summary{display:flex;flex-direction:column}.sheet-meanings{font-size:18px}.breadcrumb{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;color:var(--muted);overflow-x:auto}.crumb{background:transparent;border:1px solid transparent;color:var(--text);padding:2px 8px;border-radius:6px;font-size:16px}.crumb:disabled{color:var(--accent);cursor:default}.crumb-sep{color:var(--muted);margin:0 2px}.editor-body{display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.form-col{display:flex;flex-direction:column;gap:4px}.form-col>span,.form-row label>span{font-size:12px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.form-row label{display:flex;flex-direction:column;gap:4px}.compound-edit{display:grid;grid-template-columns:1fr 1fr 1.4fr 80px 36px;gap:6px;margin-top:6px}@media (max-width: 700px){.compound-edit{grid-template-columns:1fr 1fr}}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-row{display:grid;grid-template-columns:56px 1fr auto auto;gap:14px;align-items:center;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.settings-kanji{font-size:36px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-mid{min-width:0}.settings-meanings{font-size:14px}.settings-readings{color:var(--muted);font-size:12px;margin-top:2px}.settings-tags{display:flex;gap:6px;flex-wrap:wrap}.settings-actions{display:flex;gap:6px}@media (max-width: 600px){.settings-row{grid-template-columns:56px 1fr}.settings-tags,.settings-actions{grid-column:1 / -1;justify-content:flex-end}}.danger-zone{margin-top:30px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.danger-zone h3{margin:0 0 10px;font-size:14px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.danger-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-top:1px dashed var(--border)}.danger-row:first-of-type{border-top:none}.block.extras{display:flex;flex-direction:column;gap:8px;padding:8px!important}.collapsible{border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden}.collapsible.open{background:var(--panel-2)}.collapsible-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:12px 14px;color:var(--text);font-size:13px}.collapsible-title{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--muted)}.collapsible.open .collapsible-title{color:var(--text)}.collapsible-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:11px;color:var(--muted)}.collapsible.open .collapsible-count{background:var(--bg)}.collapsible-chevron{color:var(--muted);font-size:12px}.collapsible-body{padding:0 14px 14px}.options-body{display:flex;flex-direction:column;gap:16px}.option-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.option-label{display:flex;flex-direction:column;gap:2px;min-width:0}.option-label strong{font-size:14px}.option-label span{font-size:12px;color:var(--muted);line-height:1.35}.option-divider{height:1px;background:var(--border);margin:2px 0}.select{min-height:40px}.segmented{align-items:stretch}.segmented button{display:inline-flex;align-items:center;justify-content:center}.auth-panel{display:flex;flex-direction:column;gap:10px}.auth-error{color:var(--bad);font-size:12px}.profile-dot.synced{background:linear-gradient(180deg,var(--good),var(--good));box-shadow:0 0 0 2px color-mix(in srgb,var(--good) 18%,transparent)}.sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;vertical-align:middle;background:var(--muted)}.sync-dot.synced{background:var(--good)}.sync-dot.syncing{background:var(--accent);animation:pulse 1s ease-in-out infinite}.sync-dot.offline{background:var(--warn)}.sync-dot.error{background:var(--bad)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.drill-mode-hint{color:var(--muted);font-size:12.5px;margin:2px 0 12px}.drill-options-panel{margin:2px 0 14px}.drill-options-panel .options-body{display:flex;flex-direction:column;gap:14px}.card-chips{display:flex;gap:8px;align-items:center}.flip-back .card-chips{width:100%}.undo-btn{margin-left:10px;background:transparent;border:1px solid var(--border);color:var(--accent);font-size:12px;padding:3px 10px;border-radius:99px}.undo-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}@keyframes sjMapIn{0%{opacity:0;transform:translateY(6px) scale(.992)}to{opacity:1;transform:none}}.map-svg{animation:sjMapIn .26s cubic-bezier(.2,.8,.2,1)}.map-node{transition:border-color .12s ease,transform .12s ease,background .12s ease}@media (prefers-reduced-motion: reduce){.map-svg{animation:none}}