:root{color:#17343b;-webkit-font-smoothing:antialiased;background:#f1f2f0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #db775f}.shell{width:min(100% - 32px,1120px);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:#fff;border-bottom:1px solid #e2e5e1;height:56px}.header-inner{align-items:center;width:calc(100% - 24px);height:100%;display:flex}.brand{letter-spacing:-.05em;white-space:nowrap;align-items:center;font-size:16px;font-weight:900;display:inline-flex}.brand strong{color:#d97863}.index{min-height:calc(var(--screen-height) - 56px);padding-top:18px;padding-bottom:64px}.search-field{background:#fff;border:1px solid #d5ddd9;border-radius:10px;align-items:center;gap:11px;width:min(100%,540px);height:52px;padding:0 16px;display:flex;box-shadow:0 2px 12px #183b3c08}.search-field:focus-within{border-color:#4a9695;box-shadow:0 0 0 3px #8acac53b}.search-field svg{fill:none;stroke:#628080;stroke-width:2px;stroke-linecap:round;flex:none;width:20px;height:20px}.search-field input{color:#17343b;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:15px}.search-field input::placeholder{color:#8b9b9b}.search-field input:focus-visible{outline:none}.story-list{gap:12px;width:min(100%,600px);margin-top:20px;display:grid}.story-card{background:#fff;border:1px solid #dbe1dd;border-radius:12px;display:block;overflow:hidden;box-shadow:0 4px 18px #17343b0c}.story-card:hover,.story-row:hover{border-color:#a7cac4}.cover-frame{aspect-ratio:2;background:#d9e9e5;overflow:hidden}.story-cover{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.story-copy{padding:15px 16px 16px}.issue-id{color:#b66d5d;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.story-title-row{justify-content:space-between;align-items:center;gap:8px;margin-top:5px;display:flex}.story-title-row h2{letter-spacing:-.06em;margin:0;font-size:22px}.story-title-row>span{color:#d4745e;font-size:22px}.story-meta{color:#718587;gap:12px;margin-top:9px;font-size:12px;font-weight:700;display:flex}.story-row{background:#fff;border:1px solid #dbe1dd;border-radius:12px;align-items:center;gap:12px;min-height:82px;padding:8px;display:flex}.row-cover{aspect-ratio:2;background:#d9e9e5;border-radius:7px;flex:none;width:96px;overflow:hidden}.row-copy{flex:1;min-width:0}.row-copy h2{letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 3px;font-size:16px;line-height:1.3;overflow:hidden}.row-category{color:#718587;font-size:11px;font-weight:700}.row-arrow{color:#809a98;margin-right:4px;font-size:20px}.empty-state{color:#63787b;margin:8px 0;font-size:14px}.not-found{padding-top:50px}.not-found h1{font-size:23px}.not-found a{color:#206e71;text-decoration:underline}:root,.copy-dialog::backdrop{--screen-width:100vw;--screen-height:100dvh;--screen-top:0px;--screen-bottom:0px;--screen-side:0px}.phone-screen{background:#f1f2f0}.phone-screen:focus-visible{outline-offset:-2px;outline:2px solid #96a99a}.phone-hardware{display:none}@media (width>=641px){:root,.copy-dialog::backdrop{--phone-height:min(854px, calc(100dvh - 48px));--phone-unit:calc(var(--phone-height) / 843);--phone-width:calc(var(--phone-unit) * 415);--phone-top:calc((100dvh - var(--phone-height)) / 2);--screen-width:calc(var(--phone-unit) * 385);--screen-height:calc(var(--phone-unit) * 761);--screen-top:calc(var(--phone-top) + var(--phone-unit) * 70);--screen-bottom:calc(var(--phone-top) + var(--phone-unit) * 12);--screen-side:calc((100vw - var(--screen-width)) / 2);--screen-radius:calc(var(--phone-unit) * 50)}:root{background:#e7ebe7;height:100%;overflow:hidden}body{height:100%}.phone-frame{top:var(--phone-top);left:calc((100vw - var(--phone-width)) / 2);width:var(--phone-width);height:var(--phone-height);position:fixed}.phone-frame:before{content:"";inset:calc(var(--phone-unit) * 12) calc(var(--phone-unit) * 15);border-radius:var(--screen-radius);background:#fff;position:absolute;box-shadow:0 24px 48px -12px #25352c42,0 6px 12px #25352c26}.phone-hardware{z-index:5;pointer-events:none;background:url(/device-frames/telephone/iphone-16-max.svg) 50%/100% 100% no-repeat;display:block;position:absolute;inset:0}.phone-screen{top:calc(var(--phone-unit) * 70);right:calc(var(--phone-unit) * 15);bottom:calc(var(--phone-unit) * 12);left:calc(var(--phone-unit) * 15);overscroll-behavior:contain;border-radius:0 0 var(--screen-radius) var(--screen-radius);scrollbar-width:none;position:absolute;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}}