:root{--bg:#fff;--fg:#111;--muted:#666;--link:#0a66c2;--card-bg:#fff;--card-br:12px;--card-bd:#e6e6e6;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Roboto,Helvetica Neue,ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}ul{padding-left:1.25rem}.card{border:1px solid #eee;border-radius:10px;padding:12px 16px}.muted{color:var(--muted)}img{max-width:100%;height:auto}.grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.snsicon{width:50px;height:auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#1976d2;color:#fff;display:flex;align-items:center;gap:12px;padding:8px 12px}.brand{color:#fff;font-weight:700;font-size:20px;text-decoration:none}.menu-btn{background:transparent;border:0;color:#fff;padding:6px;cursor:pointer}.menu-icon{display:inline-block;width:22px;height:2px;background:#fff;position:relative}.menu-icon:after,.menu-icon:before{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.top-nav{display:none;gap:12px;margin-left:8px}.top-nav a{color:#fff}.sns{margin-left:auto;display:flex;gap:8px}@media (min-width:920px){.top-nav{display:flex}.menu-btn{display:none}}.drawer{position:fixed;top:0;left:-280px;width:260px;height:100vh;background:#f7f9fc;box-shadow:2px 0 8px rgba(0,0,0,.15);padding:12px;transition:left .2s ease;z-index:60}.drawer.open{left:0}.drawer .close-btn{background:transparent;border:0;font-size:22px;float:right;cursor:pointer}.drawer-nav{margin-top:24px;display:flex;flex-direction:column;gap:8px}.drawer-nav a{padding:8px 6px;border-radius:6px;color:#111;text-decoration:none}.drawer-nav a:hover{background:#e6eef9}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:55}.site-main{max-width:960px;margin:24px auto;padding:0 16px}.site-footer{padding:24px 16px;border-top:1px solid #eee;color:#666}.site-footer .footer-banners{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.site-footer .copyright{text-align:center}.form-card{border:1px solid #e6e6e6;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);max-width:720px;width:100%;margin:12px 0}.form-card,.form-check,.form-grid,.form-input,.form-label,.form-textarea{box-sizing:border-box}.form-grid{display:grid;grid-gap:12px;gap:12px}.form-label{display:block;font-size:12px;color:#555;margin-bottom:6px}.form-input,.form-textarea{width:100%;max-width:100%;display:block;padding:10px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-family:inherit;font-size:14px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgba(25,118,210,.15)}.form-check{font-size:14px;color:#333}.form-actions,.form-check{display:flex;gap:8px;align-items:center}.form-help{font-size:12px;color:#666;margin:0}.form-alert{padding:8px 10px;border-radius:8px;font-size:14px}.form-alert.error{background:#fdecea;color:#b00020}.form-alert.success{background:#e8f5e9;color:#1b5e20}.toast{position:fixed;right:16px;bottom:16px;background:#fff;color:#111;border:1px solid #ddd;border-left:4px solid #1976d2;border-radius:10px;padding:10px 12px;box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:9999;animation:slideIn .2s ease-out;cursor:pointer}.toast.success{border-left-color:#2e7d32}.toast.error{border-left-color:#c62828}@keyframes slideIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{width:14px;height:14px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;display:inline-block;margin-right:6px;animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(1turn)}}.container{max-width:1080px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-6) 0}.grid-cards,.stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-cards.works-grid{grid-template-columns:repeat(4,minmax(200px,1fr))}@media (max-width:1280px){.grid-cards.works-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width:960px){.grid-cards.works-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:600px){.grid-cards.works-grid{grid-template-columns:repeat(1,minmax(200px,1fr))}}.card-ui{background:var(--card-bg);border:1px solid var(--card-bd);border-radius:var(--card-br);box-shadow:var(--shadow-sm)}.card-ui.no-frame{border:none;box-shadow:none;background:transparent}.card-ui .body{padding:var(--space-2)}.card-ui.works-card .body{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-3)}.card-ui.works-card .works-thumb{border-radius:12px;overflow:hidden;background:#f6f6f6}.card-ui.works-card .works-thumb a{display:block;border-radius:inherit;overflow:hidden}.card-ui.works-card .works-thumb img{width:100%;height:auto;display:block;border-radius:inherit}.card-ui.works-card .works-title{margin:0}.badge,.card-ui.works-card .works-meta{font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3949ab}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ccc;border-radius:8px;background:#fff;color:var(--fg);text-decoration:none;cursor:pointer}.btn.primary{background:#0a66c2;color:#fff;border-color:#0a66c2}.btn.ghost{background:transparent}.page-title{font-size:clamp(28px,4vw,36px);line-height:1.2;margin:0}.page-section{padding-top:var(--space-6);padding-bottom:var(--space-6)}.page-header{display:flex;align-items:center;min-height:56px;margin-bottom:var(--space-3)}.page-header .page-title{margin:0}