Changed 'oauth2' to 'auth' where relevant.

VERSION

@@ -1 +1 @@
-20250617.1
+20250423

assets/auth.css/appinfo.css

@@ -1,18 +1,17 @@
-.oauth2-appinfo {}
+.auth-appinfo {}
 
-.oauth2-appinfo-name {
+.auth-appinfo-name {
     font-size: 2em;
     line-height: 1.5em;
-    font-weight: 500;
 }
 
-.oauth2-appinfo-links {
+.auth-appinfo-links {
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
 }
 
-.oauth2-appinfo-link {
+.auth-appinfo-link {
     display: flex;
     color: inherit;
     gap: 5px;
@@ -21,24 +20,24 @@
     padding: 2px 6px;
     border-radius: 4px;
 }
-.oauth2-appinfo-link-icon {
+.auth-appinfo-link-icon {
     flex: 0 0 auto;
     background-color: #fff;
     width: 12px;
     height: 12px;
 }
-.oauth2-appinfo-link-icon-globe {
+.auth-appinfo-link-icon-globe {
     mask: url('/images/globe-solid.svg') no-repeat center;
 }
-.oauth2-appinfo-link-text {
-    font-size: .75em;
-    line-height: 1.25em;
+.auth-appinfo-link-text {
+    font-size: .8em;
+    line-height: 1.4em;
 }
 
-.oauth2-appinfo-summary {
-    font-size: .875em;
-    line-height: 1.375em;
+.auth-appinfo-summary {
+    font-size: .9em;
+    line-height: 1.4em;
 }
-.oauth2-appinfo-summary p {
+.auth-appinfo-summary p {
     margin: .5em 0;
 }

assets/auth.css/approval.css

@@ -1,35 +1,35 @@
-.oauth2-approval {
+.auth-approval {
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
-.oauth2-approval-icon {
+.auth-approval-icon {
     flex: 0 0 auto;
     background-color: #fff;
     width: 40px;
     height: 40px;
     margin: 10px;
 }
-.oauth2-approval-icon-approved {
+.auth-approval-icon-approved {
     mask: url('/images/circle-check-solid.svg') no-repeat center;
 }
-.oauth2-approval-icon-denied {
+.auth-approval-icon-denied {
     mask: url('/images/circle-xmark-solid.svg') no-repeat center;
 }
 
-.oauth2-approval-header {
+.auth-approval-header {
     text-align: center;
-    font-size: 1.5em;
+    font-size: 1.2em;
     line-height: 1.5em;
 }
 
-.oauth2-approval-text {
+.auth-approval-text {
     width: 100%;
 }
 
-.oauth2-approval-text p {
+.auth-approval-text p {
     margin: .5em 0;
-    font-size: .875em;
+    font-size: .8em;
     line-height: 1.5em;
 }

assets/auth.css/authorise.css

@@ -1,28 +1,28 @@
-.oauth2-authorise-requesting {
-    font-size: .875em;
-    line-height: 1.5em;
+.auth-authorise-requesting {
+    font-size: .8em;
+    line-height: 1.4em;
     border-bottom: 1px solid #333;
 }
-.oauth2-authorise-requesting p {
+.auth-authorise-requesting p {
     margin: .5em 0;
 }
 
-.oauth2-authorise-device {
-    font-size: .875em;
-    line-height: 1.375em;
+.auth-authorise-device {
+    font-size: .8em;
+    line-height: 1.4em;
 }
-.oauth2-authorise-device p {
+.auth-authorise-device p {
     margin: .5em 0;
 }
 
-.oauth2-authorise-buttons {
+.auth-authorise-buttons {
     margin-top: 10px;
     display: flex;
     justify-content: center;
     gap: 10px;
 }
 
-.oauth2-authorise-button {
+.auth-authorise-button {
     background-color: #191919;
     font-family: var(--font-regular);
     font-size: 1.2em;
@@ -41,32 +41,32 @@
     color: #8559a5;
     border-color: #8559a5;
 }
-.oauth2-authorise-button:hover,
-.oauth2-authorise-button:focus {
+.auth-authorise-button:hover,
+.auth-authorise-button:focus {
     color: #191919;
     background-color: #8559a5;
 }
 
-.oauth2-authorise-button[disabled] {
+.auth-authorise-button[disabled] {
     opacity: .5;
 }
 
-.oauth2-authorise-button-accept {
+.auth-authorise-button-accept {
     color: #080;
     border-color: #0a0;
 }
-.oauth2-authorise-button-accept:hover,
-.oauth2-authorise-button-accept:focus {
+.auth-authorise-button-accept:hover,
+.auth-authorise-button-accept:focus {
     color: #191919;
     background-color: #0a0;
 }
 
-.oauth2-authorise-button-deny {
+.auth-authorise-button-deny {
     color: #c00;
     border-color: #a00;
 }
-.oauth2-authorise-button-deny:hover,
-.oauth2-authorise-button-deny:focus {
+.auth-authorise-button-deny:hover,
+.auth-authorise-button-deny:focus {
     color: #191919;
     background-color: #a00;
 }

assets/auth.css/banner.css

@@ -1,14 +1,16 @@
-.oauth2-banner {
+.auth-banner {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 10px;
 }
 
-.oauth2-banner-text {
+.auth-banner-text {
+    font-size: .9em;
+    line-height: 1.4em;
     flex: 1 1 auto;
 }
-.oauth2-banner-logo {
+.auth-banner-logo {
     flex: 0 0 auto;
     background-color: #fff;
     mask: url('/images/flashii.svg') no-repeat center;

assets/auth.css/device.css

@@ -1,11 +1,11 @@
-.oauth2-device-form {
+.auth-device-form {
     display: flex;
     justify-content: center;
     margin: 10px;
 }
 
-.oauth2-device-code {
-    font-size: 1.25em;
+.auth-device-code {
+    font-size: 1.4em;
     border: 1px solid #222;
     padding: 5px 10px;
     background: #222;
@@ -15,11 +15,10 @@
     transition: border-color .2s;
     text-align: center;
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
     min-width: 0;
     max-width: 200px;
     width: 100%;
 }
-.oauth2-device-code:focus {
+.auth-device-code:focus {
     border-color: #8559a5;
 }

assets/auth.css/error.css

@@ -1,3 +1,3 @@
-.oauth2-errorbody p {
+.auth-errorbody p {
     margin: .5em 1em;
 }

assets/auth.css/main.css

@@ -12,7 +12,6 @@ body {
 
 pre, code {
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
 }
 
 a {
@@ -27,14 +26,14 @@ a:focus {
     text-decoration: underline;
 }
 
-.oauth2-wrapper {
+.auth-wrapper {
     display: flex;
     flex-direction: column;
     flex: 1 0 auto;
     margin-bottom: 10px;
 }
 
-.oauth2-dialog {
+.auth-dialog {
     display: flex;
     flex: 1 0 auto;
     padding: 10px;
@@ -43,7 +42,7 @@ a:focus {
     justify-content: center;
 }
 
-.oauth2-dialog-body {
+.auth-dialog-body {
     max-width: 500px;
     width: 100%;
     background: #191919;
@@ -52,7 +51,7 @@ a:focus {
     flex-direction: column;
 }
 
-.oauth2-header {
+.auth-header {
     background-image: url('/images/clouds.png');
     background-blend-mode: multiply;
     background-color: #8559a5;
@@ -60,7 +59,7 @@ a:focus {
     min-height: 4px;
 }
 
-.oauth2-body {
+.auth-body {
     margin: 10px;
 }
 

assets/auth.css/scope.css

@@ -1,26 +1,26 @@
-.oauth2-scope {
+.auth-scope {
     background: #292929;
     border-radius: 4px;
     padding: 4px 8px;
 }
 
-.oauth2-scope-header {
+.auth-scope-header {
     border-bottom: 1px solid #494949;
 }
 
-.oauth2-scope-perms {
+.auth-scope-perms {
     display: flex;
     flex-direction: column;
     gap: 4px;
     margin: 4px 0;
 }
 
-.oauth2-scope-perm {
+.auth-scope-perm {
     display: flex;
     align-items: center;
     gap: 4px;
 }
-.oauth2-scope-perm-icon {
+.auth-scope-perm-icon {
     width: 16px;
     height: 16px;
     mask: url('/images/circle-check-regular.svg') no-repeat center;
@@ -28,11 +28,11 @@
     background-color: #0a0;
     margin: 2px;
 }
-.oauth2-scope-perm-icon-warn {
+.auth-scope-perm-icon-warn {
     mask: url('/images/circle-regular.svg') no-repeat center, url('/images/exclamation-solid.svg') no-repeat center center / 10px 10px;
     background-color: #c80;
 }
-.oauth2-scope-perm-text {
-    font-size: .875em;
-    line-height: 1.375em;
+.auth-scope-perm-text {
+    font-size: .8em;
+    line-height: 1.4em;
 }

assets/auth.css/simplehead.css

@@ -1,9 +1,9 @@
-.oauth2-simplehead {
+.auth-simplehead {
     display: flex;
     align-items: center;
 }
 
-.oauth2-simplehead-icon {
+.auth-simplehead-icon {
     flex: 0 0 auto;
     background-color: #fff;
     mask: url('/images/circle-question-solid.svg') no-repeat center;
@@ -11,20 +11,20 @@
     height: 40px;
     margin: 10px;
 }
-.oauth2-simplehead-icon--code {
+.auth-simplehead-icon--code {
     mask-image: url('/images/mobile-screen-solid.svg');
 }
-.oauth2-simplehead-icon--error {
+.auth-simplehead-icon--error {
     mask-image: url('/images/circle-exclamation-solid.svg');
 }
-.oauth2-simplehead-icon--login {
+.auth-simplehead-icon--login {
     mask-image: url('/images/user-lock-solid.svg');
 }
-.oauth2-simplehead-icon--wait {
+.auth-simplehead-icon--wait {
     mask-image: url('/images/ellipsis-solid.svg');
 }
 
-.oauth2-simplehead-text {
-    font-size: 1.75em;
-    line-height: 1.375em;
+.auth-simplehead-text {
+    font-size: 1.8em;
+    line-height: 1.4em;
 }

assets/auth.css/userhead.css

@@ -1,64 +1,64 @@
-.oauth2-userhead {
+.auth-userhead {
     display: flex;
     flex-direction: column;
     background-color: #0005;
 }
 
-.oauth2-userhead-main {
+.auth-userhead-main {
     display: flex;
     align-items: center;
 }
-.oauth2-userhead-main-avatar {
+.auth-userhead-main-avatar {
     flex: 0 0 auto;
     margin: 10px;
 }
-.oauth2-userhead-main-avatar-image {
+.auth-userhead-main-avatar-image {
     width: 60px;
     height: 60px;
     overflow: hidden;
     border-radius: 4px;
 }
-.oauth2-userhead-main-avatar-image img {
+.auth-userhead-main-avatar-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border: 0;
 }
-.oauth2-userhead-main-name {
-    font-size: 1.75em;
-    line-height: 1.375em;
+.auth-userhead-main-name {
+    font-size: 1.8em;
+    line-height: 1.4em;
 }
-.oauth2-userhead-main-name a {
+.auth-userhead-main-name a {
     color: inherit;
 }
 
-.oauth2-userhead-guise {
+.auth-userhead-guise {
     display: flex;
     align-items: center;
     background-image: repeating-linear-gradient(-45deg, #8559a57f, #8559a57f 10px, #1111117f 10px, #1111117f 20px);
 }
-.oauth2-userhead-guise-avatar {
+.auth-userhead-guise-avatar {
     flex: 0 0 auto;
     margin: 10px;
 }
-.oauth2-userhead-guise-avatar-image {
+.auth-userhead-guise-avatar-image {
     width: 30px;
     height: 30px;
     overflow: hidden;
     border-radius: 4px;
 }
-.oauth2-userhead-guise-avatar-image img {
+.auth-userhead-guise-avatar-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border: 0;
 }
-.oauth2-userhead-guise-text {
-    font-size: .75em;
-    line-height: 1.375em;
+.auth-userhead-guise-text {
+    font-size: .8em;
+    line-height: 1.5em;
     overflow: hidden;
     padding: 2px 0;
 }
-.oauth2-userhead-guise-text p {
+.auth-userhead-guise-text p {
     margin: 1px 0;
 }

assets/auth.js/app/info.jsx

@@ -0,0 +1,30 @@
+const MszAuthAppInfoLink = function(info) {
+    const element = <a href={info.uri} target="_blank" rel="noopener noreferrer" class="auth-appinfo-link" title={info.title}>
+        <div class="auth-appinfo-link-icon auth-appinfo-link-icon-globe"></div>
+        <div class="auth-appinfo-link-text">{info.display}</div>
+    </a>;
+
+    return {
+        get element() { return element; },
+    };
+};
+
+const MszAuthAppInfo = function(info) {
+    const linksElem = <div class="auth-appinfo-links"/>;
+    if(Array.isArray(info.links))
+        for(const link of info.links)
+            linksElem.appendChild((new MszAuthAppInfoLink(link)).element);
+
+    // TODO: author should be listed
+    const element = <div class="auth-appinfo">
+        <div class="auth-appinfo-name">{info.name}</div>
+        {linksElem}
+        <div class="auth-appinfo-summary">
+            <p>{info.summary}</p>
+        </div>
+    </div>;
+
+    return {
+        get element() { return element; },
+    };
+};

assets/auth.js/app/scope.jsx

@@ -0,0 +1,33 @@
+const MszAuthAppScopeEntry = function(text, warn) {
+    const icon = <div class="auth-scope-perm-icon"/>;
+    if(warn)
+        icon.classList.add('auth-scope-perm-icon-warn');
+
+    const element = <div class="auth-scope-perm">
+        {icon}
+        <div class="auth-scope-perm-text">{text}</div>
+    </div>;
+
+    return {
+        get element() { return element; },
+    };
+};
+
+const MszAuthAppScopeList = function(scopes) {
+    const permsElem = <div class="auth-scope-perms"/>;
+    if(Array.isArray(scopes) && scopes.length > 0) {
+        for(const scope of scopes)
+            if(typeof scope === 'string')
+                permsElem.appendChild(new MszAuthAppScopeEntry(scope).element);
+    } else
+        permsElem.appendChild(new MszAuthAppScopeEntry('A limited amount of things. No scope was specified by the developer.', true).element);
+
+    const element = <div class="auth-scope">
+        <div class="auth-scope-header">This application will be able to:</div>
+        {permsElem}
+    </div>;
+
+    return {
+        get element() { return element; },
+    };
+};

assets/auth.js/authorise.js

@@ -30,7 +30,7 @@ const MszOAuth2AuthoriseErrors = Object.freeze({
 const MszOAuth2Authorise = async () => {
     const queryParams = new URLSearchParams(window.location.search);
     const loading = new MszLoading({ element: '.js-loading', size: 2 });
-    const header = new MszOAuth2Header;
+    const header = new MszAuthHeader;
 
     const fAuths = document.querySelector('.js-authorise-form');
     const eAuthsInfo = document.querySelector('.js-authorise-form-info');
@@ -172,7 +172,7 @@ const MszOAuth2Authorise = async () => {
             return translateError(body.error, body);
         }
 
-        const userHeader = new MszOAuth2UserHeader(body.user);
+        const userHeader = new MszAuthUserHeader(body.user);
         header.setElement(userHeader);
 
         const verifyAuthsRequest = async () => {
@@ -216,8 +216,8 @@ const MszOAuth2Authorise = async () => {
             return;
         }
 
-        eAuthsInfo.replaceWith(new MszOAuth2AppInfo(body.app).element);
-        eAuthsScope.replaceWith(new MszOAuth2AppScopeList(body.scope).element);
+        eAuthsInfo.replaceWith(new MszAuthAppInfo(body.app).element);
+        eAuthsScope.replaceWith(new MszAuthAppScopeList(body.scope).element);
 
         fAuths.onsubmit = ev => {
             ev.preventDefault();

assets/auth.js/header/header.js

@@ -1,4 +1,4 @@
-const MszOAuth2Header = function(element = '.js-oauth2-header', simpleElement = '.js-oauth2-header-simple') {
+const MszAuthHeader = function(element = '.js-auth-header', simpleElement = '.js-auth-header-simple') {
     if(typeof element === 'string')
         element = document.querySelector(element);
     if(!(element instanceof HTMLElement))
@@ -7,8 +7,8 @@ const MszOAuth2Header = function(element = '.js-oauth2-header', simpleElement =
     if(typeof simpleElement === 'string')
         simpleElement = element.querySelector(simpleElement);
 
-    const simpleElementIcon = simpleElement?.querySelector('.js-oauth2-header-simple-icon');
-    const simpleElementText = simpleElement?.querySelector('.js-oauth2-header-simple-text');
+    const simpleElementIcon = simpleElement?.querySelector('.js-auth-header-simple-icon');
+    const simpleElementText = simpleElement?.querySelector('.js-auth-header-simple-text');
 
     const hasSimpleElement = simpleElement instanceof HTMLElement;
     const setSimpleVisible = state => {
@@ -18,10 +18,10 @@ const MszOAuth2Header = function(element = '.js-oauth2-header', simpleElement =
     const setSimpleData = (icon, text) => {
         if(hasSimpleElement) {
             for(const className of simpleElementIcon.classList)
-                if(className.startsWith('oauth2-simplehead-icon--'))
+                if(className.startsWith('auth-simplehead-icon--'))
                     simpleElementIcon.classList.remove(className);
 
-            simpleElementIcon.classList.add(`oauth2-simplehead-icon--${icon}`);
+            simpleElementIcon.classList.add(`auth-simplehead-icon--${icon}`);
             simpleElementText.textContent = text;
         }
     };

assets/auth.js/header/user.jsx

@@ -1,11 +1,11 @@
-const MszOAuth2UserGuiseHeader = function(guise) {
-    const element = <div class="oauth2-userhead-guise">
-        <div class="oauth2-userhead-guise-avatar">
-            <div class="oauth2-userhead-guise-avatar-image">
+const MszAuthUserGuiseHeader = function(guise) {
+    const element = <div class="auth-userhead-guise">
+        <div class="auth-userhead-guise-avatar">
+            <div class="auth-userhead-guise-avatar-image">
                 <img src={guise.avatar_uri} alt=""/>
             </div>
         </div>
-        <div class="oauth2-userhead-guise-text">
+        <div class="auth-userhead-guise-text">
             <p>Are you <a href={guise.profile_uri} target="_blank" style={`color: ${guise.colour}`}>{guise.name}</a> and did you mean to use your own account?</p>
             <p><a href={guise.revert_uri} target="_blank">Click here</a> and reload this page.</p>
         </div>
@@ -21,15 +21,15 @@ const MszOAuth2UserGuiseHeader = function(guise) {
     };
 };
 
-const MszOAuth2UserHeader = function(user) {
-    const element = <div class="oauth2-userhead">
-        <div class="oauth2-userhead-main">
-            <div class="oauth2-userhead-main-avatar">
-                <div class="oauth2-userhead-main-avatar-image">
+const MszAuthUserHeader = function(user) {
+    const element = <div class="auth-userhead">
+        <div class="auth-userhead-main">
+            <div class="auth-userhead-main-avatar">
+                <div class="auth-userhead-main-avatar-image">
                     <img src={user.avatar_uri} alt=""/>
                 </div>
             </div>
-            <div class="oauth2-userhead-main-name">
+            <div class="auth-userhead-main-name">
                 <a href={user.profile_uri} target="_blank">{user.name}</a>
             </div>
         </div>
@@ -37,7 +37,7 @@ const MszOAuth2UserHeader = function(user) {
 
     let guiseInfo;
     if(user.guise) {
-        guiseInfo = new MszOAuth2UserGuiseHeader(user.guise);
+        guiseInfo = new MszAuthUserGuiseHeader(user.guise);
         element.appendChild(guiseInfo.element);
     }
 

assets/auth.js/verify.js

@@ -6,7 +6,7 @@
 const MszOAuth2Verify = () => {
     const queryParams = new URLSearchParams(window.location.search);
     const loading = new MszLoading({ element: '.js-loading', size: 2 });
-    const header = new MszOAuth2Header;
+    const header = new MszAuthHeader;
 
     const fAuths = document.querySelector('.js-verify-authorise');
     const eAuthsInfo = document.querySelector('.js-verify-authorise-info');
@@ -128,7 +128,7 @@ const MszOAuth2Verify = () => {
 
                 userCode = body.req.code;
 
-                userHeader = new MszOAuth2UserHeader(body.user);
+                userHeader = new MszAuthUserHeader(body.user);
                 header.setElement(userHeader);
 
                 if(body.app.trusted && body.user.guise === undefined) {
@@ -139,8 +139,8 @@ const MszOAuth2Verify = () => {
                     return;
                 }
 
-                eAuthsInfo.replaceWith(new MszOAuth2AppInfo(body.app).element);
-                eAuthsScope.replaceWith(new MszOAuth2AppScopeList(body.scope).element);
+                eAuthsInfo.replaceWith(new MszAuthAppInfo(body.app).element);
+                eAuthsScope.replaceWith(new MszAuthAppScopeList(body.scope).element);
 
                 loading.visible = false;
                 fAuths.classList.remove('hidden');

assets/common.css/main.css

@@ -17,16 +17,8 @@ html, body {
 }
 
 :root {
-    --font-regular: Inter, 'Zen Kaku Gothic New', sans-serif;
-    --font-monospace: 'Victor Mono', monospace;
-    font-feature-settings: 'calt' 1, 'dlig' 1, 'ss01' 1;
-    font-optical-sizing: auto;
-}
-
-@supports (font-variation-settings: normal) {
-    :root {
-        --font-regular: InterVariable, 'Zen Kaku Gothic New', sans-serif;
-    }
+    --font-regular: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
+    --font-monospace: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 }
 
 @include loading.css;

assets/common.css/perf.css

@@ -19,8 +19,7 @@
 .msz-perf {
     background-color: #111d;
     color: #fff;
-    font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
+    font-family: monospace;
     font-size: 12px;
     line-height: 20px;
     padding: 4px 8px;

assets/errors.css/main.css

@@ -20,9 +20,7 @@ body {
     color: #fff;
     font-size: 16px;
     line-height: 25px;
-    font-family: Inter, 'Zen Kaku Gothic New', sans-serif;
-    font-feature-settings: 'calt' 1, 'dlig' 1, 'ss01' 1;
-    font-optical-sizing: auto;
+    font-family: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
     background-color: #8559a5;
     background-color: var(--error-colour, #8559a5);
     background-image: url('/images/clouds.png');
@@ -32,12 +30,6 @@ body {
     flex-direction: column;
 }
 
-@supports (font-variation-settings: normal) {
-    body {
-        --font-regular: InterVariable, 'Zen Kaku Gothic New', sans-serif;
-    }
-}
-
 .error {
     display: flex;
     flex-direction: column;
@@ -101,8 +93,8 @@ body {
 }
 
 .error-home {
-    font-size: 1.5rem;
-    line-height: 1.375rem;
+    font-size: 1.5em;
+    line-height: 1.4em;
 }
 
 .error-nav {
@@ -120,24 +112,21 @@ body {
     justify-content: center;
 }
 
-.error-title {
-    line-height: 3rem;
-}
-
 .error-icon {
-    font-size: 4rem;
-    line-height: 1.5rem;
+    font-size: 4em;
+    line-height: 1.4em;
 }
 
 .error-blerb {
-    font-size: .875rem;
-    line-height: 1rem;
+    margin: 10px auto;
+    font-size: .9em;
+    line-height: 1.4em;
 }
 
 .error-footer {
     text-align: center;
-    font-size: .75rem;
-    line-height: 1.375em;
+    font-size: 12px;
+    line-height: 1.4em;
     color: #888;
     border-top: 1px solid #444;
     padding-top: 4px;

assets/misuzu.css/_input/button.css

@@ -1,7 +1,9 @@
 .input__button {
     background-color: var(--background-colour);
     font-family: var(--font-regular);
-    padding: 4px 12px;
+    font-size: 1.2em;
+    line-height: 1.4em;
+    padding: 5px 10px;
     min-width: 80px;
     text-align: center;
     cursor: pointer;
@@ -13,8 +15,6 @@
     align-items: center;
     justify-content: center;
     text-decoration: none;
-    font-size: inherit;
-    line-height: inherit;
 }
 .input__button:hover, .input__button:active,
 .input__button:focus, .input__button:checked,

assets/misuzu.css/_input/checkbox.css

@@ -49,8 +49,6 @@
 .input__checkbox__text {
     display: inline-block;
     margin-left: 4px;
-    font-size: .875em;
-    line-height: 1.375em;
 }
 .input__checkbox--disabled {
     opacity: .5;

assets/misuzu.css/_input/select.css

@@ -4,12 +4,10 @@
     background: #222;
     color: #fff;
     min-width: 150px;
+    font-size: 1.2em;
     border-radius: 2px;
     box-shadow: inset 0 0 4px #111;
     transition: border-color .2s;
-    font-family: inherit;
-    font-size: 1em;
-    line-height: 1.25em;
 }
 .input__select:focus {
     border-color: var(--accent-colour);

assets/misuzu.css/_input/text.css

@@ -1,4 +1,5 @@
 .input__text {
+    font-size: 1.2em;
     border: 1px solid #222;
     padding: 5px 10px;
     background: #222;
@@ -6,11 +7,8 @@
     border-radius: 2px;
     box-shadow: inset 0 0 4px #111;
     transition: border-color .2s;
-    font-family: inherit;
-    font-size: 1em;
-    line-height: 1.25em;
 }
 .input__text:focus { border-color: var(--accent-colour); }
 .input__text--readonly { color: #888; }
-.input__text--monospace { font-family: var(--font-monospace); font-feature-settings: 'ss07' 1; }
+.input__text--monospace { font-family: var(--font-monospace); }
 .input__text--centre { text-align: center; }

assets/misuzu.css/_input/textarea.css

@@ -1,11 +1,11 @@
 .input__textarea {
+    font-size: 1.2em;
     border: 1px solid #222;
-    padding: 4px 12px;
+    padding: 5px 10px;
     vertical-align: bottom;
     background: #222;
     color: #fff;
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
     border-radius: 2px;
     box-shadow: inset 0 0 4px #111;
     transition: border-color .2s;

assets/misuzu.css/_input/upload.css

@@ -10,8 +10,9 @@
 }
 .input__upload__selection {
     text-align: center;
+    font-size: 1.2em;
     border: 1px solid #222;
-    padding: 4px 12px;
+    padding: 5px 10px;
     background: #222;
     color: #fff;
     border-radius: 2px;

assets/misuzu.css/changelog/change.css

@@ -43,7 +43,7 @@
 
 .changelog__change__username {
     color: inherit;
-    font-size: 1.375em;
+    font-size: 1.4em;
     line-height: 1.5em;
     text-decoration: none;
 }
@@ -52,7 +52,7 @@
 }
 
 .changelog__change__userrole {
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
     color: inherit;
     text-decoration: none;
@@ -64,13 +64,15 @@
 .changelog__change__date {
     color: inherit;
     text-decoration: none;
+    font-size: 1.1em;
+    line-height: 1.5em;
 }
 .changelog__change__date:hover {
     text-decoration: underline;
 }
 
 .changelog__change__text {
-    line-height: 1.25em;
+    line-height: 1.2em;
     flex: 1 1 auto;
     word-wrap: break-word;
     overflow: hidden;

assets/misuzu.css/changelog/entry.css

@@ -1,8 +1,6 @@
 .changelog__entry {
     display: flex;
     margin: 5px;
-    font-size: .875em;
-    line-height: 1.5em;
 }
 .changelog__entry__info { display: flex; }
 
@@ -70,7 +68,7 @@
 .changelog__entry__tags {
     display: flex;
     flex-wrap: wrap;
-    font-size: .75em;
+    font-size: .9em;
     line-height: 1.5em;
 }
 

assets/misuzu.css/changelog/listing.css

@@ -6,6 +6,8 @@
     text-decoration: none;
     padding: 1px 3px;
     color: var(--accent-colour);
+    font-size: 1.2em;
+    line-height: 1.5em;
 }
 .changelog__listing__date:hover {
     text-decoration: underline;

assets/misuzu.css/changelog/log.css

@@ -21,8 +21,8 @@
 }
 .changelog__log__text {
     padding: 8px 12px;
-    font-size: 1.375em;
-    line-height: 1.25em;
+    font-size: 1.5em;
+    line-height: 1.3em;
     align-self: center;
     flex: 1 1 auto;
     overflow: hidden;

assets/misuzu.css/comments/form.css

@@ -19,7 +19,7 @@
 }
 .comments-form-wrap {
     display: grid;
-    grid-template-rows: 1fr 35px;
+    grid-template-rows: 1fr 32px;
     gap: 2px;
     margin: 3px;
     margin-left: 0;
@@ -49,6 +49,8 @@
 
 .comments-form-status {
     flex: 1 1 auto;
+    font-size: 1.2em;
+    line-height: 1.4em;
     padding: 0 6px;
     overflow: hidden;
     transition: color .2s;
@@ -64,8 +66,8 @@
 
 .comments-form-pin {
     flex: 0 0 auto;
-    font-size: 1.25em;
-    line-height: 1.375em;
+    font-size: 1.2em;
+    line-height: 1.4em;
 }
 
 .comments-form-post {

assets/misuzu.css/comments/notice.css

@@ -3,8 +3,8 @@
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
-    font-size: 1.25em;
-    line-height: 1.375em;
+    font-size: 1.4em;
+    line-height: 1.5em;
     gap: 6px;
     padding: 12px;
     margin: 2px;

assets/misuzu.css/container.css

@@ -13,12 +13,10 @@
     overflow: hidden;
 }
 .container__title__text {
-    font-size: 1.125rem;
+    font-size: 1.5em;
     line-height: 1.5em;
     padding: 8px 10px;
     word-wrap: break-word;
-    font-weight: 500;
-    min-height: 44px;
 }
 .container__title__link {
     color: inherit;

assets/misuzu.css/eeprom.css

@@ -21,7 +21,7 @@
     visibility: hidden;
 }
 .eeprom-widget-form-text {
-    font-size: 1.325em;
+    font-size: 1.4em;
     line-height: 1.5em;
 }
 .eeprom-widget-form:focus,
@@ -70,8 +70,8 @@
     text-decoration: underline;
 }
 .eeprom-widget-file-progress {
-    font-size: .875em;
-    line-height: 1.325em;
+    font-size: .9em;
+    line-height: 1.4em;
     text-align: right;
     padding: 0 2px;
     white-space: nowrap;

assets/misuzu.css/embed.css

@@ -88,26 +88,30 @@
     margin-left: 5px;
 }
 .embedph-info-title {
-    font-size: 1.5rem !important;
-    font-weight: 500 !important;
-    line-height: 1.5rem !important;
-    margin: 5px 0;
+    font-size: 2em !important;
+    font-weight: 400 !important;
+    line-height: 1.2em !important;
+    margin-bottom: 5px;
     word-break: break-word;
     margin: 0 !important;
     padding: 0 !important;
     border-width: 0 !important;
 }
 .embedph-info-desc {
-    font-size: .875rem;
-    line-height: 1.5rem;
-    margin: .25rem 0;
+    line-height: 1.4em;
+    margin: .5em 0;
     word-break: break-word;
 }
 .embedph-info-site {
-    font-size: .75rem;
+    font-size: .9em;
+    line-height: 1.2em;
 }
 
 @media (max-width: 640px) {
+    .embedph-info-title {
+        font-size: 1.5em;
+        line-height: 1.2em;
+    }
     .embedph-info-desc {
         display: none;
     }
@@ -131,7 +135,9 @@
     margin-bottom: 20px;
 }
 .embedph-play-external {
-    padding: 4px 8px;
+    padding: 5px 10px;
+    font-size: 1.2em;
+    line-height: 1.5em;
     text-decoration: none !important;
     color: var(--text-colour) !important;
     background-color: var(--background-colour-translucent-6);
@@ -219,7 +225,6 @@
     height: 70px;
     border-radius: 5px;
     margin: 5px;
-    font-size: .75rem;
 }
 .aembedph:hover .aembedph-play,
 .aembedph:active .aembedph-play,
@@ -288,9 +293,9 @@
     padding: 0 5px;
 }
 .aembedph-info-title {
-    font-size: 1.25em !important;
-    font-weight: 500 !important;
-    line-height: 1.25em !important;
+    font-size: 1.4em !important;
+    font-weight: 400 !important;
+    line-height: 1.2em !important;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -304,10 +309,10 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-weight: 600;
+    font-weight: 700;
 }
 .aembedph-info-album {
-    line-height: 1.5em;
+    line-height: 1.4em;
     word-break: break-word;
     white-space: nowrap;
     overflow: hidden;
@@ -316,7 +321,7 @@
 }
 .aembedph-info-site {
     font-size: .9em;
-    line-height: 1.25em;
+    line-height: 1.2em;
 }
 
 .aembedph-play {

assets/misuzu.css/footer.css

@@ -13,8 +13,8 @@
     max-width: var(--site-max-width);
     margin: 0 auto;
     text-align: center;
-    font-size: .875rem;
-    line-height: 1.5rem;
+    font-size: .9em;
+    line-height: 1.5em;
     padding: 1em 0;
 }
 .footer__background {

assets/misuzu.css/forum/categories.css

@@ -4,6 +4,8 @@
     overflow: auto;
 }
 .forum__categories__empty {
+    font-size: 1.2em;
+    line-height: 1.5em;
     text-align: center;
     padding: 10px;
 }
@@ -61,8 +63,8 @@
     background-size: 80px 80px;
     background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
     box-shadow: 0 1px 4px #111;
-    font-size: 1.5em;
-    line-height: 1.25em;
+    font-size: 2em;
+    line-height: 1.5em;
     color: #fff;
     display: flex;
     justify-content: center;
@@ -80,25 +82,22 @@
     justify-content: center;
     flex-direction: column;
     line-height: 1.5em;
-    gap: 2px;
 }
 
 .forum__category__title {
-    font-size: 1.125em;
-    line-height: 1.25em;
+    font-size: 1.3em;
 }
 
 .forum__category__description,
 .forum__category__subforums {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
 }
 
 .forum__category__subforums {
     display: flex;
-    gap: 6px;
 }
 .forum__category__subforum {
+    padding: 2px;
     pointer-events: initial;
     color: var(--accent-colour);
     text-decoration: none;
@@ -126,23 +125,21 @@
 }
 
 .forum__category__stat {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.3em;
     opacity: .7;
     pointer-events: auto;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 
 .forum__category__stat:first-child {
-    font-size: 1.25em;
+    font-size: 1.5em;
     opacity: 1;
 }
 
 .forum__category__activity {
     text-align: right;
-    min-width: 300px;
-    font-size: .875em;
-    line-height: 1.375em;
+    min-width: 270px;
+    line-height: 1.4em;
 }
 .forum__category__activity__none,
 .forum__category__activity__details {
@@ -163,7 +160,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    max-width: 230px;
+    max-width: 200px;
 }
 .forum__category__activity__post:hover,
 .forum__category__activity__post:focus {
@@ -197,7 +194,7 @@
         flex-wrap: wrap;
     }
     .forum__category__details {
-        flex-basis: calc(100% - 8em); /* god knows what this does */
+        flex-basis: calc(100% - 100px);
     }
     .forum__category__stats {
         min-width: initial;

assets/misuzu.css/forum/header.css

@@ -7,8 +7,8 @@
 }
 
 .forum__header__title {
-    font-size: 1.5em;
-    line-height: 1.25em;
+    font-size: 2em;
+    line-height: 1.5em;
     color: inherit;
     text-decoration: none;
     padding: 0 5px;
@@ -28,18 +28,19 @@
     margin: 0;
     box-shadow: initial;
     font-size: 1em;
-    font-family: var(--font-regular);
+    font-family: inherit;
 }
 
 .forum__header__breadcrumbs {
     display: flex;
+    font-size: 1.1em;
     line-height: 1.5em;
     align-items: center;
 }
 .forum__header__breadcrumb {
     color: var(--accent-colour);
     text-decoration: none;
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 .forum__header__breadcrumb:hover {
     text-decoration: underline;
@@ -47,7 +48,7 @@
 .forum__header__breadcrumb__separator {
     color: var(--accent-colour);
     margin: 0 4px;
-    font-size: .875em;
+    font-size: .9em;
 }
 
 .forum__header__actions {

assets/misuzu.css/forum/leaderboard.css

@@ -36,13 +36,14 @@
 
 .forum__leaderboard__user {
     margin: 2px 0;
+    font-size: 1.2em;
 }
 .forum__leaderboard__user--rank-1 {
-    font-size: 1.5em;
+    font-size: 1.6em;
 }
 .forum__leaderboard__user--rank-2,
 .forum__leaderboard__user--rank-3 {
-    font-size: 1.25em;
+    font-size: 1.4em;
 }
 
 .forum__leaderboard__user__background {
@@ -68,7 +69,6 @@
     justify-content: center;
     font-weight: 700;
     flex: 0 0 auto;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 .forum__leaderboard__user__rank:before {
     content: "#";

assets/misuzu.css/forum/post.css

@@ -22,8 +22,8 @@
 }
 
 .forum__post__details {
-    font-size: .875em;
-    line-height: 1.75em;
+    font-size: .9em;
+    line-height: 1.7em;
     padding: 0 2px;
     display: flex;
     justify-content: space-between;
@@ -36,9 +36,6 @@
     color: inherit;
     text-decoration: none;
 }
-.forum__post__id {
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
-}
 .forum__post__datetime:hover,
 .forum__post__datetime:focus,
 .forum__post__id:hover,
@@ -50,7 +47,7 @@
 
 .forum__post__text {
     padding: 2px;
-    line-height: 1.5em;
+    line-height: 1.4em;
     flex: 1 1 auto;
 }
 .forum__post__text--edit {
@@ -100,14 +97,14 @@
 }
 
 .forum__post__posts-count {
-    font-size: .75em;
-    margin-left: 8px;
+    font-size: .9em;
+    margin-left: 4px;
 }
 
 .forum__post__joined {
     flex: 1 1 auto;
     max-width: 170px;
-    font-size: .75em;
+    font-size: .9em;
     justify-self: flex-end;
 }
 
@@ -120,7 +117,7 @@
 
 .forum__post__username {
     color: inherit;
-    font-size: 1.25em;
+    font-size: 1.4em;
     line-height: 2em;
     text-decoration: none;
 }
@@ -130,8 +127,8 @@
 }
 
 .forum__post__usertitle {
-    font-size: .75em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.5em;
     margin-bottom: 4px;
 }
 
@@ -190,13 +187,12 @@
 
 .forum__post__badge {
     background-color: var(--accent-colour);
-    border-radius: 24px;
+    border-radius: 12px;
     width: 100%;
     padding: 2px;
     box-shadow: 0 2px 3px #000A;
     margin: 4px;
     overflow: hidden;
-    font-size: .875em;
 }
 .forum__post__badge__desktop {
     display: block;
@@ -211,11 +207,13 @@
     }
     .forum__post__text {
         margin: 4px;
+        font-size: 1.2em;
+        line-height: 1.3em;
     }
     .forum__post__info {
         flex-direction: row;
         margin: 0;
-        padding: 4px;
+        padding: 5px;
     }
     .forum__post__info__content {
         width: 100%;
@@ -254,8 +252,8 @@
         padding: 2px 10px;
         margin: 0;
         align-self: flex-start;
-        margin-left: 10px;
-        font-size: .875em;
+        margin-left: 5px;
+        font-size: .9em;
     }
     .forum__post__badge__desktop {
         display: none;

assets/misuzu.css/forum/status.css

@@ -12,7 +12,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 1.5em;
+    font-size: 2em;
     padding-bottom: 1px;
 }
 .forum__status__icon__background {

assets/misuzu.css/forum/topics.css

@@ -4,6 +4,8 @@
     overflow: auto;
 }
 .forum__topics__empty {
+    font-size: 1.2em;
+    line-height: 1.5em;
     text-align: center;
     padding: 10px;
 }
@@ -74,7 +76,7 @@
     background-size: 60px 60px;
     background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
     box-shadow: 0 1px 4px #111;
-    font-size: 1.125em;
+    font-size: 1.5em;
     line-height: 1.5em;
     color: #fff;
     display: flex;
@@ -112,15 +114,14 @@
 }
 
 .forum__topic__title {
-    font-size: 1.125em;
+    font-size: 1.3em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .forum__topic__info {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
 }
 
 .forum__topic__stats,
@@ -136,15 +137,14 @@
 }
 
 .forum__topic__stat {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.3em;
     opacity: .7;
     pointer-events: auto;
     cursor: default;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 .forum__topic__stat:first-child {
-    font-size: 1.25em;
+    font-size: 1.4em;
     opacity: 1;
 }
 
@@ -153,7 +153,7 @@
     align-items: center;
     text-align: right;
     min-width: 200px;
-    line-height: 1.25em;
+    line-height: 1.5em;
 }
 .forum__topic__activity__details {
     display: flex;
@@ -198,9 +198,8 @@
 .forum__topic__pagination {
     display: flex;
     align-items: center;
-    font-size: .875em;
-    line-height: 1.25em;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
+    font-size: .9em;
+    line-height: 1.2em;
 }
 .forum__topic__pagination__separator {
     margin: 0 8px;
@@ -210,7 +209,7 @@
     text-decoration: none;
     pointer-events: initial;
     margin: 0 1px;
-    padding: 3px;
+    padding: 2px 4px;
     border-radius: 2px;
     min-width: 25px;
     height: 25px;
@@ -263,8 +262,8 @@
     .forum__topic__pagination__item {
         min-width: 30px;
         height: 30px;
-        line-height: 1.375em;
-        font-size: 1.25em;
+        line-height: 26px;
+        font-size: 1.2em;
     }
 }
 

assets/misuzu.css/header.css

@@ -69,7 +69,8 @@
 }
 .header__desktop__menu__link {
     margin: var(--header-link-margin) 0;
-    padding: 4px 10px;
+    font-size: 1.2em;
+    padding: 6px 10px;
     text-align: center;
 }
 
@@ -85,8 +86,6 @@
 }
 .header__desktop__submenu__link {
     margin: 5px;
-    font-size: .875em;
-    line-height: 1.5em;
 }
 .header__desktop__submenu__background {
     background: var(--header-accent-colour);
@@ -129,8 +128,8 @@
     margin: 2px;
     color: inherit;
     text-decoration: none;
-    font-size: 1.125rem;
-    line-height: 2rem;
+    font-size: 1.5em;
+    line-height: 32px;
     width: 32px;
     height: 32px;
     transition: background-color .2s;
@@ -150,8 +149,8 @@
     top: -5px;
     right: -3px;
     z-index: 1;
-    font-size: .625rem;
-    line-height: 1.375rem;
+    font-size: .5em;
+    line-height: 1.4em;
     text-align: right;
     padding: 2px 2px 0;
     border-radius: 4px;
@@ -159,8 +158,7 @@
     opacity: .9;
     border-radius: 4px;
     line-height: 12px;
-    padding: 2px 3px;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
+    padding: 2px 4px;
 }
 
 /** MOBILE HEADER **/
@@ -188,12 +186,18 @@
 .header__mobile__icon {
     flex: 0 0 auto;
     cursor: pointer;
-    font-size: 1.5rem;
+    font-size: 32px;
     width: var(--header-icon-px);
     height: var(--header-icon-px);
     display: flex;
     justify-content: center;
     align-items: center;
+
+    -webkit-touch-callout: none !important;
+    -webkit-user-select: none !important;
+    -khtml-user-select: none !important;
+    -moz-user-select: none !important;
+    -ms-user-select: none !important;
     user-select: none !important;
 }
 
@@ -223,7 +227,7 @@
     background: var(--background-pattern);
     background-color: var(--header-accent-colour);
     background-blend-mode: multiply;
-    transition: max-height .3s;
+    transition: max-height .2s;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
     max-height: 0;
     overflow: hidden;
@@ -233,7 +237,7 @@
 }
 
 .header__mobile__toggle:checked ~ .header__mobile__menu {
-    max-height: 100vh;
+    max-height: 600px;
 }
 
 .header__mobile__user {
@@ -251,23 +255,24 @@
     color: inherit;
     text-decoration: none;
     display: block;
-    padding: 6px;
-    padding-left: 24px;
+    padding: 8px;
+    padding-left: 20px;
     cursor: pointer;
     border-radius: 2px;
     transition: background-color .2s, margin .1s, opacity .1s;
+    font-size: 1.2em;
 }
 .header__mobile__link:not(:last-child) {
     margin-bottom: 2px;
 }
 .header__mobile__link--primary {
-    font-size: 1.25rem;
-    padding: 8px;
+    font-size: 1.5em;
+    padding: 10px;
 }
 .header__mobile__link--user {
     margin: 2px;
-    font-size: 1.25rem;
-    padding: 8px;
+    font-size: 1.5em;
+    padding: 10px;
 }
 .header__mobile__link:hover,
 .header__mobile__link:focus {

assets/misuzu.css/hljs.css

@@ -2,8 +2,8 @@ pre code.hljs {
     display: block;
     overflow-x: auto;
     padding: 1em;
+    font-size: 1.2em;
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
 }
 
 code.hljs {

assets/misuzu.css/home/landingv2-footer.css

@@ -46,8 +46,8 @@
 
 .landingv2-footer-copyright {
     text-align: right;
-    line-height: 1.5em;
-    font-size: .875em;
+    line-height: 1.8em;
+    font-size: .9em;
     align-self: flex-end;
 }
 

assets/misuzu.css/home/landingv2-header.css

@@ -52,8 +52,8 @@
     display: flex;
     align-items: center;
     min-height: 70px;
-    font-size: 1.5em;
-    padding: 8px 16px;
+    font-size: 1.4em;
+    padding: 10px 16px;
     grid-column: 1;
 }
 .landingv2-header-menu-link:hover,

assets/misuzu.css/home/landingv2.css

@@ -13,6 +13,7 @@
     display: flex;
     align-items: center;
     margin: 10px;
+    text-shadow: 0 1px 4px #000;
 }
 .landingv2-stat-icon {
     font-size: 4em;
@@ -24,7 +25,6 @@
 }
 .landingv2-stat-value-num {
     font-weight: 700;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 
 .landingv2-forum {
@@ -37,6 +37,7 @@
 .landingv2-forum-topics {
     background-color: var(--container-colour);
     box-shadow: 0 1px 2px #0009;
+    text-shadow: 0 1px 4px #000;
     overflow: hidden;
     word-wrap: break-word;
 }
@@ -94,7 +95,7 @@
     background-size: 60px 60px;
     background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
     box-shadow: 0 1px 4px #111;
-    font-size: 1.25em;
+    font-size: 1.5em;
     line-height: 1.5em;
     color: #fff;
     display: flex;
@@ -109,35 +110,34 @@
     display: flex;
     justify-content: center;
     flex-direction: column;
-    line-height: 1.625em;
+    line-height: 1.6em;
     overflow: hidden;
 }
 .landingv2-forum-topic-info-details-title {
-    font-size: 1.25em;
+    font-size: 1.3em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .landingv2-forum-topic-info-stats {
-    font-size: .875em;
+    font-size: .9em;
     display: flex;
     flex: 0 0 auto;
     text-align: center;
     min-width: 60px;
     flex-direction: column;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 .landingv2-forum-topic-info-stats-posts,
 .landingv2-forum-topic-info-stats-views {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.3em;
     opacity: .7;
     pointer-events: auto;
     cursor: default;
 }
 .landingv2-forum-topic-info-stats-posts {
-    font-size: 1.25em;
+    font-size: 1.4em;
     opacity: 1;
 }
 
@@ -150,6 +150,7 @@
 .landingv2-news-post {
     background-color: var(--container-colour);
     box-shadow: 0 1px 2px #0009;
+    text-shadow: 0 1px 4px #000;
     overflow: hidden;
     word-wrap: break-word;
     padding: 0 10px 10px 10px;
@@ -166,6 +167,7 @@
 .landingv2-online {
     background-color: var(--container-colour);
     box-shadow: 0 1px 2px #0009;
+    text-shadow: 0 1px 4px #000;
     margin: 4px 0;
 }
 .landingv2-online-users {

assets/misuzu.css/impersonate.css

@@ -37,6 +37,7 @@
     height: 30px;
     line-height: 29px;
     text-align: center;
+    font-size: 1.5em;
     background-color: #222d;
     display: block;
     color: var(--text-colour);

assets/misuzu.css/landing.css

@@ -57,10 +57,13 @@
     width: 45%;
     padding: 4px 0;
 }
+.landing__statistic__name {
+    font-size: 1.3em;
+    line-height: 2em;
+}
 .landing__statistic__value {
-    font-size: 1.25em;
-    line-height: 1.625em;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
+    font-size: 1.5em;
+    line-height: 1.5em;
 }
 
 .landing__latest {
@@ -88,13 +91,13 @@
     padding-left: 8px;
 }
 .landing__latest__username {
-    font-size: 1.25em;
-    line-height: 1.375em;
+    font-size: 1.5em;
+    line-height: 1.4em;
     color: var(--user-colour);
 }
 .landing__latest__joined {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.2em;
 }
 
 @media (max-width: 800px) {

assets/misuzu.css/main.css

@@ -1,6 +1,6 @@
 :root {
-    --font-size: 16px;
-    --line-height: 25px;
+    --font-size: 12px;
+    --line-height: 20px;
 
     --site-max-width: 1200px;
     --site-mobile-width: 800px;

assets/misuzu.css/manage/_manage.css

@@ -9,10 +9,10 @@
     flex: 1 1 auto;
 }
 .manage__description {
-    font-size: .875em;
+    font-size: .9em;
     margin: 1px 2px;
     border-bottom: 1px solid var(--accent-colour);
-    padding: 2px 4px;
+    padding: 2px 5px;
 }
 
 @media (max-width: 800px) {

assets/misuzu.css/manage/ban.css

@@ -4,13 +4,13 @@
 }
 
 .manage__ban__title {
-    font-size: 1.25em;
+    font-size: 1.4em;
     line-height: 1.5em;
     padding: 0 4px;
 }
 
 .manage__ban__desc {
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
     font-style: italic;
     border-bottom: 1px solid var(--accent-colour);

assets/misuzu.css/manage/bans.css

@@ -107,7 +107,7 @@
     border-top: 1px solid var(--accent-colour);
 }
 .manage__bans__item__reason__title {
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
     font-style: italic;
 }
@@ -117,6 +117,6 @@
 }
 
 .manage__bans__item__noreason {
-    font-size: .875em;
+    font-size: .9em;
     font-style: italic;
 }

assets/misuzu.css/manage/blacklist.css

@@ -13,8 +13,7 @@
 .manage__blacklist__textarea {
     margin: 0;
     padding: 5px 10px;
-    font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
+    font-family: monospace;
     width: 100%;
     min-width: 100%;
     max-width: 100%;

assets/misuzu.css/manage/navigation.css

@@ -4,11 +4,13 @@
 .manage__navigation__links {
     display: flex;
     flex-direction: column;
+    font-size: 1.2em;
 }
 .manage__navigation__link {
     color: inherit;
     text-decoration: none;
-    padding: 2px 8px;
+    padding: 2px 5px;
+    margin-bottom: 2px;
 }
 .manage__navigation__link:hover {
     text-decoration: underline;

assets/misuzu.css/manage/note.css

@@ -17,11 +17,11 @@
 .manage__note__title {
     flex-grow: 1;
     flex-shrink: 1;
-    font-size: 1.375em;
-    line-height: 1.25em;
+    font-size: 1.4em;
+    line-height: 1.3em;
 }
 .manage__note__title__text {
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 .manage__note__title input {
     width: 100%;
@@ -73,7 +73,7 @@
 
 .manage__note__nobody {
     text-align: center;
-    font-size: .875em;
+    font-size: .9em;
     font-style: italic;
 }
 

assets/misuzu.css/manage/notes.css

@@ -24,9 +24,9 @@
 .manage__notes__item__title {
     flex-grow: 1;
     flex-shrink: 1;
-    font-size: 1.25em;
-    line-height: 1.25em;
-    padding: 2px 6px;
+    font-size: 1.4em;
+    line-height: 1.3em;
+    padding: 2px 5px;
 }
 .manage__notes__item__title a {
     color: inherit;
@@ -96,7 +96,7 @@
 
 .manage__notes__item__nobody {
     text-align: center;
-    font-size: .875em;
+    font-size: .9em;
     font-style: italic;
 }
 

assets/misuzu.css/manage/role-item.css

@@ -49,7 +49,7 @@
     justify-content: center;
     width: 100%;
     height: 100%;
-    font-size: 1.25em;
+    font-size: 1.5em;
     transition: background-color .2s;
 }
 .manage__role-item__icon__background {
@@ -73,9 +73,14 @@
     flex: 1 1 auto;
 }
 
+.manage__role-item__name {
+    font-size: 1.4em;
+    line-height: 1.4em;
+}
+
 .manage__role-item__details {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.3em;
     display: inline-flex;
     align-items: center;
     padding: 1px 0;
@@ -85,11 +90,11 @@
     border-radius: 10px;
     background-color: var(--accent-colour);
     box-shadow: 0 1px 4px #111;
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 
 .manage__role-item__title {
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 
 .manage__role-item__actions {

assets/misuzu.css/manage/settings.css

@@ -27,7 +27,6 @@
 }
 .manage-list-setting-key-text {
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
 }
 
 .manage-list-setting-type {
@@ -54,7 +53,7 @@
     border-radius: 5px;
     font-weight: 700;
     padding: 0 5px;
-    font-size: .75em;
+    font-size: .9em;
     display: inline-block;
 }
 
@@ -64,7 +63,6 @@
 }
 .manage-list-setting-value-text {
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

assets/misuzu.css/manage/statistic.css

@@ -1,21 +1,20 @@
 .manage__statistic {
     border: 1px solid var(--accent-colour);
     border-radius: 2px;
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 .manage__statistic__name {
-    font-size: 1.125em;
+    font-size: 1.1em;
     line-height: 1.5em;
 }
 .manage__statistic__value {
     text-align: right;
-    font-size: 1.375em;
+    font-size: 1.4em;
     line-height: 1.5em;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 .manage__statistic__updated {
     text-align: right;
-    font-size: .75em;
+    font-size: .9em;
     font-style: italic;
     line-height: 1.5em;
 }

assets/misuzu.css/manage/user-item.css

@@ -57,26 +57,25 @@
 }
 
 .manage__user-item__name {
-    font-size: 1.125em;
-    line-height: 1.5em;
+    font-size: 1.4em;
+    line-height: 1.4em;
     max-width: 600px; /* whatever */
 }
 
 .manage__user-item__details {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.3em;
     display: inline-flex;
     align-items: center;
 }
 
 .manage__user-item__detail {
-    border-radius: 16px;
+    border-radius: 10px;
     background-color: var(--accent-colour);
     box-shadow: 0 1px 4px #111;
-    padding: 2px 8px;
+    padding: 3px 8px;
     pointer-events: initial;
     margin: 2px;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
 
 .manage__user-item__actions {
@@ -89,7 +88,7 @@
     width: 32px;
     height: 32px;
     line-height: 32px;
-    font-size: 1.25em;
+    font-size: 1.5em;
     border-radius: 2px;
     margin: 5px;
     margin-right: 0;

assets/misuzu.css/manage/warning.css

@@ -4,13 +4,13 @@
 }
 
 .manage__warning__title {
-    font-size: 1.25em;
+    font-size: 1.4em;
     line-height: 1.5em;
     padding: 0 4px;
 }
 
 .manage__warning__desc {
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
     font-style: italic;
     border-bottom: 1px solid var(--accent-colour);

assets/misuzu.css/markdown.css

@@ -1,5 +1,5 @@
 .markdown {
-    line-height: 1.5em;
+    line-height: 1.7em;
 }
 
 .markdown a {
@@ -78,7 +78,8 @@
 .markdown h1, .markdown h2,
 .markdown h3, .markdown h4,
 .markdown h5, .markdown h6 {
-    margin: calc(var(--font-size) * 0.875) 0;
+    margin-top: calc(var(--font-size) * 1.2);
+    margin-bottom: var(--font-size);
     font-weight: 700;
     line-height: 1em;
 }

assets/misuzu.css/messages/actions.css

@@ -3,6 +3,8 @@
     align-items: center;
     height: 30px;
     margin: 1px;
+    font-size: 1.3em;
+    line-height: 1.4em;
     color: #fff;
     text-decoration: none;
     transition: background-color .1s;
@@ -10,7 +12,6 @@
     border: 0;
     background-color: inherit;
     text-align: left;
-    font-size: 1rem;
 }
 .messages-actions-item:hover,
 .messages-actions-item:focus {

assets/misuzu.css/messages/entry.css

@@ -10,6 +10,8 @@
 }
 .messages-entry-header {
     display: flex;
+    font-size: 1.1em;
+    line-height: 1.6em;
     border-bottom: 2px solid #9999;
     gap: 2px;
 }
@@ -58,12 +60,12 @@
     align-self: flex-end;
 }
 .messages-entry-subject {
-    line-height: 1.5em;
+    line-height: 1.4em;
     color: #fff;
     overflow: hidden;
 }
 .messages-entry-preview {
-    line-height: 1.5em;
+    line-height: 1.4em;
     color: #888;
     overflow: hidden;
 }

assets/misuzu.css/messages/folder.css

@@ -25,7 +25,7 @@
     margin: 10px;
 }
 .messages-folder-notice-text {
-    font-size: 1.375em;
+    font-size: 1.4em;
     line-height: 1.5em;
 }
 .messages-folder .pagination {

assets/misuzu.css/messages/message.css

@@ -6,7 +6,7 @@
 }
 .messages-message-snippet {
     cursor: pointer;
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
     color: #888;
     gap: 5px;
@@ -117,7 +117,7 @@
 }
 
 .messages-message-body {
-    line-height: 1.5em;
+    line-height: 1.4em;
 }
 .messages-message-body p:first-child {
     margin-top: 0 !important;
@@ -131,5 +131,5 @@
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
-    line-height: 1.5em;
+    line-height: 1.4em;
 }

assets/misuzu.css/news/feeds.css

@@ -9,7 +9,7 @@
     display: flex;
     color: inherit;
     text-decoration: none;
-    font-size: 1.25em;
+    font-size: 1.5em;
     line-height: 32px;
     height: 32px;
     transition: background-color .2s;

assets/misuzu.css/news/post.css

@@ -44,7 +44,7 @@
 
 .news__post__username {
     color: inherit;
-    font-size: 1.25em;
+    font-size: 1.4em;
     line-height: 1.5em;
     text-decoration: none;
 }
@@ -53,14 +53,14 @@
 }
 
 .news__post__date {
-    font-size: .875em;
+    font-size: 1.1em;
     line-height: 1.5em;
 }
 
 .news__post__category {
     color: inherit;
     text-decoration: none;
-    font-size: 1.125em;
+    font-size: 1.1em;
     line-height: 1.5em;
     margin: 6px 0;
 }
@@ -69,6 +69,7 @@
 }
 
 .news__post__text {
+    line-height: 1.2em;
     flex: 1 1 auto;
     word-wrap: break-word;
     overflow: hidden;
@@ -100,4 +101,4 @@
         width: 50px;
         height: 50px;
     }
-}
+}

assets/misuzu.css/news/preview.css

@@ -23,8 +23,8 @@
 }
 
 .news__preview__title h1 {
-    font-weight: 700;
-    line-height: 1.375em;
+    font-size: 2em;
+    line-height: 1.5em;
 }
 
 .news__preview__attrs {
@@ -32,7 +32,7 @@
     flex-shrink: 0;
     display: flex;
     gap: 4px;
-    font-size: .875em;
+    font-size: .9em;
 }
 
 .news__preview__attr {
@@ -62,7 +62,7 @@
 }
 
 .news__preview__content {
-    line-height: 1.5em;
+    line-height: 1.4em;
     word-wrap: break-word;
     overflow: hidden;
 }
@@ -73,5 +73,5 @@
 }
 
 .news__preview__link {
-    font-size: .875em;
+    font-size: .9em;
 }

assets/misuzu.css/pagination.css

@@ -23,7 +23,9 @@
 .pagination__link {
     display: flex;
     min-width: 40px;
-    min-height: 36px;
+    font-size: 1.2em;
+    line-height: 1.5em;
+    padding: 3px 10px 4px;
     text-align: center;
     text-decoration: none;
     background-color: var(--background-colour);
@@ -35,17 +37,13 @@
     align-items: center;
     justify-content: center;
     flex: 1 0 auto;
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
 }
-
-.pagination__link:not(:last-child) {
-    margin-right: 1px;
+.pagination__link:not(:last-child) { margin-right: 1px; }
+.pagination__link--disabled { --accent-colour: #555; }
+.pagination__link--first, .pagination__link--last,
+.pagination__link--next, .pagination__link--prev {
+    padding-top: 5px;
 }
-
-.pagination__link--disabled {
-    --accent-colour: #555;
-}
-
 .pagination__link--current,
 .pagination__link:not(.pagination__link--disabled):hover,
 .pagination__link:not(.pagination__link--disabled):active,
@@ -55,7 +53,5 @@
 }
 
 @media (max-width: 800px) {
-    .pagination__section--pages {
-        display: none;
-    }
+    .pagination__section--pages { display: none; }
 }

assets/misuzu.css/permissions.css

@@ -6,12 +6,12 @@
 
 .permissions__line {
     display: flex;
-    font-size: .8rem;
-    line-height: 1.5rem;
+    font-size: .9em;
+    line-height: 1.7em;
 }
 .permissions__line--header {
-    font-size: 1rem;
-    line-height: 1.25rem;
+    font-size: 1.2em;
+    line-height: 1.4em;
     border-bottom: 1px solid rgba(255, 255, 255, .1);
     padding-bottom: 1px;
     font-weight: 700;

assets/misuzu.css/profile/accounts.css

@@ -1,26 +1,30 @@
 .profile__accounts__content {
     display: flex;
     flex-direction: column;
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 
 .profile__accounts__item {
-    padding-bottom: 4px;
+    padding-bottom: 5px;
 }
 .profile__accounts__item:not(:last-child) {
     border-bottom: 1px solid #222;
 }
 
 .profile__accounts__notice {
+    font-size: 1.2em;
+    line-height: 1.5em;
     text-align: center;
     padding: 10px;
 }
 
 .profile__accounts__title {
-    font-size: .875em;
-    line-height: 1.5em;
+    font-size: .9em;
+    line-height: 1.8em;
 }
 .profile__accounts__value {
+    font-size: 1.2em;
+    line-height: 1.2em;
     color: inherit;
     text-decoration: none;
 }

assets/misuzu.css/profile/birthdate.css

@@ -1,5 +1,5 @@
 .profile__birthdate__content {
-    padding: 2px 6px;
+    padding: 2px 5px;
 }
 .profile__birthdate__select {
     min-width: auto;
@@ -8,6 +8,6 @@
     display: inline-block;
 }
 .profile__birthdate__title {
-    font-size: .875em;
-    line-height: 1.75em;
+    font-size: .9em;
+    line-height: 1.8em;
 }

assets/misuzu.css/profile/forum-activity.css

@@ -7,14 +7,14 @@
 }
 
 .profile__forum-activity__leader {
-    font-size: .875em;
-    margin: 0 4px;
+    font-size: .9em;
+    margin: 0 5px;
 }
 
 .profile__forum-activity .forum__category__icon {
     width: 30px;
     height: 30px;
-    font-size: 1.25em;
+    font-size: 1.5em;
     line-height: 1.5em;
     flex: 0 0 30px;
 }

assets/misuzu.css/profile/guidelines.css

@@ -14,18 +14,20 @@
     padding: 1px;
 }
 .profile__guidelines__line--header {
-    font-weight: 600;
+    font-size: 1.2em;
+    line-height: 1.5em;
+    font-weight: 700;
     margin-bottom: 2px;
     border-bottom: 1px solid var(--accent-colour);
     padding-bottom: 2px;
 }
 .profile__guidelines__line:not(.profile__guidelines__line--header) {
-    margin-left: 1.25em;
+    margin-left: 1.3em;
     list-style: square;
 }
 
 .profile__guidelines__emphasis {
-    font-weight: 600;
+    font-weight: 700;
 }
 
 .profile__guidelines__link {

assets/misuzu.css/profile/header.css

@@ -101,11 +101,12 @@
     min-width: 130px;
 }
 .profile__header__stat__name {
-    font-size: .875em;
+    font-size: .9em;
+    font-variant: small-caps;
     cursor: inherit;
 }
 .profile__header__stat__value {
-    font-size: 1.125em;
+    font-size: 1.3em;
     text-align: right;
     cursor: inherit;
     display: block;
@@ -113,9 +114,6 @@
 .profile__header__stat--date .profile__header__stat__value {
     text-align: left;
 }
-.profile__header__stat:not(.profile__header__stat--date) .profile__header__stat__value {
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
-}
 .profile__header__stat--link {
     cursor: pointer;
 }
@@ -124,18 +122,17 @@
 .profile__header__stat--link:focus,
 .profile__header__stat--link:active,
 .profile__header__stat--active {
-    padding-bottom: 8px;
     border-bottom: 2px solid var(--accent-colour);
 }
 
 .profile__header__username {
-    font-size: 1.75em;
-    line-height: 1.125em;
+    font-size: 2em;
+    line-height: 1.5em;
 }
 
 .profile__header__title {
-    font-size: .875em;
-    line-height: 1.25em;
+    font-size: .9em;
+    line-height: 1.2em;
 }
 
 .profile__header__country {
@@ -143,9 +140,9 @@
     align-items: center;
 }
 .profile__header__country__name {
-    font-size: .875em;
+    font-size: .9em;
     margin-left: 4px;
-    line-height: 1.25em;
+    line-height: 1.2em;
 }
 
 @media (max-width: 800px) {

assets/misuzu.css/profile/warnings.css

@@ -12,15 +12,15 @@
 }
 
 .profile__warnings__datetime {
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
     font-style: italic;
     padding-top: 2px;
 }
 
 .profile__warnings__body {
-    padding: 0 6px;
+    padding: 0 5px;
 }
 .profile__warnings__body p {
-    line-height: 1.375em;
+    line-height: 1.4em;
 }

assets/misuzu.css/search/categories.css

@@ -11,6 +11,7 @@
     overflow: hidden;
     border: 1px solid transparent;
     border-radius: 5px;
+    font-size: 1.1em;
     margin: 1px 1px 1px 0;
 }
 
@@ -32,5 +33,5 @@
 }
 
 .search__category__content {
-    padding: 2px 6px;
+    padding: 2px 5px;
 }

assets/misuzu.css/search/input.css

@@ -4,8 +4,7 @@
     overflow: hidden;
     border: 1px solid transparent;
     border-radius: 5px;
-    font-family: var(--font-regular);
-    font-size: 1.125em;
+    font-size: 1.5em;
 }
 .search__input__background {
     background-color: var(--background-colour-translucent-9);
@@ -25,7 +24,7 @@
     border: 0;
     background-color: transparent;
     color: #fff;
-    padding: 4px 12px;
+    padding: 5px 10px;
     font-size: inherit;
 }
 

assets/misuzu.css/search/none.css

@@ -6,7 +6,7 @@
     height: 60px;
     line-height: 60px;
     text-align: center;
-    font-size: 2.5em;
+    font-size: 3em;
     flex: 0 0 auto;
 }
 .search__none__content {
@@ -16,6 +16,6 @@
     flex: 1 1 auto;
 }
 .search__none__title {
-    font-size: 1.25em;
-    line-height: 1.25em;
+    font-size: 1.5em;
+    line-height: 1.5em;
 }

assets/misuzu.css/settings/account-logs.css

@@ -22,7 +22,7 @@
 .settings__account-log__important {
     display: flex;
     align-items: center;
-    font-size: 1.25em;
+    font-size: 1.4em;
     z-index: 2;
 }
 

assets/misuzu.css/settings/account.css

@@ -18,8 +18,8 @@
 }
 
 .settings__account__title {
-    font-size: .875em;
-    line-height: 1.75em;
+    font-size: .9em;
+    line-height: 1.8em;
 }
 
 .settings__account__input {
@@ -43,4 +43,4 @@
     .settings__account__section {
         grid-column: 1 / 1;
     }
-}
+}

assets/misuzu.css/settings/login-attempts.css

@@ -2,7 +2,7 @@
     margin: 4px;
 }
 .settings__login-attempts__none {
-    padding: 2px 6px;
+    padding: 2px 5px;
     text-align: center;
 }
 
@@ -31,7 +31,7 @@
 .settings__login-attempt__important {
     display: flex;
     align-items: center;
-    font-size: 1.25em;
+    font-size: 1.4em;
     z-index: 2;
 }
 

assets/misuzu.css/settings/role.css

@@ -22,7 +22,8 @@
 }
 
 .settings__role__name {
-    line-height: 1.5em;
+    font-size: 1.2em;
+    line-height: 1.7em;
     padding: 0 5px;
     margin: 2px 0;
     min-width: 160px;
@@ -39,8 +40,8 @@
 }
 
 .settings__role__description {
-    font-size: .875em;
-    line-height: 1.75em;
+    font-size: .9em;
+    line-height: 1.8em;
     padding: 0 2px;
     margin: 0 2px;
     flex: 1 1 auto;
@@ -49,7 +50,7 @@
 .settings__role__options {
     flex: 0 0 auto;
     display: flex;
-    font-size: 1.25em;
+    font-size: 1.5em;
     justify-content: space-evenly;
 }
 

assets/misuzu.css/settings/sessions.css

@@ -29,7 +29,7 @@
 .settings__session__important {
     display: flex;
     align-items: center;
-    font-size: 1.25em;
+    font-size: 1.4em;
     z-index: 2;
 }
 

assets/misuzu.css/settings/settings.css

@@ -6,13 +6,10 @@
 }
 
 .settings__description {
-    font-size: .875rem;
-    line-height: 1.25rem;
+    font-size: .9em;
+    padding: 2px 5px;
     border-bottom: 1px solid var(--accent-colour);
-    padding: 2px 6px;
-}
-.settings__description p {
-    margin: .25rem 0;
+    margin: 1px 1px 2px;
 }
 
 .settings__pagination {
@@ -42,7 +39,7 @@
     display: block;
     padding: 4px;
     margin: 2px;
-    font-size: 1.25em;
+    font-size: 1.5em;
     line-height: 1.5em;
     border-radius: 2px;
     transition: background-color .2s;
@@ -65,4 +62,4 @@
         display: inline-block;
         padding: 4px 10px;
     }
-}
+}

assets/misuzu.css/settings/two-factor.css

@@ -17,9 +17,9 @@
 .settings__two-factor__code__text {
     color: #000;
     flex: 0 0 auto;
-    padding: 2px 6px;
+    font-size: 1.2em;
+    line-height: 1.5em;
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
 }
 
 .settings__two-factor__settings {
@@ -30,7 +30,7 @@
     flex: 1 1 auto;
 }
 .settings__two-factor__settings__status {
-    font-size: 1.25em;
+    font-size: 1.5em;
     line-height: 2em;
 }
 

assets/misuzu.css/user/usercard.css

@@ -51,16 +51,16 @@
 }
 
 .usercard__details__username {
-    font-size: 1.125em;
-    line-height: 1.5em;
+    font-size: 1.4em;
+    line-height: 1.4em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .usercard__details__title {
-    font-size: .75em;
-    line-height: 1em;
+    font-size: .9em;
+    line-height: 1.2em;
 }
 
 .usercard__details__country {
@@ -68,9 +68,9 @@
     align-items: center;
 }
 .usercard__details__country__name {
-    font-size: .75em;
+    font-size: .9em;
     margin-left: 4px;
-    line-height: 1em;
+    line-height: 1.2em;
 }
 
 .usercard__stats {
@@ -111,19 +111,17 @@
 }
 .usercard__stat__name {
     display: block;
-    font-size: .875em;
+    font-size: .9em;
     line-height: 1.5em;
+    font-variant: small-caps;
     cursor: inherit;
 }
 .usercard__stat__value {
     display: block;
-    font-size: 1.125em;
-    line-height: 1.25em;
+    font-size: 1.2em;
+    line-height: 1.5em;
     cursor: inherit;
 }
-.usercard__stat:not(.usercard__stat--wide) .usercard__stat__value {
-    font-feature-settings: 'ss01' 1, 'tnum' 1;
-}
 
 @media (max-width: 800px) {
     .usercard {
@@ -155,8 +153,8 @@
     .usercard__stat__name,
     .usercard__stat__value {
         display: inline-block;
-        font-size: .875em;
-        line-height: 1.25em;
+        font-size: .9em;
+        line-height: 1.2em;
         font-variant: initial;
     }
 }

assets/misuzu.css/user/userlist.css

@@ -8,8 +8,8 @@
 }
 .userlist__empty {
     text-align: center;
-    font-size: 1.5em;
-    line-height: 1.25em;
+    font-size: 2em;
+    line-height: 1.5em;
     margin: 1em;
 }
 .userlist__container {

assets/misuzu.css/warning.css

@@ -14,7 +14,7 @@
     --end-colour: #f00;
 }
 .warning--bigger {
-    font-size: 1.375em;
+    font-size: 1.4em;
     line-height: 1.5em;
 }
 .warning__content {

assets/misuzu.js/messages/list.js

@@ -102,8 +102,7 @@ const MsgMessagesEntry = function(entry) {
         entry.dataset.msgRead = state ? 'sent' : 'draft';
     };
 
-    const checkboxWrapper = entry.querySelector('.js-entry-checkbox-wrapper');
-    const checkbox = checkboxWrapper.querySelector('.js-entry-checkbox');
+    const checkbox = entry.querySelector('.js-entry-checkbox');
     const getSelected = () => checkbox.checked;
     const setSelected = state => checkbox.checked = state;
     const toggleSelected = () => checkbox.checked = !checkbox.checked;
@@ -114,7 +113,6 @@ const MsgMessagesEntry = function(entry) {
     watchers.define(['select']);
 
     checkbox.addEventListener('click', ev => ev.stopPropagation());
-    checkboxWrapper.addEventListener('click', ev => ev.stopPropagation());
     checkbox.addEventListener('keydown', ev => ev.stopPropagation());
 
     checkbox.addEventListener('change', () => {

assets/oauth2.js/app/info.jsx

@@ -1,30 +0,0 @@
-const MszOAuth2AppInfoLink = function(info) {
-    const element = <a href={info.uri} target="_blank" rel="noopener noreferrer" class="oauth2-appinfo-link" title={info.title}>
-        <div class="oauth2-appinfo-link-icon oauth2-appinfo-link-icon-globe"></div>
-        <div class="oauth2-appinfo-link-text">{info.display}</div>
-    </a>;
-
-    return {
-        get element() { return element; },
-    };
-};
-
-const MszOAuth2AppInfo = function(info) {
-    const linksElem = <div class="oauth2-appinfo-links"/>;
-    if(Array.isArray(info.links))
-        for(const link of info.links)
-            linksElem.appendChild((new MszOAuth2AppInfoLink(link)).element);
-
-    // TODO: author should be listed
-    const element = <div class="oauth2-appinfo">
-        <div class="oauth2-appinfo-name">{info.name}</div>
-        {linksElem}
-        <div class="oauth2-appinfo-summary">
-            <p>{info.summary}</p>
-        </div>
-    </div>;
-
-    return {
-        get element() { return element; },
-    };
-};

assets/oauth2.js/app/scope.jsx

@@ -1,33 +0,0 @@
-const MszOAuth2AppScopeEntry = function(text, warn) {
-    const icon = <div class="oauth2-scope-perm-icon"/>;
-    if(warn)
-        icon.classList.add('oauth2-scope-perm-icon-warn');
-
-    const element = <div class="oauth2-scope-perm">
-        {icon}
-        <div class="oauth2-scope-perm-text">{text}</div>
-    </div>;
-
-    return {
-        get element() { return element; },
-    };
-};
-
-const MszOAuth2AppScopeList = function(scopes) {
-    const permsElem = <div class="oauth2-scope-perms"/>;
-    if(Array.isArray(scopes) && scopes.length > 0) {
-        for(const scope of scopes)
-            if(typeof scope === 'string')
-                permsElem.appendChild(new MszOAuth2AppScopeEntry(scope).element);
-    } else
-        permsElem.appendChild(new MszOAuth2AppScopeEntry('A limited amount of things. No scope was specified by the developer.', true).element);
-
-    const element = <div class="oauth2-scope">
-        <div class="oauth2-scope-header">This application will be able to:</div>
-        {permsElem}
-    </div>;
-
-    return {
-        get element() { return element; },
-    };
-};

assets/redirects.css/landing.css

@@ -24,8 +24,8 @@
 }
 
 .redir-landing-footer {
-    font-size: .75em;
-    line-height: 1.375em;
+    font-size: .8em;
+    line-height: 1.4em;
     text-align: center;
     margin: 10px;
 }

assets/redirects.css/main.css

@@ -17,7 +17,6 @@ body {
 
 pre, code {
     font-family: var(--font-monospace);
-    font-feature-settings: 'ss07' 1;
 }
 
 a {

assets/redirects.css/social.css

@@ -22,5 +22,5 @@
 }
 .redir-social-body p {
     margin: .5em;
-    line-height: 1.5em;
+    line-height: 1.4em;
 }

build.js

@@ -16,14 +16,14 @@ const fs = require('fs');
         js: [
             { source: 'common.js', target: '/assets', name: 'common.{hash}.js', },
             { source: 'misuzu.js', target: '/assets', name: 'misuzu.{hash}.js', },
-            { source: 'oauth2.js', target: '/assets', name: 'oauth2.{hash}.js', },
+            { source: 'auth.js', target: '/assets', name: 'auth.{hash}.js', },
             { source: 'redirects.js', target: '/assets', name: 'redirects.{hash}.js', },
         ],
         css: [
             { source: 'errors.css', target: '/', name: 'errors.css', },
             { source: 'common.css', target: '/assets', name: 'common.{hash}.css', },
             { source: 'misuzu.css', target: '/assets', name: 'misuzu.{hash}.css', },
-            { source: 'oauth2.css', target: '/assets', name: 'oauth2.{hash}.css', },
+            { source: 'auth.css', target: '/assets', name: 'auth.{hash}.css', },
             { source: 'redirects.css', target: '/assets', name: 'redirects.{hash}.css', },
         ],
         twig: [

composer.json

@@ -3,7 +3,6 @@
         "php": ">=8.4",
         "ext-mbstring": "*",
         "flashwave/index": "^0.2504",
-        "railgun/jwt": "^0.3",
         "erusev/parsedown": "~1.7",
         "chillerlan/php-qrcode": "~5.0",
         "symfony/mailer": "~7.2",