:root{--ink:#27231f;--muted:#71685e;--paper:#f6f3ed;--panel:#fffdfa;--line:#ddd4c7;--accent:#7b3f25;--accent2:#efe1d6;--danger:#a22d2d;--shadow:0 12px 36px #3a2a1a16;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f7f3ec,#eee7dc)}button,input,select{font:inherit}.app-header{height:64px;padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;gap:24px;background:#2c2925;color:white;box-shadow:0 2px 14px #0002}.brand{color:white;text-decoration:none;font-weight:700;letter-spacing:.04em}.header-context{flex:1;color:#d9d1c7}.header-user{display:flex;align-items:center;gap:12px}main{max-width:1280px;margin:auto;padding:clamp(20px,4vw,48px)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:clamp(20px,4vw,36px)}.login-wrap{min-height:calc(100vh - 96px);display:grid;place-items:center}.login-card{width:min(430px,100%)}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;margin-top:0}h1{font-size:1.65rem}h2{font-size:1.3rem}.subtitle,.muted{color:var(--muted)}.field{display:grid;gap:7px;margin:18px 0}.field label{font-weight:600;font-size:.9rem}.input{width:100%;border:1px solid #bfb4a7;border-radius:8px;background:white;color:var(--ink);padding:11px 12px}.input:focus{outline:3px solid #a85d3630;border-color:var(--accent)}.button{border:0;border-radius:8px;background:var(--accent);color:white;padding:10px 16px;cursor:pointer;font-weight:600}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.55;cursor:not-allowed}.button.ghost{background:transparent;border:1px solid #ffffff66;padding:7px 11px}.button.secondary{background:#665e54}.error{color:var(--danger);min-height:1.4em}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.toolbar .search{min-width:min(360px,100%);flex:1}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.theme-card{display:grid;gap:10px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.theme-card:hover{transform:translateY(-2px);border-color:#b8957e}.badge{display:inline-block;width:max-content;border-radius:999px;background:var(--accent2);color:#68371f;padding:4px 9px;font-size:.78rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-item{background:var(--panel);padding:14px}.detail-item dt{font-size:.78rem;color:var(--muted);margin-bottom:5px}.detail-item dd{margin:0;white-space:pre-wrap}.detail-body{margin-top:20px;white-space:pre-wrap;line-height:1.8}.history{margin-top:24px}.history li{margin:6px 0;color:var(--muted)}.loading{text-align:center;color:var(--muted);padding:48px}#toast{position:fixed;right:20px;bottom:20px;background:#26221e;color:white;padding:12px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.tabulator{border-color:var(--line);border-radius:9px;background:white}.tabulator .tabulator-header{background:#eee7dc}.tabulator-row{cursor:pointer}.empty{text-align:center;padding:40px;color:var(--muted)}@media(max-width:680px){.app-header{height:auto;min-height:60px;flex-wrap:wrap;padding:12px 16px;gap:8px}.header-context{order:3;flex-basis:100%}main{padding:18px}.page-head{display:block}.header-user span{display:none}}