:root{--gap:16px;--inactive-scale:0.75;--inactive-color:#888;--active-color:#000;--open-duration:0.32s;--top-y:calc(24px + 0.5lh - 50dvh);--parent-y:calc(12px + 0.5lh - 50dvh);--intro-step:0.1s;--intro-hold:0.5s;--intro-total:1.2s}@property --y{syntax:"<length>";inherits:false;initial-value:0px}@property --scale{syntax:"<number>";inherits:false;initial-value:0.75}@property --tone{syntax:"<number>";inherits:false;initial-value:0}@property --z{syntax:"<integer>";inherits:false;initial-value:1}@property --open{syntax:"<number>";inherits:false;initial-value:0}@property --open-y{syntax:"<length>";inherits:false;initial-value:0px}@property --open-scale{syntax:"<number>";inherits:false;initial-value:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;font-size:150%;background-color:#eaffea;color:#000;overflow:hidden;background-image:repeating-linear-gradient( 45deg,#f9fff9 25%,transparent 25%,transparent 75%,#f9fff9 75%,#f9fff9 ),repeating-linear-gradient( 45deg,#f9fff9 25%,transparent 25%,transparent 75%,#f9fff9 75%,#f9fff9 );background-position:0 0,80px 80px;background-size:160px 160px;animation:body-bg-move 10s linear infinite}a{color:inherit;text-decoration:none}.state{position:absolute;opacity:0;pointer-events:none}.intro{position:fixed;inset:0;z-index:200;background:transparent;display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:hidden;animation:intro-hide 0.35s ease forwards;animation-delay:var(--intro-total)}.intro-row{display:flex;align-items:center;justify-content:center;gap:0.02em;animation:intro-row-out 0.4s ease forwards;animation-delay:calc(var(--intro-total) - 0.35s)}.intro-digit{display:inline-block;font-size:min(28vw,220px);line-height:1;color:var(--inactive-color);opacity:0;transform:translateY(0) scale(0.75);animation:intro-digit-in 0.45s ease forwards}.intro-digit:nth-child(1){animation-delay:calc(var(--intro-step) * 0)}.intro-digit:nth-child(2){animation-delay:calc(var(--intro-step) * 1)}.intro-digit:nth-child(3){animation-delay:calc(var(--intro-step) * 2)}.intro-digit:nth-child(4){animation-delay:calc(var(--intro-step) * 3)}.intro-digit:nth-child(5){animation-delay:calc(var(--intro-step) * 4)}.intro-digit:nth-child(6){animation-delay:calc(var(--intro-step) * 5)}.app{position:relative;width:100vw;height:100dvh;overflow:hidden;timeline-scope:--home,--accounts,--links-1,--links-2,--links-3;opacity:0;animation:app-in 0.35s ease forwards;animation-delay:var(--intro-total)}.scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar{width:0;height:0}.step{min-height:100dvh}.home-scroll{z-index:10;scroll-timeline-name:--home;scroll-timeline-axis:block;transition:opacity var(--open-duration) ease}.sub-scroll{scroll-timeline-name:--accounts;scroll-timeline-axis:block;transition:opacity var(--open-duration) ease}.links-scroll-1{scroll-timeline-name:--links-1;scroll-timeline-axis:block}.links-scroll-2{scroll-timeline-name:--links-2;scroll-timeline-axis:block}.links-scroll-3{scroll-timeline-name:--links-3;scroll-timeline-axis:block}.nav{position:absolute;inset:0;pointer-events:none}.main-nav{z-index:60}.accounts-nav{z-index:46}.link-nav{z-index:47}.main-option,.tab{position:absolute;inset:0;pointer-events:none}.item{--y:0px;--scale:0.75;--tone:0;--z:1;--open:0;--open-y:0px;--open-scale:1;position:absolute;left:50%;top:50%;z-index:var(--z);transform-origin:center center;white-space:nowrap;user-select:none;line-height:1.2;animation-duration:auto;animation-fill-mode:both;animation-timing-function:linear;will-change:transform;backface-visibility:hidden;opacity:calc(0.25 + 0.75 * var(--tone));font-size:150%}.pick,.pick-text{pointer-events:auto;cursor:pointer}.pick{transform:translate(-50%,-50%) translateY(calc((var(--y) * (1 - var(--open))) + (var(--open-y) * var(--open)))) scale(calc((var(--scale) * (1 - var(--open))) + (var(--open-scale) * var(--open))));color:color-mix( in srgb,var(--inactive-color) calc((1 - (var(--tone) + (1 - var(--tone)) * var(--open))) * 100%),var(--active-color) calc((var(--tone) + (1 - var(--tone)) * var(--open)) * 100%) );transition:--open var(--open-duration) ease,--open-y var(--open-duration) ease,--open-scale var(--open-duration) ease,opacity var(--open-duration) ease,color var(--open-duration) ease}.link{pointer-events:none;transform:translate(-50%,-50%) translateY(var(--y)) scale(var(--scale));color:color-mix( in srgb,var(--inactive-color) calc((1 - var(--tone)) * 100%),var(--active-color) calc(var(--tone) * 100%) );transition:opacity var(--open-duration) ease,color var(--open-duration) ease}.link>a{display:inline-block;pointer-events:none;opacity:1;transition:transform var(--open-duration) ease,color var(--open-duration) ease}.panel{position:absolute;inset:0;display:none;opacity:0;visibility:hidden;pointer-events:none;background:transparent;transition:opacity var(--open-duration) ease,visibility 0s linear var(--open-duration);z-index:1}.center{position:absolute;left:50%;top:80px;bottom:88px;width:min(90vw,1100px);transform:translateX(-50%);opacity:0;transition:opacity var(--open-duration) ease;z-index:2}.text-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.6;padding:16px 0}.text-scroll::-webkit-scrollbar{width:0;height:0}.text{width:100%;max-width:90%;margin:auto}.text p{margin:0;white-space:normal}.text p + p{margin-top:12px}.accent{text-decoration:underline}.accounts-shell,.stage{position:absolute;inset:0}.stage{display:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--open-duration) ease,visibility 0s linear var(--open-duration)}.stage .link-item,.stage .link-item>a{pointer-events:none}.back{position:absolute;left:50%;bottom:32px;display:block;width:min(90vw,680px);margin:0;transform:translateX(-50%);z-index:90;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--open-duration) ease;user-select:none;font-size:150%;line-height:1.2;text-align:center}.tip{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:89;text-align:center;opacity:1;pointer-events:none;user-select:none;color:var(--inactive-color);transition:opacity var(--open-duration) ease;max-width:min(90vw,680px);line-height:1.4}.comments-center{width:min(92vw,980px)}.comments-host,.comments-widget{width:100%;height:100%}.comments-loading,.comments-noscript{width:100%;text-align:center;color:var(--inactive-color);line-height:1.5}.comments-widget{display:flex;flex-direction:column;gap:16px}.comments-widget__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;text-align:center}.comments-widget__title{display:none}.comments-widget__auth,.comments-widget__me{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0;width:100%}.comments-widget__auth a,.comments-widget__me button,.comments-widget__form button{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.comments-widget__auth a + a::before,.comments-widget__me>* + *::before{content:" | ";color:var(--inactive-color)}.comments-widget__auth a:hover,.comments-widget__auth a:focus-visible,.comments-widget__me button:hover,.comments-widget__me button:focus-visible,.comments-widget__form button:hover,.comments-widget__form button:focus-visible{color:var(--active-color);background:transparent}.comments-widget__hint,.comments-widget__error,.comments-widget__empty,.comments-widget__loading{text-align:center;line-height:1.5}.comments-widget__error{color:#8a0000}.comments-widget__form{display:flex;flex-direction:column;gap:12px}.comments-widget__form textarea{width:100%;min-height:120px;resize:vertical;border:0;border-bottom:1px solid rgba(0,0,0,0.35);border-radius:0;padding:12px 0;font:inherit;color:inherit;background:rgba(255,255,255,0.18)}.comments-widget__form textarea:focus{outline:none;border-bottom-color:rgba(0,0,0,0.8)}.comments-widget__list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-width:thin}.comments-widget__plain-list{list-style:none;margin:0;padding:0}.comments-widget__comment{padding:16px 0;border-top:1px solid rgba(0,0,0,0.12)}.comments-widget__comment:first-child{border-top:0;padding-top:0}.comments-widget__meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin-bottom:8px;line-height:1.4}.comments-widget__author{font-weight:700}.comments-widget__date{color:var(--inactive-color);font-size:0.8em}.comments-widget__body{white-space:pre-wrap;word-break:break-word;line-height:1.55}@media (max-width:700px){.comments-center{top:72px;bottom:84px;width:min(92vw,980px)}}.main-nav>.main-option:nth-child(1)>.pick{animation-name:list4-1}.main-nav>.main-option:nth-child(2)>.pick{animation-name:list4-2}.main-nav>.main-option:nth-child(3)>.pick{animation-name:list4-3}.main-nav>.main-option:nth-child(4)>.pick{animation-name:list4-4}.accounts-nav>.tab:nth-child(1)>.pick{animation-name:list3-1}.accounts-nav>.tab:nth-child(2)>.pick{animation-name:list3-2}.accounts-nav>.tab:nth-child(3)>.pick{animation-name:list3-3}.main-nav>.main-option>.pick{animation-timeline:--home}.accounts-nav>.tab>.pick{animation-timeline:--accounts}.stage-1 .link-item{animation-timeline:--links-1}.stage-2 .link-item{animation-timeline:--links-2}.stage-3 .link-item{animation-timeline:--links-3}.stage .link-item:nth-child(1){animation-name:list4-1}.stage .link-item:nth-child(2){animation-name:list4-2}.stage .link-item:nth-child(3){animation-name:list4-3}.stage .link-item:nth-child(4){animation-name:list4-4}@keyframes body-bg-move{from{background-position:0 0,80px 80px}to{background-position:160px 160px,240px 240px}}@keyframes intro-digit-in{0%{opacity:0;transform:scale(0.75);color:var(--inactive-color)}60%{opacity:1;transform:scale(1);color:var(--active-color)}100%{opacity:1;transform:scale(1);color:var(--active-color)}}@keyframes intro-row-out{to{opacity:0;transform:scale(0.88)}}@keyframes intro-hide{to{opacity:0;visibility:hidden}}@keyframes app-in{to{opacity:1}}@keyframes list4-1{0%{--y:0px;--scale:1;--tone:1;--z:4}33.333%{--y:calc(var(--gap) * -1);--scale:0.75;--tone:0;--z:1}66.667%{--y:calc(var(--gap) * -2);--scale:0.75;--tone:0;--z:1}100%{--y:calc(var(--gap) * -3);--scale:0.75;--tone:0;--z:1}}@keyframes list4-2{0%{--y:var(--gap);--scale:0.75;--tone:0;--z:1}33.333%{--y:0px;--scale:1;--tone:1;--z:4}66.667%{--y:calc(var(--gap) * -1);--scale:0.75;--tone:0;--z:1}100%{--y:calc(var(--gap) * -2);--scale:0.75;--tone:0;--z:1}}@keyframes list4-3{0%{--y:calc(var(--gap) * 2);--scale:0.75;--tone:0;--z:1}33.333%{--y:var(--gap);--scale:0.75;--tone:0;--z:1}66.667%{--y:0px;--scale:1;--tone:1;--z:4}100%{--y:calc(var(--gap) * -1);--scale:0.75;--tone:0;--z:1}}@keyframes list4-4{0%{--y:calc(var(--gap) * 3);--scale:0.75;--tone:0;--z:1}33.333%{--y:calc(var(--gap) * 2);--scale:0.75;--tone:0;--z:1}66.667%{--y:var(--gap);--scale:0.75;--tone:0;--z:1}100%{--y:0px;--scale:1;--tone:1;--z:4}}@keyframes list3-1{0%{--y:0px;--scale:1;--tone:1;--z:4}50%{--y:calc(var(--gap) * -1);--scale:0.75;--tone:0;--z:1}100%{--y:calc(var(--gap) * -2);--scale:0.75;--tone:0;--z:1}}@keyframes list3-2{0%{--y:var(--gap);--scale:0.75;--tone:0;--z:1}50%{--y:0px;--scale:1;--tone:1;--z:4}100%{--y:calc(var(--gap) * -1);--scale:0.75;--tone:0;--z:1}}@keyframes list3-3{0%{--y:calc(var(--gap) * 2);--scale:0.75;--tone:0;--z:1}50%{--y:var(--gap);--scale:0.75;--tone:0;--z:1}100%{--y:0px;--scale:1;--tone:1;--z:4}}.main-option>.state:checked ~ .panel{display:block;opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--open-duration) ease,visibility 0s linear 0s}.main-option>.state:checked ~ .panel .center{opacity:1}.app:has(.main-option>.state:checked) .home-scroll{opacity:0;pointer-events:none}.app:has(.main-option>.state:checked) .main-nav>.main-option>.state:not(:checked) ~ .pick{display:none;opacity:0;pointer-events:none}.main-option>.state:checked ~ .pick{--open:1;--open-y:var(--top-y);--open-scale:1;--z:100;opacity:1;pointer-events:none;z-index:88}.tab>.state:checked ~ .stage{display:block;opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--open-duration) ease,visibility 0s linear 0s}.tab>.state:checked ~ .stage .link-item,.tab>.state:checked ~ .stage .link-item>a{pointer-events:auto}.accounts-shell:has(.tab>.state:checked) .sub-scroll{opacity:0;pointer-events:none}.accounts-shell:has(.tab>.state:checked) .accounts-nav>.tab>.state:not(:checked) ~ .pick{display:none;opacity:0;pointer-events:none}.tab>.state:checked ~ .pick{--open:1;--open-y:var(--top-y);--open-scale:1;--z:101;opacity:1;pointer-events:none;z-index:89}.app:has(.accounts-shell .tab>.state:checked) .accounts-option>.state:checked ~ .pick{--open-y:var(--parent-y);--open-scale:0.75;color:var(--inactive-color);opacity:0.75}.app:has(#main-whois:checked,#main-about:checked,#main-comments:checked) .back-home{opacity:1;pointer-events:auto}.app:has(#main-accounts:checked):not(:has(.accounts-shell .tab>.state:checked)) .back-home{opacity:1;pointer-events:auto}.app:has(.accounts-shell .tab>.state:checked) .back-accounts{opacity:1;pointer-events:auto}body:has(input[name="main-view"]:checked) .tip{opacity:0}