*,:after,:before{box-sizing:border-box}:root{--color-page:#fff;--color-surface:#fff;--color-surface-muted:#f2f2f2;--color-text:#1a202c;--color-text-muted:#555;--color-border:#d1d5db;--color-header:#2b2b2f;--color-button:#000;--color-button-text:#fff;--color-button-shadow:#5c5c5c;--color-link:#000;--color-primary:#007bff;--color-primary-hover:#0056b3;--color-placeholder:#a80000b2;--shadow-soft:0 10px 30px #0000001a;--shadow-icon:0 10px 10px #0000001a;color-scheme:light}html[data-theme=dark]{--color-page:#101114;--color-surface:#181a20;--color-surface-muted:#23262f;--color-text:#f4f4f5;--color-text-muted:#c7c9d1;--color-border:#3a3f4b;--color-header:#050608;--color-button:#000;--color-button-text:#fff;--color-button-shadow:#686d78;--color-link:#f4f4f5;--color-primary:#6ea8fe;--color-primary-hover:#8bb9ff;--color-placeholder:#ffb4b4;--shadow-soft:0 10px 30px #00000059;--shadow-icon:0 10px 10px #0000004d;color-scheme:dark}body,html{overflow-x:hidden}body{background:#fff;background:var(--color-page);color:#1a202c;color:var(--color-text);overflow-wrap:anywhere;transition:background-color .2s ease,color .2s ease}iframe,img,svg{max-width:100%}.header-container{align-items:center;background-color:var(--color-header);box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;min-height:72px;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.header-title{grid-gap:.15rem;color:var(--color-button-text);display:grid;font-size:1.25rem;font-weight:600;gap:.15rem;margin:0}.header-title span{font-size:.75rem;font-weight:800;opacity:.75;text-transform:uppercase}.header-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end}.header-spacer{height:80px}.Btn{align-items:center;background-color:var(--color-button);border:1px solid #ffffff59;border-radius:8px;box-shadow:5px 5px 0 var(--color-button-shadow);color:var(--color-button-text);cursor:pointer;display:flex;flex:0 0 auto;font-size:15px;font-weight:500;height:40px;justify-content:flex-start;padding:0 20px;position:relative;text-decoration:none;width:110px}.Btn,.Btn>.svg{transition-duration:.3s}.Btn>.svg{fill:var(--color-button-text);height:20px;margin-right:20px;pointer-events:none;position:absolute;right:0;width:20px}.Btn.has-icon:hover{color:#0000}.Btn.has-icon:hover>.svg{border:none;margin:0;padding:0;right:43%;transition-duration:.3s}.Btn:active{box-shadow:2px 2px 0 var(--color-surface);transform:translate(3px,3px);transition-duration:.3s}.Btn.no-icon{justify-content:center}.theme-toggle{flex:0 0 auto}.switch{display:inline-block;font-size:17px;height:2em;position:relative;width:3.5em}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--color-page);border:2px solid #ffffffb3;border-radius:30px;bottom:0;box-shadow:0 2px 8px #00000059;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.5s}.slider:before{background:var(--color-page);border-radius:50%;bottom:15%;box-shadow:inset 8px -4px 0 0 #fff000;content:"";height:1.4em;left:10%;width:1.4em}.switch input:checked+.slider{background-color:var(--color-page)}.switch input:checked+.slider:before{box-shadow:inset 15px -4px 0 15px #fff000;transform:translateX(100%)}.switch input:focus-visible+.slider{outline:3px solid var(--color-primary);outline-offset:4px}@media (max-width:640px){.header-container{align-items:flex-start;flex-direction:column;padding:.75rem}.header-spacer{height:220px}.header-nav{gap:.625rem;width:100%}.Btn{flex-basis:calc(50% - 0.625rem);flex-grow:1;flex-shrink:1;min-width:0;padding:0 16px;width:auto}}@media (max-width:360px){.header-spacer{height:312px}.Btn{flex-basis:100%}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.profile-container{grid-gap:2rem;align-items:center;color:var(--color-text);display:grid;gap:2rem;grid-template-columns:minmax(220px,360px) minmax(0,1fr);margin:0 auto;padding:2.5rem 0 3rem;width:min(1120px,calc(100% - 2rem))}.profile-container:before{border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);content:"PROFILE";font-size:.78rem;font-weight:700;grid-column:1/-1;letter-spacing:0;padding:.35rem .65rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-image{aspect-ratio:1/1;background:linear-gradient(135deg,#007bff29,#0000 42%),linear-gradient(315deg,#ffd60a2e,#0000 36%),var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;box-shadow:14px 14px 0 color-mix(in srgb,var(--color-primary) 22%,#0000);display:block;object-fit:cover;width:100%}.profile-info{display:flex;flex-direction:column;gap:1.25rem;width:100%}.profile-education{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));order:2;width:100%}.profile-education p{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft);line-height:1.6;margin:0;padding:1rem;text-align:left}.profile-education a{color:var(--color-primary);font-weight:700}.custom-underline{display:none}.center{border-bottom:1px solid var(--color-border);order:1;padding-bottom:1.25rem;text-align:left}.center p{color:var(--color-text-muted);font-weight:700;line-height:1.4;margin:0 0 .35rem}.profile-title{font-size:clamp(2.5rem,7vw,5.6rem);font-weight:800;line-height:.95;margin:0;overflow-wrap:anywhere}.profile-info>h2{border-top:1px solid var(--color-border);color:var(--color-text);font-size:1.15rem;line-height:1.45;margin:0;order:3;padding:1.1rem 1.2rem 0}.profile-info>h2:before{background:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:.55rem;margin-right:.55rem;vertical-align:.08rem;width:.55rem}.tight-spacing{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);line-height:1.75;margin:0;order:3;padding:0 1.2rem 1.15rem}.profile-description{font-size:1rem}@media (max-width:840px){.profile-container{grid-template-columns:1fr;padding:1.5rem 0 2rem;width:min(680px,calc(100% - 1.5rem))}.profile-image{margin:0 auto;width:min(100%,420px)}.profile-education{grid-template-columns:1fr}.profile-title{line-height:1.15}}@media (max-width:480px){.profile-container{width:min(100% - 1rem,680px)}.profile-image{box-shadow:8px 8px 0 color-mix(in srgb,var(--color-primary) 22%,#0000)}.profile-education p,.profile-info>h2,.tight-spacing{padding-left:1rem;padding-right:1rem}}.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:20px}.category{margin-bottom:40px}.category-title{font-size:24px;font-weight:700;margin-bottom:20px}section.card{align-items:center;background-color:var(--color-surface-muted);border-radius:8px;display:flex;height:200px;justify-content:center;overflow:hidden;perspective:1000px;position:relative;text-align:center;transition:all .8s cubic-bezier(.175,.885,.32,1.275);width:100%}.card img{border-radius:3px;height:auto;max-width:200px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:200px}.card:hover{transform:scale(1.05)}.card:hover,.card__content{background-color:var(--color-surface-muted);color:var(--color-text)}.card__content{box-sizing:border-box;height:100%;left:0;padding:20px;position:absolute;text-align:center;top:0;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:100%}.card:hover .card__content{transform:rotateX(0deg)}.card__title{color:var(--color-text);font-size:20px;font-weight:700;margin:0;padding-left:5px}.card:hover img{transform:scale(0)}.card__description{color:var(--color-text);font-size:12px;line-height:1.4;margin:10px 0 0;overflow-wrap:anywhere}.category__title{text-align:center}@media (hover:none){section.card{flex-direction:column;height:auto;min-height:240px}.card img{max-width:80px}.card__content{position:static;transform:none}}@media (max-width:480px){.cards-container{gap:16px;grid-template-columns:1fr;padding:12px}.category-title{font-size:20px}.card__content{padding:16px}}.qualifications-container{margin:0 auto;max-width:50rem;padding:0 1rem 2rem}.qualifications-section{margin-top:2rem}.qualifications-title{color:var(--color-text);font-size:1.25rem;font-weight:700;text-align:center}.qualification-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.qualification-item{align-items:flex-start;background-color:var(--color-surface-muted);border-radius:.5rem;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem}.qualification-name{color:var(--color-text);flex:1 1;font-size:1.125rem;font-weight:600}.qualification-date,.qualification-organization{color:var(--color-text-muted);flex:0 0 auto;font-size:.875rem}@media (max-width:640px){.qualification-item{flex-direction:column;gap:.25rem}.qualification-name{font-size:1rem}}.chartContainer{display:flex;gap:1rem;padding:0 1rem}.chartWrapper{width:100%}@media (max-width:768px){.chartContainer{align-items:center;flex-direction:column;padding:0 .5rem}.chartWrapper{margin-bottom:20px}}@media (min-width:769px){.chartContainer{justify-content:space-between}.chartWrapper{width:45%}}.wrapper{flex-wrap:wrap;font-family:Poppins,sans-serif;list-style:none;margin:-15px auto 0;min-height:120px;padding:0;row-gap:.5rem;width:min(95%,720px)}.wrapper,.wrapper .icon{display:flex;justify-content:center}.wrapper .icon{align-items:center;background:var(--color-surface);border-radius:50%;box-shadow:var(--shadow-icon);color:var(--color-text);cursor:pointer;flex-direction:column;font-size:18px;height:50px;margin:10px;position:relative;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);width:50px}@media (max-width:480px){.wrapper{min-height:0}.wrapper .icon{height:46px;margin:8px;width:46px}.wrapper .tooltip{display:none}}.wrapper .icon:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.wrapper .tooltip{border-radius:5px;box-shadow:var(--shadow-icon);color:var(--color-text);font-size:14px;opacity:0;padding:5px 8px;pointer-events:none;top:0}.wrapper .tooltip,.wrapper .tooltip:before{background:var(--color-surface);position:absolute;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip:before{bottom:-3px;content:"";height:8px;left:50%;transform:translate(-50%) rotate(45deg);width:8px}.wrapper .icon:hover .tooltip{opacity:1;pointer-events:auto;top:-45px;visibility:visible}.wrapper .icon:hover .tooltip,.wrapper .icon:hover span{text-shadow:0 -1px 0 #0000001a}.wrapper .Discord:hover,.wrapper .Discord:hover .tooltip,.wrapper .Discord:hover .tooltip:before,.wrapper .Github:hover,.wrapper .Github:hover .tooltip,.wrapper .Github:hover .tooltip:before,.wrapper .VRChat:hover,.wrapper .VRChat:hover .tooltip,.wrapper .VRChat:hover .tooltip:before,.wrapper .X:hover,.wrapper .X:hover .tooltip,.wrapper .X:hover .tooltip:before{background:var(--color-button);color:var(--color-button-text)}.wrapper .VRChat:hover img{filter:invert(1)}.wrapper .Note:hover,.wrapper .Note:hover .tooltip,.wrapper .Note:hover .tooltip:before{background:var(--color-button);color:var(--color-button-text)}.wrapper .Note:hover img{filter:invert(1)}.wrapper .Qiita:hover,.wrapper .Qiita:hover .tooltip,.wrapper .Qiita:hover .tooltip:before{background:var(--color-button);color:var(--color-button-text)}.wrapper .Qiita:hover img{filter:invert(0)}.wrapper .StudyPlus:hover,.wrapper .StudyPlus:hover .tooltip,.wrapper .StudyPlus:hover .tooltip:before{background:var(--color-button);color:var(--color-button-text)}.wrapper .StudyPlus:hover img{filter:invert(1)}.mail-page{grid-gap:2.5rem;align-items:center;color:var(--color-text);display:grid;gap:2.5rem;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin:0 auto;min-height:calc(100vh - 80px);padding:2.5rem 0 3rem;width:min(1120px,calc(100% - 2rem))}.mail-intro{display:flex;flex-direction:column;gap:1rem;min-width:0}.mail-eyebrow{border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:0;margin:0;padding:.35rem .65rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mail-title{font-size:clamp(2.1rem,4.6vw,4.25rem);font-weight:800;line-height:.98;margin:0;white-space:nowrap}.mail-lead{color:var(--color-text-muted);font-size:1.05rem;line-height:1.8;margin:0;max-width:34rem}.mail-contact-list{display:flex;flex-wrap:wrap;gap:.75rem}.mail-contact-list a{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 44%,var(--color-border));border-radius:999px;color:var(--color-text);font-weight:700;padding:.65rem .85rem;text-decoration:none}.mail-contact-list a:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-container{background:linear-gradient(135deg,#007bff1f,#0000 38%),linear-gradient(315deg,#ffd60a24,#0000 32%),var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:14px 14px 0 color-mix(in srgb,var(--color-primary) 18%,#0000);box-sizing:border-box;min-width:0;padding:1.5rem;width:100%}.mail-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--color-text-muted);font-size:.9rem;font-weight:700}.form-input{background:var(--color-page);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);line-height:1.4;outline:none;padding:.85rem .95rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.form-input::placeholder{color:var(--color-text-muted);opacity:.72}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,#0000);transform:translateY(-1px)}.form-textarea{min-height:220px;resize:vertical}.form-note{color:var(--color-text-muted);font-size:.9rem;line-height:1.6;margin:0}.form-button{background-color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 70%,#fff);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;padding:.9rem 1rem;transition:background-color .2s ease,transform .2s ease,opacity .2s ease;width:100%}.form-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.form-button:disabled{cursor:not-allowed;opacity:.48}@media (max-width:1040px){.mail-page{grid-template-columns:1fr;min-height:calc(100vh - 220px);padding:1.5rem 0 2rem;width:min(680px,calc(100% - 1.5rem))}}@media (max-width:560px){.mail-page{width:min(100% - 1rem,680px)}.form-container{box-shadow:8px 8px 0 color-mix(in srgb,var(--color-primary) 18%,#0000);padding:1rem}.form-row{grid-template-columns:1fr}}@media (max-width:360px){.mail-page{min-height:calc(100vh - 312px)}}.works-highlights{margin:2rem auto 2.5rem;width:93.2%}.works-project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.works-project-card{background:color-mix(in srgb,var(--color-surface) 92%,var(--color-page));border:1px solid var(--color-border);border-radius:22px;box-shadow:var(--shadow-soft);display:grid;overflow:hidden}.works-project-image-wrap{aspect-ratio:16/10;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));overflow:hidden;position:relative}.works-project-image{display:block;height:100%;object-fit:cover;width:100%}.works-project-category{background:color-mix(in srgb,var(--color-surface) 88%,var(--color-page));border-radius:999px;color:var(--color-text);font-size:.78rem;font-weight:700;left:1rem;padding:.35rem .7rem;position:absolute;top:1rem}.works-project-body{grid-gap:.75rem;display:grid;gap:.75rem;padding:1.1rem 1.15rem 1.2rem}.works-project-body h3,.works-project-body p,.works-project-body ul{margin:0}.works-project-body h3{color:var(--color-text);line-height:1.4}.works-project-body li,.works-project-body p{color:var(--color-text-muted);line-height:1.75}.works-project-body ul{grid-gap:.5rem;display:grid;gap:.5rem;padding-left:1.1rem}@media (max-width:768px){.works-highlights{width:94%}.works-project-grid{grid-template-columns:1fr}}@media (max-width:480px){.works-highlights{margin-top:1.4rem;width:96%}.works-project-card{border-radius:18px}}.iframeWrappers{margin:10px auto;padding-bottom:56.25%;position:relative;width:94%}.iframeWrappers iframe{border:0;height:100%;position:absolute;width:100%}.iframeContainers{display:flex;gap:20px;justify-content:center;margin:10px auto}.smallIframe{aspect-ratio:16/11;width:45.9%}@media (max-width:768px){.iframeWrappers{padding-bottom:75%;width:94%}.iframeContainers{flex-direction:column}.smallIframe{margin:0 auto;width:94%}}@media (max-width:480px){.iframeWrappers{padding-bottom:90%;width:96%}.iframeContainers{gap:12px}.smallIframe{aspect-ratio:4/3;width:96%}}.iframeContainers iframe{border:0;height:94%;width:100%}.vrc{margin:0 auto;width:93.2%}.vrcGallery{flex-wrap:wrap;gap:20px;justify-content:center}.vrcGallery,.vrcItem{align-items:center;display:flex}.vrcItem{flex:1 1 280px;flex-direction:column;text-align:center}.vrcImg{height:auto;max-width:500px;object-fit:cover;width:100%}.vrcItem a{color:var(--color-link);text-decoration:none}.vrcItem a:hover{text-decoration:underline}.vrcText{line-height:1.5;margin-top:5px}.textCenter{text-align:center}@media (max-width:480px){.vrc{width:96%}.vrcGallery{gap:12px}.vrcItem{flex-basis:100%}}.metaverse-container{height:100dvh;margin:0;overflow:hidden;padding:0;width:100%}@supports not (height:100dvh){.metaverse-container{height:100vh}}.metaverse-iframe{border:none;height:100%;width:100%}.blog-admin-page,.blog-page{color:var(--color-text);margin:0 auto;padding:2.5rem 0 3rem;width:min(1120px,calc(100% - 2rem))}.blog-admin-intro{grid-gap:1rem;border-bottom:1px solid var(--color-border);display:grid;gap:1rem;padding-bottom:2rem}.blog-eyebrow{border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:0;margin:0;padding:.35rem .65rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-admin-intro h2{font-size:clamp(2.4rem,7vw,5.6rem);line-height:.96;margin:0}.blog-admin-intro p{color:var(--color-text-muted);line-height:1.8;margin:0;max-width:44rem}.blog-editor button,.blog-login button{background:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 60%,#fff);border-radius:8px;color:#fff;cursor:pointer;font-weight:800}.blog-editor button,.blog-login button,.blog-status{padding:.75rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-status{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);line-height:1.6;margin:1rem 0 0;max-width:100%}.blog-editor-status{margin-top:0}.blog-editor button:disabled{cursor:wait;opacity:.65}.blog-detail-layout,.blog-index{grid-gap:1rem;display:grid;gap:1rem;padding-top:2rem}.blog-filter{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.blog-filter label,.blog-filter span{color:var(--color-text-muted);font-weight:800}.blog-category-filter-list label,.blog-filter button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:.75rem .9rem}.blog-filter button{cursor:pointer;font-weight:800}.blog-filter button.is-active{border-color:var(--color-primary);color:var(--color-primary)}.blog-category-filter-list,.blog-category-list{display:flex;flex-wrap:wrap;gap:.6rem}.blog-category-filter-list label{align-items:center;cursor:pointer;display:flex;gap:.45rem}.blog-category-manager{grid-gap:.75rem;display:grid;gap:.75rem}.blog-category-manager>span{color:var(--color-text-muted);font-weight:800}.blog-category-create{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto}.blog-feed{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.blog-card a{grid-gap:0;background:var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-text);cursor:pointer;display:grid;gap:0;grid-template-rows:auto 1fr;height:100%;padding:1rem;text-align:left;text-decoration:none}.blog-card a,.blog-card-thumbnail{border:1px solid var(--color-border);border-radius:8px;width:100%}.blog-card-thumbnail{aspect-ratio:16/9;background:var(--color-surface-muted);object-fit:cover}.blog-card-content{grid-gap:.75rem;display:grid;gap:.75rem;padding-top:.9rem}.blog-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.blog-card span,.blog-reader-head span{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border-radius:999px;color:var(--color-primary);font-size:.8rem;font-weight:800;padding:.3rem .55rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-card h3,.blog-card p{margin:0}.blog-card time,.blog-reader-head time{color:var(--color-text-muted);line-height:1.6}.blog-reader{background:linear-gradient(135deg,#007bff1a,#0000 36%),var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:14px 14px 0 color-mix(in srgb,var(--color-primary) 16%,#0000);padding:1.25rem}.blog-reader-head{grid-gap:.65rem;border-bottom:1px solid var(--color-border);display:grid;gap:.65rem;padding-bottom:1rem}.blog-reader-head h1{font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.05;margin:0}.blog-reader-body{grid-gap:1rem;display:grid;gap:1rem;padding-top:1.25rem}.blog-reader-body p{color:var(--color-text);line-height:1.9;margin:0;white-space:pre-wrap}.blog-reader-body h2{font-size:1.65rem;line-height:1.35;margin:.75rem 0 0}.blog-toc{grid-gap:.5rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:.5rem;padding:1rem}.blog-toc h2{font-size:1rem;margin:0}.blog-toc a{color:var(--color-primary);font-weight:800;text-decoration:none}.blog-text-underline{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.blog-text-dashed{text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:.08em;text-underline-offset:.22em}.blog-reader-body .blog-text-small{font-size:.88rem}.blog-reader-body .blog-text-large{font-size:1.2rem;font-weight:800}.blog-reader-body .blog-text-quote{border-left:4px solid var(--color-primary);color:var(--color-text-muted);font-style:italic;padding-left:1rem}.blog-reader-quote{grid-gap:.6rem;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0;display:grid;gap:.6rem;margin:0;padding:1rem 1.1rem}.blog-reader-quote cite,.blog-reader-quote p{margin:0}.blog-reader-quote cite{color:var(--color-text-muted);font-size:.92rem}.blog-reader-image{border:1px solid var(--color-border);border-radius:8px;height:auto;object-fit:contain;width:100%}.blog-reader-link,.blog-reader-permalink{color:var(--color-primary);font-weight:800;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-url-card{grid-gap:.65rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:grid;gap:.65rem;max-width:620px;padding:1rem;text-decoration:none}.blog-url-card img{aspect-ratio:16/9;border-radius:8px;object-fit:cover;width:100%}.blog-url-card span{font-weight:800}.blog-url-card p,.blog-url-card small{color:var(--color-text-muted);margin:0;overflow-wrap:anywhere}.blog-embed-card,.blog-reader-code{grid-gap:.65rem;display:grid;gap:.65rem;margin:0}.blog-embed-frame{aspect-ratio:16/9;background:#000;border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.blog-embed-frame iframe{border:0;height:100%;width:100%}.blog-embed-card figcaption,.blog-reader-code figcaption{grid-gap:.2rem;color:var(--color-text-muted);display:grid;gap:.2rem}.blog-embed-card figcaption strong,.blog-file-card{color:var(--color-text)}.blog-file-card{grid-gap:.35rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:.35rem;max-width:620px;padding:1rem;text-decoration:none}.blog-file-card small,.blog-file-card span{color:var(--color-text-muted);overflow-wrap:anywhere}.blog-file-card.is-pending{cursor:default}.blog-reader-code pre{background:#0f1720;border:1px solid var(--color-border);border-radius:12px;color:#e8edf2;margin:0;overflow-x:auto;padding:1rem}.blog-reader-code code{display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.7;white-space:pre}.blog-recommendations{grid-gap:1rem;border-top:1px solid var(--color-border);display:grid;gap:1rem;margin-top:2rem;padding-top:1.5rem}.blog-recommendations h2{margin:0}.blog-editor,.blog-login{grid-gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft);display:grid;gap:1rem;margin-top:2rem;padding:1.25rem}.blog-login h3,.blog-login p{margin:0}.blog-login p{color:var(--color-text-muted);line-height:1.7}.blog-editor label,.blog-login label{grid-gap:.5rem;color:var(--color-text-muted);display:grid;font-weight:800;gap:.5rem}.blog-editor input,.blog-editor select,.blog-editor textarea,.blog-login input{background:var(--color-page);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text);padding:.8rem .9rem;width:100%}.blog-compose-header,.blog-editor-section,.blog-editor-sidecard{grid-gap:1rem;background:color-mix(in srgb,var(--color-surface) 84%,#fff);border:1px solid var(--color-border);border-radius:16px;display:grid;gap:1rem;padding:1.1rem 1.15rem}.blog-block-editor-header h5,.blog-compose-header h3,.blog-section-heading h4{margin:0}.blog-compose-copy,.blog-editor-sidecard p,.blog-section-heading p{color:var(--color-text-muted);line-height:1.7;margin:0}.blog-editor-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.blog-editor-metrics article{grid-gap:.25rem;background:var(--color-page);border:1px solid var(--color-border);border-radius:12px;display:grid;gap:.25rem;padding:.9rem}.blog-editor-metrics strong{font-size:1.35rem}.blog-block-index,.blog-editor-metrics span,.blog-section-kicker{color:var(--color-text-muted)}.blog-section-heading{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.blog-block-index,.blog-section-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin:0 0 .25rem;text-transform:uppercase}.blog-block-inserter{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.blog-block-insert-card{grid-gap:.35rem;background:var(--color-page);border:1px solid var(--color-border);border-radius:14px;display:grid;gap:.35rem;padding:1rem;text-align:left}.blog-block-insert-card span{color:var(--color-text-muted);font-size:.92rem}.blog-blocks,.blog-editor form,.blog-text-inputs{grid-gap:1rem;display:grid;gap:1rem}.blog-editor-workspace{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.blog-live-preview{grid-gap:.75rem;display:grid;gap:.75rem;min-width:0;position:-webkit-sticky;position:sticky;top:96px}.blog-preview-summary{color:var(--color-text-muted);line-height:1.7;margin:0}.blog-preview-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%}.blog-preview-thumbnail,.blog-thumbnail-cropper{border:1px solid var(--color-border);border-radius:8px}.blog-thumbnail-cropper{grid-gap:1rem;background:var(--color-surface-muted);display:grid;gap:1rem;padding:1rem}.blog-thumbnail-preview{aspect-ratio:16/9;background:var(--color-page);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;width:min(520px,100%)}.blog-thumbnail-preview img{height:100%;object-fit:cover;transform-origin:center;width:100%}.blog-crop-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-code-inputs,.blog-editor-grid,.blog-embed-inputs,.blog-file-inputs,.blog-image-inputs,.blog-link-inputs,.blog-quote-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-code-inputs textarea,.blog-embed-inputs textarea,.blog-quote-inputs textarea{grid-column:1/-1}.blog-code-textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.blog-block-editor{grid-gap:.75rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:.75rem;padding:1rem}.blog-block-editor-header{align-items:start;display:flex;gap:1rem;justify-content:space-between}.blog-block-toolbar,.blog-editor-actions{display:flex;flex-wrap:wrap;gap:.75rem}.blog-editor-checklist{grid-gap:.65rem;display:grid;gap:.65rem;margin:0;padding-left:1.1rem}.blog-editor-checklist li{color:var(--color-text-muted)}.blog-editor-checklist li.is-complete{color:var(--color-text);font-weight:700}.blog-admin-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.blog-admin-tabs button{background:var(--color-surface-muted)}.blog-admin-tabs button.is-active{background:var(--color-primary);color:#fff}.blog-inline-check{align-items:center;grid-template-columns:auto 1fr}.blog-inline-check input{width:auto}.blog-admin-session-actions{margin-top:1rem}.blog-mfa-form{grid-gap:1rem;display:grid;gap:1rem}.blog-mfa-qr{background:#fff;width:min(220px,100%)}.blog-mfa-qr,.blog-mfa-secret{border:1px solid var(--color-border);border-radius:8px}.blog-mfa-secret{background:var(--color-page);color:var(--color-text);display:block;max-width:100%;overflow-wrap:anywhere;padding:.75rem}.blog-publish-button{margin-left:auto}.blog-admin-list{grid-gap:.75rem;border-top:1px solid var(--color-border);display:grid;gap:.75rem;padding-top:1rem}.blog-admin-list h3{margin:0}.blog-admin-list article{grid-gap:.75rem;align-items:center;border:1px solid var(--color-border);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto auto;padding:.75rem}.blog-admin-list span{color:var(--color-text-muted)}@media (max-width:840px){.blog-block-inserter,.blog-code-inputs,.blog-crop-controls,.blog-editor-grid,.blog-editor-metrics,.blog-embed-inputs,.blog-feed,.blog-file-inputs,.blog-image-inputs,.blog-link-inputs,.blog-quote-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-block-inserter,.blog-category-create,.blog-code-inputs,.blog-crop-controls,.blog-editor-grid,.blog-editor-metrics,.blog-editor-workspace,.blog-embed-inputs,.blog-file-inputs,.blog-image-inputs,.blog-link-inputs,.blog-quote-inputs{grid-template-columns:1fr}.blog-live-preview{position:static}.blog-reader{box-shadow:8px 8px 0 color-mix(in srgb,var(--color-primary) 16%,#0000)}}@media (max-width:520px){.blog-admin-page,.blog-page{width:min(100% - 1rem,1120px)}.blog-feed{grid-template-columns:1fr}.blog-block-editor-header{flex-direction:column}.blog-admin-list article{grid-template-columns:1fr}.blog-publish-button{margin-left:0}}.not-found-page{margin:0 auto;padding:3rem 0 4rem;width:min(960px,calc(100% - 2rem))}.not-found-card{grid-gap:1rem;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 18%,#0000),#0000 42%),var(--color-surface);border:1px solid var(--color-border);border-radius:24px;box-shadow:var(--shadow-soft);display:grid;gap:1rem;padding:clamp(1.5rem,4vw,3rem)}.not-found-code{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));border-radius:999px;color:var(--color-primary);font-size:.84rem;font-weight:800;letter-spacing:.08em;margin:0;padding:.35rem .7rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.not-found-card h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:0}.not-found-copy{color:var(--color-text-muted);line-height:1.8;margin:0;max-width:42rem}.not-found-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.not-found-link{align-items:center;background:var(--color-page);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);display:inline-flex;font-weight:800;justify-content:center;min-width:128px;padding:.85rem 1rem;text-decoration:none}.not-found-link.primary{background:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 55%,#fff);color:#fff}@media (max-width:520px){.not-found-page{padding-top:2rem;width:min(100% - 1rem,960px)}.not-found-actions{display:grid;grid-template-columns:1fr}}.site-loader-screen{background:radial-gradient(circle at 50% 20%,#6ee7ff29,#0000 30%),radial-gradient(circle at 80% 80%,#b08cff24,#0000 32%),#08090d;display:grid;inset:0;min-height:100vh;padding:1rem;place-items:center;position:fixed;z-index:9999}.ui-loader{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 28px 80px #0000008c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;position:relative;width:min(340px,100%)}.term-bar{align-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-bottom:1px solid #ffffff14;display:flex;gap:10px;padding:12px}.term-bar .dot{background:#ffffff29;border-radius:999px;box-shadow:inset 0 0 0 1px #00000040;height:10px;width:10px}.term-title{color:#ffffffb3;font:700 12px/1 ui-sans-serif,system-ui;letter-spacing:.2px;margin-left:auto}.term-body{color:#fffc;font-size:12px;line-height:1.55;padding:14px 14px 16px}.line{margin:6px 0}.line b{color:#ffffffeb}.muted{color:#fff9}.tag{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;display:inline-flex;font-size:11px;font-weight:800;height:18px;justify-content:center;margin-right:8px;width:18px}.tag.ok{box-shadow:0 0 22px #6ee7ff1f}.tag.run{box-shadow:0 0 22px #b08cff1f}.cursor{animation:blink 1s steps(2) infinite;background:linear-gradient(135deg,#6ee7fff2,#b08cffd9);border-radius:3px;display:inline-block;height:14px;margin-left:8px;opacity:.65;width:10px}.progress{background:#ffffff0f;border:1px solid #ffffff17;border-radius:999px;height:8px;margin-top:12px;overflow:hidden;position:relative}.fill{animation:flow 1.05s cubic-bezier(.2,.8,.2,1) infinite;background:linear-gradient(90deg,#6ee7ff00,#6ee7ff8c,#b08cff8c,#6ee7ff00);inset:0;transform:translateX(-70%)}.fill,.glint{position:absolute}.glint{animation:glint 1.05s cubic-bezier(.2,.8,.2,1) infinite;background:linear-gradient(110deg,#0000,#ffffff1f 22%,#ffffff47 28%,#0000 40%);inset:-30% -40%;mix-blend-mode:screen;transform:translateX(-55%)}@keyframes flow{0%{opacity:.55;transform:translateX(-75%)}50%{opacity:1}to{opacity:.55;transform:translateX(75%)}}@keyframes glint{0%{opacity:0;transform:translateX(-60%)}20%{opacity:1}to{opacity:0;transform:translateX(60%)}}@keyframes blink{0%{opacity:.2}50%{opacity:.85}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.cursor,.fill,.glint{animation:none}}
/*# sourceMappingURL=main.18ce4acf.css.map*/