*,:after,:before{box-sizing:border-box;background-repeat:no-repeat}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:root{--background:#1a1d21;--foreground:#e1e2e3;--accent:#8b9aa7;--text-secondary:#8b9aa7;--border:#2d3339;--header-bg:rgba(26,29,33,0.95);--form-bg:rgba(255,255,255,0.02);--danger:#b85c5c}body,html{overflow-x:hidden}body{margin:0;padding:0;background:var(--background);color:var(--foreground);font-family:var(--font-noto-sans),"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo","メイリオ",sans-serif;min-height:100vh;line-height:1.8;letter-spacing:.03em}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);background:var(--background)}.loading-spinner{width:50px;height:50px;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin-bottom:2rem;animation:spin 1.2s linear infinite}.loading-text{font-size:1.1rem;color:var(--text-secondary);letter-spacing:.1em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{max-width:800px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}@media (max-width:768px){.container{padding:0 1rem}}@media (max-width:480px){.container{padding:0 .5rem}}.btn{padding:.75rem 1.5rem;font-size:.95rem;letter-spacing:.05em;border-radius:2px;background:var(--form-bg);color:var(--foreground);border:1px solid var(--border);cursor:pointer;transition:all .4s ease}.btn:hover{background:var(--accent);color:var(--background);border-color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{opacity:0;animation:fadeIn .8s ease-out forwards;animation-fill-mode:forwards}.animate-fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out forwards;animation-fill-mode:forwards}.animate-slide-in-left{opacity:0;transform:translateX(-50px);animation:slideInFromLeft 1.2s ease-out forwards;animation-fill-mode:forwards}.hero{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:linear-gradient(135deg,rgba(26,29,33,.95),rgba(45,51,57,.95))}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,154,167,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,154,167,.05) 0,transparent 50%);pointer-events:none}.hero .container{position:relative;z-index:1;max-width:900px}.hero h1{font-size:3.5rem;font-weight:300;color:var(--foreground);letter-spacing:.2em;line-height:1.4;margin-bottom:2rem;font-family:var(--font-noto-serif),"Yu Mincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero h1.animate-fade-in-up{opacity:0;transform:translateY(30px)}.hero p{font-size:1.3rem;color:var(--text-secondary);letter-spacing:.1em;line-height:1.8;margin-bottom:3rem;font-weight:300;opacity:.9}.hero p.animate-fade-in-up{opacity:0;transform:translateY(30px)}.hero .btn{font-size:1.1rem;padding:1rem 2.5rem;letter-spacing:.15em;background:rgba(139,154,167,.1);border:2px solid rgba(139,154,167,.3);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--foreground)}.hero .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hero .btn:hover:before{left:100%}.hero .btn:hover{background:rgba(139,154,167,.25);border-color:rgba(139,154,167,.6);transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.15);color:#ffffff}.hero .btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.2);background:rgba(139,154,167,.3)}.site-header{padding:0;border-bottom:1px solid var(--border);margin-bottom:3rem;background:var(--background);position:sticky;top:0;z-index:100;min-height:80px;display:flex;align-items:center}.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;height:100%}.site-title{font-size:1.4rem;font-weight:300;color:var(--foreground);letter-spacing:.15em;font-family:var(--font-noto-serif),"Yu Mincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",serif}.site-nav{display:flex;gap:3rem}.nav-link{font-size:.95rem;font-weight:400;color:var(--text-secondary);transition:all .4s ease;letter-spacing:.1em;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .4s ease}.nav-link:hover{color:var(--foreground)}.nav-link:hover:after{width:100%}.site-footer{background:var(--background);border-top:1px solid var(--border);margin-top:4rem;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column}.footer-title{font-size:1.3rem;font-weight:300;color:var(--foreground);letter-spacing:.15em;margin-bottom:1rem;font-family:var(--font-noto-serif),"Yu Mincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",serif}.footer-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;letter-spacing:.05em;margin:0}.footer-heading{font-size:1rem;font-weight:400;color:var(--foreground);letter-spacing:.1em;margin-bottom:1rem;font-family:var(--font-noto-sans),"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo","メイリオ",sans-serif}.footer-nav{display:flex;flex-direction:column;gap:.5rem}.footer-link{color:var(--text-secondary);font-size:.9rem;letter-spacing:.05em;transition:color .3s ease;text-decoration:none}.footer-link:hover{color:var(--foreground)}.footer-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;letter-spacing:.05em;margin:0}.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;text-align:center}.copyright{color:var(--text-secondary);font-size:.8rem;letter-spacing:.05em;margin:0}@media (max-width:768px){.site-header{padding:1.5rem 0;min-height:70px}.site-header .container{flex-direction:column;gap:1rem;text-align:center}.site-title{font-size:1.2rem;letter-spacing:.1em}.site-nav{gap:2rem}.nav-link{font-size:.9rem}.container{padding:0 1rem}.blog-list,.container,.main-content{width:calc(100% - 2rem)}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero h1{font-size:3rem;letter-spacing:.18em}.hero p{font-size:1.2rem}.hero .btn{font-size:1.05rem;padding:.9rem 2.2rem}}@media (max-width:480px){.site-header{padding:1rem 0;min-height:60px}.site-title{font-size:1.1rem;letter-spacing:.1em}.site-nav{gap:1.5rem}.nav-link{font-size:.85rem}.container{padding:0 .5rem}.blog-list,.container,.main-content{width:calc(100% - 1rem)}.hero h1{font-size:2.5rem;letter-spacing:.15em}.hero p{font-size:1.1rem}.hero .btn{font-size:1rem;padding:.8rem 2rem}.site-footer{margin-top:2rem;padding:2rem 0 1rem}.footer-content{gap:1.5rem}}.main-content{padding:3rem 0;width:100%;box-sizing:border-box}.blog-post,.main-content{max-width:800px;margin:0 auto}.blog-post{padding:3rem;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:2px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-post h1{font-size:2.2rem;margin-bottom:1.5rem;line-height:1.6;font-weight:300;letter-spacing:.15em;font-family:var(--font-noto-serif),"Yu Mincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",serif}.blog-post-meta{color:var(--text-secondary);margin-bottom:3rem;font-size:.9rem;display:block;letter-spacing:.1em}.blog-post-content{font-size:1rem;line-height:2;letter-spacing:.05em}.blog-post-content img{max-width:100%;height:auto;border-radius:2px;margin:3rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.image-container{margin:3rem 0;text-align:center}.image-container img{max-width:100%;height:auto;border-radius:2px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-list{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2rem 0}.blog-card,.blog-list{width:100%;max-width:800px;margin:0 auto;box-sizing:border-box}.blog-card{padding:2rem;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:2px;transition:all .4s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow-wrap:break-word;word-wrap:break-word}.blog-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 8px rgba(0,0,0,.1)}.blog-card h2{margin:0 0 1.5rem;font-size:1.4rem;font-weight:300;letter-spacing:.12em;line-height:1.6;font-family:var(--font-noto-serif),"Yu Mincho","Hiragino Mincho ProN","ヒラギノ明朝 ProN",serif}.blog-card-meta{margin-bottom:1.5rem;letter-spacing:.1em}.blog-card p,.blog-card-meta{color:var(--text-secondary);font-size:.9rem}.blog-card p{margin:0;line-height:1.6}.blog-card.fixed-page{border:2px solid var(--accent);background:rgba(139,154,167,.05)}.fixed-badge{background:var(--accent);color:var(--background);font-size:.7rem;padding:.2rem .5rem;border-radius:2px;margin-left:.5rem;font-weight:400}@media (max-width:768px){.blog-card{padding:1.5rem;margin:0 1rem}.blog-list{padding:1rem 0}}@media (max-width:480px){.blog-card{padding:1rem;margin:0 .5rem}.blog-card h2{font-size:1.2rem}}.auth-container{max-width:500px;margin:2rem auto;padding:2rem;background:var(--form-bg);border:1px solid var(--border);border-radius:4px}.auth-form{margin-top:1.5rem}.auth-info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.auth-info a{color:var(--accent);text-decoration:underline}.auth-required{max-width:500px;margin:2rem auto;padding:2rem;background:var(--form-bg);border:1px solid var(--border);border-radius:4px;text-align:center}.auth-actions{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.success-message{color:#4caf50;font-size:1.1rem;margin:1rem 0;padding:1rem;border:1px solid #4caf50;border-radius:4px;background:rgba(76,175,80,.1)}.back-link{margin-bottom:3rem}.error-message{color:var(--danger);font-size:1.1rem;margin:1rem 0;padding:1rem;border:1px solid var(--danger);border-radius:4px;background:rgba(184,92,92,.1)}.error-details{margin-top:2rem;padding:1.5rem;background:var(--form-bg);border:1px solid var(--border);border-radius:4px}.error-details p{margin:.5rem 0;font-weight:500}.error-details ul{margin:.5rem 0 1.5rem 1.5rem;padding:0}.error-details li{margin:.25rem 0;color:var(--text-secondary)}.debug-section{background:var(--form-bg);border:1px solid var(--border)}.debug-section,.test-result{margin:2rem 0;padding:1.5rem;border-radius:4px}.test-result{border:1px solid}.test-result.success{background:rgba(76,175,80,.1);border-color:#4caf50}.test-result.error{background:rgba(184,92,92,.1);border-color:var(--danger)}.result-details p{margin:.5rem 0}.suggestions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.suggestions h4{margin-bottom:1rem;color:var(--foreground)}.suggestions ul{margin:0;padding-left:1.5rem}.suggestions li{margin:.5rem 0;color:var(--text-secondary)}.response-data{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.response-data h4{margin-bottom:1rem;color:var(--foreground)}.response-data pre{background:var(--form-bg);padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem;color:var(--text-secondary)}.debug-info{margin-top:3rem;padding:2rem;background:var(--form-bg);border:1px solid var(--border);border-radius:4px}.troubleshooting-steps h4{margin:1.5rem 0 .5rem;color:var(--accent)}.troubleshooting-steps p{margin:.5rem 0 1rem;color:var(--text-secondary)}.dns-records{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.dns-records h4{margin-bottom:1rem;color:var(--foreground)}.records-table{overflow-x:auto}.records-table table{width:100%;border-collapse:collapse;font-size:.9rem}.records-table td,.records-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.records-table th{background:var(--form-bg);font-weight:500;color:var(--accent)}.records-table td{color:var(--text-secondary)}.records-table tr:hover{background:var(--form-bg)}.post-form{gap:2rem;margin-top:2rem}.form-group,.post-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.95rem;color:var(--text-secondary);letter-spacing:.1em}.form-input{width:100%;padding:1rem;background:var(--form-bg);border:1px solid var(--border);border-radius:2px;color:var(--foreground);font-family:inherit;font-size:1rem;line-height:1.8;letter-spacing:.05em;transition:all .4s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(139,154,167,.1)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-primary{background:var(--accent);color:var(--background);border:none}.btn-primary:hover{background:var(--foreground)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.file-upload{margin-top:.5rem}.file-actions{display:flex;gap:1rem;align-items:center;margin-top:1rem}.text-action{font-size:.9rem;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;transition:color .4s ease}.text-action:hover{color:var(--foreground)}.text-danger{color:var(--danger)}.text-danger:hover{color:#cf6f6f}.separator{color:var(--border)}.text-hint{font-size:.9rem;color:var(--text-secondary)}.image-preview{padding:2rem;background:var(--form-bg);border:1px solid var(--border);border-radius:2px}.image-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.image-preview-header h3{font-size:1rem;font-weight:400;letter-spacing:.1em;color:var(--foreground)}.image-actions{display:flex;gap:1rem;align-items:center}.image-info{margin-bottom:1.5rem}.image-info p{font-size:.9rem;color:var(--text-secondary);margin:.5rem 0}.image-container{display:flex;justify-content:center}.preview-image{max-width:100%;height:auto;max-height:300px;border-radius:2px;box-shadow:0 4px 6px rgba(0,0,0,.1)}