:root{--color-white:#fff;--color-black:#000;--color-orange:#ff9431;--color-pink-100:#d71a5d;--color-pink-200:#e54785;--color-pink-300:#ff6193;--color-teal:#08d5c8;--color-blue-100:#acb3b6;--color-blue:#1a69ce;--color-purple-100:#e6e2ff;--color-purple:#3d52e0;--color-lightgray:#f2f4f6;--color-lightgray-100:#e5eaee;--color-lightgray-200:#dfe1e7;--color-gray-100:#111;--color-gray-200:#222;--color-gray-300:#333;--color-gray-400:#444;--color-gray-700:#757575;--color-gray-800:#999;--color-gray-900:#ddd;--color-text-gradient-top:#2b4ee3;--color-text-gradient-bottom:#9a6be3;--color-btn-hover-bg-gradient-top:#3d52e0;--color-btn-hover-bg-gradient-bottom:#8b72dc;--color-disclaimer-bg:#e8ebf5;--color-disclaimer-border:#bec9f6;--color-disclaimer-text:#43459c;--color-survay-bg:#e6e1ff;--color-content-promotion-outer-top:#1f68d7;--color-content-promotion-outer-middle:#9a6be3;--color-content-promotion-outer-bottom:#5d5bd6;--color-bg:var(--color-lightgray);--color-bg-black:var(--color-black);--color-bg-white:var(--color-white);--color-bg-secondary:var(--color-white);--color-bg-aside:var(--color-purple-100);--color-bg-white-secondary:var(--color-gray-900);--color-bg-orange:var(--color-orange);--color-bg-pink:var(--color-pink-200);--color-bg-teal:var(--color-teal);--color-bg-purple:var(--color-purple);--color-text:var(--color-gray-100);--color-text-secondary:var(--color-gray-700);--color-text-highlight:var(--color-blue);--color-text-visited:var(--color-gray-700);--color-text-purple:var(--color-purple);--color-btn-primary-bg:var(--color-purple);--color-btn-primary-hover-bg:var(--color-pink-300);--color-btn-primary-text:var(--color-white);--color-btn-secondary-bg:var(--color-lightgray-100);--color-btn-secondary-hover-bg:var(--color-lightgray-200);--color-btn-secondary-text:var(--color-blue);--color-form-bg:var(--color-gray-300);--color-border:var(--color-lightgray-200);--color-border-highlight:var(--color-blue);--color-entry-placeholder:var(--color-lightgray-100);--color-hatena-bookmark:#00a5de;--font:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-size-50:12px;--font-size-75:14px;--font-size-100:16px;--font-size-125:17px;--font-size-200:20px;--font-size-300:24px;--font-size-400:32px;--font-size-500:40px;--font-size-600:48px;--line-height-xs:1;--line-height-sm:1.25;--line-height-base:1.6;--line-height-lg:1.75;--letter-spacing-2:.05em;--letter-spacing-3:.1em;--letter-spacing-4:.2em;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:40px;--space-7:48px;--space-8:64px;--space-9:80px;--col-width:90vw;--col-width-lg:1200px;--col-width-compact:720px;--col-width-sidebar:330px;--col-width-topicsList:200px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:24px;--height-header:60px;--z-index-sticky:8;--z-index-mask:9;--z-index-modal:10}.theme-dark-mode{--color-text-gradient-top:#ffb342;--color-text-gradient-bottom:#f76186;--color-bg:var(--color-gray-100);--color-bg-black:var(--color-black);--color-bg-white:var(--color-white);--color-bg-secondary:var(--color-gray-200);--color-bg-highlight:var(--color-gray-300);--color-bg-white-secondary:var(--color-gray-900);--color-bg-orange:var(--color-orange);--color-bg-pink:var(--color-pink-200);--color-bg-teal:var(--color-teal);--color-text:var(--color-white);--color-text-secondary:var(--color-gray-800);--color-text-highlight:var(--color-pink-300);--color-text-visited:var(--color-blue-100);--color-btn-primary-bg:var(--color-pink-200);--color-btn-primary-hover-bg:var(--color-pink-300);--color-btn-primary-text:var(--color-white);--color-btn-secondary-bg:var(--color-white);--color-btn-secondary-hover-bg:var(--color-gray-900);--color-btn-secondary-text:var(--color-pink-100);--color-form-bg:var(--color-gray-300);--color-border:hsla(0,0%,100%,.16);--color-border-highlight:var(--color-pink-300);--color-entry-placeholder:var(--color-gray-400)}html{scroll-padding-top:var(--height-header)}body,html{padding:0;margin:0;font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-base)}*{box-sizing:border-box}