*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#193943;color:#edf5f3;font:16px/1.9 "Yu Gothic",Meiryo,sans-serif}main{max-width:760px;margin:auto;padding:32px 20px 64px}a{color:#b1d9d4;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #b1d9d4;outline-offset:4px}h1{font-size:28px;margin:24px 0}h2{font-size:20px;margin:30px 0 10px}p,li{margin:12px 0}nav{display:flex;gap:8px 20px;flex-wrap:wrap;border-top:1px solid #51717b;margin-top:32px;padding-top:16px}nav a,main>a{display:inline-flex;align-items:center;min-height:44px}.date{font-size:13px;color:#c2d7d9}strong{color:#edf5f3}
.face-trail{display:flex;align-items:center;justify-content:space-between;height:28px;margin-bottom:8px;color:#b1d9d4;pointer-events:none;user-select:none;opacity:.85}.face-mark{display:block;width:40px;height:24px}.face-doodle{flex:none}.face-layout-0 .face-slot-0{transform:rotate(-7deg)}.face-layout-1 .face-slot-1{transform:rotate(5deg)}.face-layout-2 .face-slot-2{transform:rotate(-5deg)}