:root{--ink:#171717;--muted:#717171;--line:#ddd;--wash:#f5f5f1}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif}button,input,select,textarea{font:inherit}header{height:64px;border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,60px);display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.16em}header button{margin-left:auto;background:#fff;border:1px solid var(--line);padding:9px}main{width:min(1500px,100%);margin:auto;padding:clamp(28px,5vw,68px)}h1,h2,h3{font-family:"Yu Mincho",serif;font-weight:400}h1{font-size:clamp(34px,5vw,60px);line-height:1.3}#login{max-width:620px;margin:8vh auto}#login-form{display:grid;grid-template-columns:1fr auto;gap:8px}input,select,textarea{border:1px solid var(--line);padding:12px;background:#fff}button{background:#171717;color:#fff;border:1px solid #171717;padding:12px 17px;cursor:pointer}#login-error{color:#91362e}.top{display:flex;justify-content:space-between;align-items:end}.top p{font-size:10px;letter-spacing:.17em;color:#888}.top a{color:#222}#metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:28px 0}.metric{padding:18px;border-left:1px solid var(--line)}.metric:first-child{border:0}.metric b{font:28px ui-monospace,monospace;display:block}.metric span{font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px}aside{border-right:1px solid var(--line);padding-right:20px}.person{display:block;width:100%;background:#fff;color:#222;text-align:left;border:0;border-top:1px solid var(--line);padding:15px 7px}.person.selected{border-left:3px solid #222;padding-left:14px}.person small{display:block;color:var(--muted);margin-top:5px}.person-head{display:flex;justify-content:space-between;align-items:start;gap:22px}.person-head h2{font-size:36px;margin:5px 0}.person-head select{min-width:190px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:20px 0}.summary div{background:#fff;padding:15px}.summary b{display:block;font-size:23px}.summary span{font-size:11px;color:var(--muted)}.section{border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.answer{border-top:1px solid var(--line);padding:17px 0}.answer summary{cursor:pointer;line-height:1.6}.answer .a{white-space:pre-wrap;line-height:1.8;color:#444}.chips span{display:inline-block;background:var(--wash);padding:5px 8px;margin:0 5px 5px 0;font-size:10px}.film textarea{width:100%;min-height:500px;line-height:1.7}.film-tools{display:flex;gap:8px;margin:10px 0}.film-tools .secondary{background:#fff;color:#222;border-color:var(--line)}.empty{background:var(--wash);padding:28px;color:var(--muted)}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{border:0}.top{display:block}#metrics{grid-template-columns:repeat(2,1fr)}.summary{grid-template-columns:1fr}}