:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#f8f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;background:#222;color:white;border:1px solid #222;border-radius:5px;padding:10px 16px}button:disabled{opacity:.45;cursor:wait}.quiet{background:transparent;color:#333;border-color:#ccc}header{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-bottom:1px solid #ddd;gap:25px}nav{display:flex;gap:24px;font-size:14px}nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.brand{font-weight:600;letter-spacing:-.04em;font-size:24px}.shell{max-width:1000px;margin:auto;padding:0 35px}main{padding:85px 0 100px}h1{font-size:clamp(54px,9vw,104px);font-weight:400;letter-spacing:-.07em;line-height:1.05;margin:0 0 25px}h2{font-size:25px;font-weight:400;letter-spacing:-.035em;line-height:1.3}p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.bio{max-width:580px;color:#666;font-size:18px}.section-label{margin:75px 0 25px;color:#777;font-size:14px;display:flex;justify-content:space-between}.post{border-top:1px solid #ddd;padding:30px 0;display:grid;grid-template-columns:120px 1fr;gap:25px}.post h2{margin:0 0 14px}.post time{font-size:14px;color:#777;padding-top:5px}.post p{margin:0 0 18px}.media{display:block;width:100%;max-height:650px;object-fit:contain;border-radius:3px;background:#eee}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px;margin-top:55px}.gallery figure{margin:0}.gallery .media{max-height:550px;object-fit:cover}.gallery figcaption{font-size:14px;margin-top:12px;color:#666}.empty{padding:35px 0;border-top:1px solid #ddd;color:#888;font-size:16px}.music{margin-top:38px;max-width:350px}.music small{display:block;margin-bottom:10px;color:#777}.music audio{width:100%;height:36px}footer{padding:25px 0;border-top:1px solid #ddd;display:flex;justify-content:space-between;color:#777;font-size:14px}.editor h1{font-size:45px}.editor main{padding-top:40px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.editor label{display:block;margin:18px 0 7px;font-size:14px}.editor input,.editor textarea,.editor select{display:block;width:100%;padding:12px;border:1px solid #ccc;background:white;border-radius:4px}.editor textarea{min-height:110px;resize:vertical}.editor .entry{padding:24px;margin:20px 0;border:1px solid #ddd;border-radius:5px}.editor .entry .media{max-height:240px;margin:18px 0}.editor .small{font-size:14px;color:#666}.editor section{margin:35px 0}.editor .status{position:sticky;top:0;background:#f8f8f6;padding:12px 0;z-index:3}.editor .status p{margin:0}.login{max-width:460px;margin:70px auto}.login h1{font-size:46px}#notice:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#222;color:#fff;border-radius:6px;max-width:90vw;z-index:10}.loading{padding:40px}[hidden]{display:none!important}:focus-visible{outline:3px solid #788bff;outline-offset:4px}@media(max-width:600px){.shell{padding:0 22px}header{padding:26px 0;align-items:flex-start}nav{gap:15px}main{padding:58px 0}.post{grid-template-columns:1fr;gap:12px}.gallery{gap:30px;grid-template-columns:1fr}.section-label{margin-top:55px}.editor .entry{padding:16px}.editor .toolbar button{flex:1}footer{gap:20px}}
