:root{--c-primary:#005353;--c-primary-dark:#003b3b;--c-primary-mid:#005353;--c-primary-light:#f4f1de;--c-primary-muted:#00535314;--c-bg-info:#dfffe4;--c-nav-bg:#c3f0ed;--c-tag-topic:#16005314;--c-tag-topic-text:#4b3f8f;--c-alert:#e76f51;--c-success:#005353;--c-warning:#e9a23b;--c-bg:#fff;--c-bg-alt:#f9fdfb;--c-border:#e4e9f0;--c-border-table:#0053531a;--c-bg-section-even:#f9fdfb;--c-bg-section-odd:#fff;--c-text:#1a2340;--c-text-body:#374151;--c-text-muted:#6b7280;--c-header-bg:#022;--c-header-text:#ffffffc7;--c-footer-bg:#022;--c-footer-text:#ffffffc7;--font:var(--font-noto-sans-jp), "Noto Sans JP", sans-serif;--container:1080px;--radius:6px;--radius-lg:8px;--shadow-sm:0 1px 4px #00000012;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 40px #0000001a;--ease:.2s ease;--header-h:60px;--footer-h:10rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--c-text-body);background:var(--c-bg-alt);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{color:var(--c-text);margin:0}p{margin:0}ul{margin:0;padding:0;list-style:none}.icon{fill:currentColor;flex-shrink:0;width:1em;height:1em}.icon.inline{scale:1.2}.icon.gallery{width:2rem;height:2rem}.icon.green{color:green}.page{padding-top:var(--header-h)}[id]{scroll-margin-top:calc(var(--header-h) + 16px)}.site-header{height:var(--header-h);background:var(--c-header-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--c-primary-dark);align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius);background:var(--c-primary-dark);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.brand-text{min-width:0;color:var(--c-header-text);overflow:hidden}.hero{min-height:calc(70vh - var(--header-h));text-align:center;color:#fff;background:url(/assets/hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px 100px;display:flex;position:relative;overflow:hidden}.hero-eyebrow,.hero-title,.hero-sub,.hero-scroll{z-index:1;position:relative}.hero-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-background:after{content:"";filter:blur(18px);background:linear-gradient(90deg,#0000 0%,#ffffff0d 45%,#ffffff2e 50%,#ffffff0d 55%,#0000 100%);width:12%;height:180%;animation:10s ease-in-out infinite hero-shine;position:absolute;top:-40%;left:-20%;transform:rotate(20deg)translate(-300%)}@keyframes hero-shine{0%,88%{opacity:0;transform:rotate(20deg)translate(-300%)}90%{opacity:1}95%{opacity:1}to{opacity:0;transform:rotate(20deg)translate(850%)}}@media (prefers-reduced-motion:reduce){.hero-orbit{animation:none}}.hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;margin-bottom:18px;font-size:12.5px;animation:.8s ease-out .1s both hero-text-reveal}.hero-title{color:var(--c-primary-light);max-width:820px;font-size:clamp(28px,5.5vw,52px);font-weight:700;line-height:1.4;animation:.9s ease-out .35s both hero-title-drop}.hero-sub{color:#ffffffd1;max-width:540px;margin-top:18px;font-size:14.5px;line-height:1.9;animation:.8s ease-out .7s both hero-text-reveal}.hero-scroll{letter-spacing:.1em;color:#ffffffbf;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;animation:.8s ease-out 1.05s both hero-text-reveal,1.8s ease-in-out 1.85s infinite bounce;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes hero-text-reveal{0%{opacity:0}to{opacity:1}}@keyframes hero-title-drop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-eyebrow,.hero-title,.hero-sub,.hero-scroll{animation:none}}.hero-scroll .icon{font-size:18px}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}section#notice{gap:4rem;padding:2rem 2rem 4rem}.notice-row{border-bottom:1px solid #ffffff1f;gap:18px;display:flex}.notice-row:last-child{border-bottom:none}.notice-date{flex-shrink:0;width:96px}.notice-desc{flex:1}.portal-intro{text-align:center;padding:44px 24px 8px}.portal-intro-label{letter-spacing:.18em;color:var(--c-text-muted);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;display:inline-flex}.portal-intro-label:before,.portal-intro-label:after{content:"";background:var(--c-border);width:32px;height:1px}.portal-body{background:#fff;grid-template-columns:230px minmax(0,1fr);align-items:start;max-width:1200px;margin:0 auto;display:grid}.portal-content>section{gap:4rem;padding:2rem 2rem 4rem}.portal-content>section:nth-child(odd){background:var(--c-bg-section-odd)}.portal-content>section:nth-child(2n){background:var(--c-bg-section-even)}.portal-nav{top:calc(var(--header-h));background:var(--c-bg);color:var(--c-primary);flex-direction:column;gap:2px;max-height:100vh;padding:.5rem;display:flex;position:sticky}.nav-link{border-radius:var(--radius);transition:background var(--ease), color var(--ease);align-items:center;gap:12px;padding:.5rem;font-size:13.5px;display:flex}.nav-link .icon{transition:scale var(--ease);font-size:17px}.nav-link:hover{background:#ffffff14;scale:1.01}.nav-link:hover .icon{scale:1.01}.nav-link.active{background:var(--c-primary-mid);color:#fff;font-weight:500}.nav-link.active .icon{color:#fff}.portal-content{flex-direction:column;min-width:0;display:flex}.section-header{flex-direction:column;justify-content:center;align-items:center;margin-bottom:18px;padding:2rem 0;display:flex}.section-header h2{color:var(--c-primary-dark);font-size:26px;font-weight:500}.section-subtitle{color:var(--c-text-muted);margin-top:4px;font-size:12.5px}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);letter-spacing:.22em;margin-bottom:10px;font-size:12px;font-weight:500;display:inline-block}.card{background:var(--c-bg);border-radius:var(--radius-lg);padding:22px 24px}.tech-card{box-sizing:content-box;border:solid 1px var(--c-border-table);border-radius:none;flex-direction:column;justify-content:space-between;gap:.5rem;margin:-1px 0 0 -1px;padding:1rem;display:flex}.intro-card{flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:16px;padding:26px;display:flex}.avatar.lg{border-radius:50%;width:76px;height:76px}.intro-text{flex:1;min-width:240px}.profile-name{color:var(--c-text);font-size:16px;font-weight:700;display:inline}.profile-role{color:var(--c-text-muted);margin-left:8px;font-size:12.5px}.profile-bio{color:var(--c-text-body);font-size:13.5px;line-height:1.9}.mock-note{color:var(--c-text-muted);margin-bottom:14px;font-size:11.5px}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-card{box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:20px;display:flex}.grid-card-icon{width:36px;height:36px;color:var(--c-primary);border-radius:10px;font-size:1.5rem}.grid-card-title{color:var(--c-text);font-size:14px;font-weight:700}.grid-card-desc{color:var(--c-text-body);flex:1;font-size:12.5px;line-height:1.8}.grid-card-tags{flex-wrap:wrap;gap:6px;display:flex}.grid-card-tag{background:var(--c-bg-alt);color:var(--c-text-muted);border:1px solid var(--c-border);border-radius:999px;padding:3px 9px;font-size:11px}a.grid-card{transition:box-shadow var(--ease), transform var(--ease)}a.grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.problem-box{background:var(--c-bg-info);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.problem-box h3{margin-bottom:1rem;font-size:1.35rem}.problem-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem 2rem;margin:0;padding:0;list-style:none;display:grid}.problem-list li{align-items:flex-start;gap:.5rem;display:flex}.problem-list svg{flex-shrink:0;margin-top:.3em;scale:1.2}.problem-message{border-top:1px solid var(--c-border);margin-top:1.8rem;padding-top:1.5rem;font-weight:600}.about-card{margin-bottom:20px;padding:26px}.about-card p{color:var(--c-text-body);font-size:13.5px;line-height:1.9}.about-card p+p{margin-top:10px}.about-card .btn-primary{margin-top:18px}.subsection-title{color:var(--c-text);margin-bottom:12px;font-size:13px;font-weight:700}.workflow-content h3{color:var(--c-primary-dark);font-size:1rem;font-weight:700}.workflow-content p{color:var(--c-text-body);margin:0;font-size:14px;line-height:1.8}.workflow{margin:0;padding:0;list-style:none}.workflow-item{gap:18px;padding:20px;display:flex;position:relative}.workflow-item:not(:first-child):before{content:"";background:var(--c-border);width:2px;height:28px;position:absolute;top:-8px;left:43px}.workflow-item:not(:last-child):after{content:"";background:var(--c-border);width:2px;height:28px;position:absolute;top:68px;left:43px}.workflow-icon{background:var(--c-nav-bg);width:48px;height:48px;color:var(--c-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.doc-list .doc-row{border-bottom:1px solid var(--c-border);align-items:center;gap:14px;padding:15px 22px;display:flex}.doc-list .doc-row:last-child{border-bottom:none}.doc-icon{background:var(--c-primary-muted);width:34px;height:34px;color:var(--c-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.doc-info{flex:1;min-width:0}.doc-code{color:var(--c-text-muted);font-size:11px}.doc-name{color:var(--c-text);font-size:13.5px;font-weight:500}.doc-download{color:var(--c-primary);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:12px;font-weight:500;display:flex}.doc-download:disabled{color:var(--c-text-muted);cursor:progress}.doc-download-disabled{color:var(--c-text-muted);opacity:.6}.doc-download .icon{font-size:14px}.doc-download:hover{text-decoration:underline}.tech-desc{color:var(--c-text-body);margin-bottom:16px;font-size:13px;line-height:1.9}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{background:var(--c-tag-topic);color:var(--c-tag-topic-text);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:500}.note-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.note-card{transition:box-shadow var(--ease), transform var(--ease);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}a.note-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-thumb{aspect-ratio:16/9;border-radius:8px;width:100%;height:100px;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.note-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.note-date{color:var(--c-text-muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.note-date .icon{font-size:12.5px}.note-title{color:var(--c-text);flex:1;font-size:13.5px;font-weight:700;line-height:1.5}p.hint{color:var(--c-text-muted);font-size:12px}.btn-primary{border-radius:var(--radius);background:var(--c-primary);color:#fff;white-space:nowrap;transition:background var(--ease);align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--c-primary-dark)}.changelog{background:var(--c-footer-bg);color:var(--c-footer-text);padding:50px 32px 40px}.changelog-inner{max-width:1200px;margin:0 auto}.changelog-inner h2{color:#fff;margin-bottom:18px;font-size:17px;font-weight:700}.changelog-row{border-bottom:1px solid #ffffff1f;gap:18px;padding:12px 0;font-size:12.5px;display:flex}.changelog-row:last-child{border-bottom:none}.changelog-date{color:#ffffff8c;flex-shrink:0;width:96px}.changelog-desc{flex:1}footer{background-color:var(--c-footer-bg);color:var(--c-footer-text)}.site-footer{flex-direction:column;justify-content:space-between;align-items:start;gap:1rem;padding:2rem;display:flex}.flex-row-start{flex-direction:row;justify-content:start;align-items:center;display:flex}.flex-col-start{flex-direction:column;justify-content:space-between;align-items:start;display:flex}.icon-logo{height:1.5rem}a.contact,p.contact{align-items:center;gap:.3em;display:inline-flex}.contact-body{justify-content:center;align-items:center;display:flex}.footer-copy{font-size:.8rem}.simple-page{max-width:760px;margin:0 auto;padding:40px 32px 90px}.back-link{color:var(--c-text-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:13px;display:inline-flex}.back-link:hover,.icon-card{color:var(--c-primary)}.md-pdf-render{color:#1a1a1a;width:700px;font-family:var(--font);background:#fff;padding:24px;font-size:13px;line-height:1.8}.md-pdf-render h1{margin:0 0 16px;font-size:20px}.md-pdf-render h2{margin:24px 0 10px;font-size:16px}.md-pdf-render h3{margin:18px 0 8px;font-size:14px}.md-pdf-render p,.md-pdf-render ul,.md-pdf-render ol{margin:0 0 10px}.md-pdf-render table{border-collapse:collapse;width:100%;margin:0 0 14px}.md-pdf-render th,.md-pdf-render td{text-align:left;border:1px solid #ccc;padding:6px 8px;font-size:12px}.md-pdf-render pre{white-space:pre-wrap;background:#f4f4f4;padding:10px;font-size:11px;overflow-x:auto}@media (max-width:1080px){.card-grid,.note-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.portal-body{grid-template-columns:1fr}.portal-nav{top:var(--header-h);z-index:100;border-radius:0;flex-direction:row;padding:10px 16px;position:sticky;overflow-x:auto}.nav-link{white-space:nowrap;flex-shrink:0}.tech-card{grid-template-columns:1fr;gap:.5rem;display:grid}}@media (max-width:640px){.card-grid,.note-grid{grid-template-columns:1fr}.card{padding:18px 16px}.intro-card{text-align:center;flex-direction:column}.profile-role{margin-top:3px;margin-left:0;display:block}.changelog-row{flex-wrap:wrap}}