:root{--green:#d79a12;--green-dark:#87580a;--ink:#352a18;--muted:#766b57;--cream:#f6f3ec;--line:#e7ddca;--yellow:#f6c84a;--white:#fff;--red:#d94745;--blue:#6f5527;--orange:#d85228}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}html,body{background:var(--cream);color:var(--ink);margin:0;padding:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1080px,100% - 32px);margin:auto}.header{z-index:10;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;box-shadow:0 4px 18px #5e42110d}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{color:var(--green-dark);font-size:23px;font-weight:900}.logo span{color:#3d2f19}.hero{background:linear-gradient(135deg,#fff0ad,#fffaf0);padding:70px 0}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.eyebrow{color:var(--green-dark);font-weight:800}.hero h1{margin:12px 0 20px;font-size:clamp(36px,6vw,64px);line-height:1.1}.hero p{color:var(--muted);font-size:18px;line-height:1.8}.hero-trust{color:var(--green-dark);flex-wrap:wrap;gap:18px;margin-top:24px;font-size:13px;font-weight:700;display:flex}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{cursor:pointer;text-align:center;border:0;border-radius:10px;padding:13px 21px;font-weight:800;display:inline-block}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{border:1px solid var(--line);background:#fff}.point-visual{background:#fff;border-radius:24px;padding:30px;box-shadow:0 20px 50px #72501426}.point-visual strong{color:var(--green);font-size:52px;display:block}.quick-search{margin-top:-28px;position:relative}.top-search{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;gap:10px;max-width:760px;margin:auto;padding:12px;display:grid;box-shadow:0 14px 35px #67480f18}.top-search input{border:0;outline:0;min-width:0;padding:0 12px;font-size:16px}.section{padding:52px 0}.section-title{margin:4px 0 8px;font-size:30px}.section-kicker{color:var(--green-dark);letter-spacing:.16em;font-size:12px;font-weight:900}.section-description{color:var(--muted);margin:0;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;position:relative;box-shadow:0 5px 16px #5c41100b}.tag{color:var(--green-dark);background:#fff2ba;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.card h3{min-height:46px;font-size:19px}.points{color:var(--orange);font-size:27px;font-weight:900}.ranking-badge{background:var(--yellow);color:#674d00;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;position:absolute;top:-10px;right:14px;box-shadow:0 4px 10px #9a710026}.limited-tag{color:#a84a15;background:#fff0df;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-block}.deadline{color:#a84a15;margin:-10px 0 15px;font-size:12px;font-weight:800}.muted{color:var(--muted)}.form-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:520px;margin:50px auto;padding:32px;box-shadow:0 10px 30px #5d431016}.form-wrap h1{margin-top:0}.field{gap:8px;margin:18px 0;display:grid}.field label{font-weight:800}.field input{border:1px solid #cfc1a5;border-radius:10px;padding:13px}.full{width:100%}.error{color:#a33;background:#fff0f0;border-radius:10px;padding:12px}.detail{max-width:760px;margin:40px auto;padding:0 16px}.detail h1{font-size:34px}.detail-box{border:1px solid var(--line);background:#fff;border-radius:14px;margin:16px 0;padding:20px}.stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.stat strong{color:var(--green-dark);margin:8px 0;font-size:30px;display:block}.stat small{color:var(--muted)}.history{gap:12px;display:grid}.history-item{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;gap:12px;padding:18px;display:flex}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:50px;padding:30px}.header-user{color:var(--green-dark);cursor:pointer;background:#e6f8ef;border:0;border-radius:999px;padding:10px 14px;font-weight:800}.header-points{color:#8a6800;background:#fff8dc;border-radius:999px;padding:9px 13px;font-weight:900}.card-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.sample-tag{color:#687b74;background:#f2f3f3;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-block}.search-box{grid-template-columns:1fr auto;gap:10px;margin:26px 0 18px;display:grid}.search-box input{background:#fff;border:1px solid #bdcec5;border-radius:12px;min-width:0;padding:14px 16px;font-size:16px}.category-list{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.category{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700}.category.active{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.result-head{justify-content:space-between;align-items:center;margin:0 0 16px;display:flex}.clear-button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;text-decoration:underline}.sample-note{color:var(--muted);margin-top:24px;font-size:13px;line-height:1.7}.profile-menu{position:relative}.profile-menu summary{list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-dropdown{border:1px solid var(--line);background:#fff;border-radius:14px;width:190px;padding:8px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 16px 35px #18332b25}.profile-dropdown a,.profile-dropdown button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 12px;font-weight:700;display:block}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#edf8f2}.profile-dropdown button{color:#a33}.dev-code{background:#fff8dc;border:1px solid #f1d981;border-radius:10px;padding:13px}.category-section{background:#fff}.home-categories{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.home-categories a{border:1px solid var(--line);background:var(--cream);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:112px;transition:all .15s;display:flex}.home-categories a:hover{border-color:var(--green);transform:translateY(-2px)}.home-categories span{font-size:30px}.section-heading{justify-content:space-between;align-items:center;display:flex}.detail-lead{font-size:17px;line-height:1.8}.detail-box h2{margin-top:0;font-size:21px}.detail-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:20px 0 0;display:grid}.detail-meta div{padding-top:16px}.detail-meta dt{color:var(--muted);font-size:13px}.detail-meta dd{margin:6px 0;font-weight:900}.caution-box{background:#fffdf4;border-color:#eadb9d}.caution-box p{white-space:pre-line;line-height:1.9}.faq-list details{border-top:1px solid var(--line);padding:15px 0}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);line-height:1.7}.review-title{justify-content:space-between;align-items:center;display:flex}.reviews{gap:12px;display:grid}.review{border-top:1px solid var(--line);padding-top:15px}.review p{line-height:1.7}.review small{color:var(--muted)}.stars{color:#e2a900;margin:0 8px}.sticky-action{border:1px solid var(--line);background:#fffe;border-radius:16px;padding:12px;position:sticky;bottom:12px;box-shadow:0 10px 30px #18332b25}@media (max-width:760px){.home-categories{grid-template-columns:repeat(2,1fr)}.profile-dropdown{position:fixed;top:62px;right:16px}.header-points{font-size:12px}.header-user{font-size:0}.header-user:after{content:"メニュー ▾";font-size:12px}.detail-meta{grid-template-columns:1fr}}.field-error{color:#bd3434;font-weight:700;line-height:1.45}.field input.invalid{background:#fff8f8;border-color:#c94747}.required{color:#9b6900;background:#fff0c9;border-radius:999px;padding:3px 6px;font-size:11px}.identity-form{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}.checkline{align-items:flex-start;gap:8px;margin:12px 0 18px;font-size:13px;line-height:1.6;display:flex}.checkline input{margin-top:3px}.plain-fieldset{border:0;min-width:0;margin:0;padding:0}.plain-fieldset:disabled{opacity:.78}.success{color:#087249;background:#e9f8ef;border-radius:10px;padding:12px}.admin-filter{background:#fff;border:1px solid #bdcec5;border-radius:10px;width:min(580px,100%);margin:14px 0;padding:12px 14px;display:block}.admin-resource-tabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.admin-resource-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:9px 13px;font-weight:800}.admin-resource-tabs button.active{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.admin-data-table{max-height:62vh;overflow:auto}.admin-data-table table{min-width:1100px}.admin-data-table th{z-index:1;background:#fff8e5;position:sticky;top:0}.admin-data-table td{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.empty-state{text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:28px}.qa-lab{gap:18px;display:grid}.qa-lab h2{margin:0}.qa-lab-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.qa-lab-status{white-space:nowrap;color:#766b57;background:#f3eee3;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.qa-lab-status.is-ready{color:#087249;background:#e9f8ef}.qa-lab-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.qa-lab-summary div{border:1px solid var(--line);background:#fffdf8;border-radius:10px;padding:12px}.qa-lab-summary dt{color:var(--muted);font-size:12px}.qa-lab-summary dd{color:var(--green-dark);margin:5px 0 0;font-size:24px;font-weight:900}.qa-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.qa-lab-actions button,.qa-lab-workflow button{color:#654208;cursor:pointer;background:#fff8dc;border:1px solid #bf8b22;border-radius:9px;padding:10px 12px;font-weight:800}.qa-lab-actions button:hover,.qa-lab-workflow button:hover{background:#f6c84a}.qa-lab-actions button:disabled,.qa-lab-workflow button:disabled{cursor:not-allowed;opacity:.55}.qa-lab-workflow{border-top:1px solid var(--line);grid-template-columns:1fr minmax(180px,2fr) auto;align-items:center;gap:10px;padding-top:18px;display:grid}.qa-lab-workflow label{font-weight:800}.qa-lab-workflow select{background:#fff;border:1px solid #bdcec5;border-radius:9px;min-width:0;padding:10px}.qa-lab-categories{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.qa-lab-categories li{border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:space-between;gap:8px;padding:9px 11px;display:flex}.qa-lab-categories strong{color:var(--green-dark)}.qa-lab-note{color:#654208;background:#fff8dc;border-left:3px solid #d79a12;margin:0;padding:8px 11px;font-size:13px;line-height:1.6}.qa-lab-message{color:#087249;background:#edf8f2;border-radius:8px;margin:0;padding:10px 12px;font-weight:700}.qa-lab-run-section{gap:10px;display:grid}.qa-workflow-detail{background:#fffdf8;border:1px solid #e4d5b7;border-radius:12px;padding:16px}.qa-workflow-detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.qa-workflow-detail h3{margin:6px 0 0;font-size:17px}.qa-workflow-detail h4{margin:0 0 7px;font-size:14px}.qa-workflow-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qa-workflow-detail-grid>div{border-top:1px solid var(--line);padding-top:10px}.qa-workflow-detail ul{color:var(--muted);margin:0;padding-left:20px;font-size:13px;line-height:1.65}.qa-workflow-result{white-space:nowrap;color:#766b57;background:#f3eee3;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.qa-workflow-result.is-passed{color:#087249;background:#e9f8ef}.qa-workflow-result.is-failed{color:#a33;background:#fff0f0}.qa-workflow-result.is-known_failure{color:#8a6800;background:#fff8dc}@media (max-width:760px){.qa-lab-summary,.qa-lab-categories{grid-template-columns:repeat(2,1fr)}.qa-lab-workflow,.qa-workflow-detail-grid{grid-template-columns:1fr}.qa-lab-heading,.qa-workflow-detail-heading{display:grid}.qa-lab-status{width:max-content}}
