:root{color-scheme:dark;--bg:#092c33;--panel:#103a41;--line:#365b60;--text:#faf6eb;--muted:#c2d6d4;--accent:#ffe374}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 system-ui,sans-serif}main{max-width:1240px;padding:28px 24px 60px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:13px}header span{letter-spacing:.13em;font-weight:750}a{color:var(--accent);text-underline-offset:4px}header a{min-height:44px;display:flex;align-items:center}h1{font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:-.025em;margin:14px 0 22px}h2{font-size:36px;line-height:1.15;margin:4px 0 8px}p{color:var(--muted);max-width:900px}.intro{padding:32px 0 24px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:#7fd4cf;margin:0 0 8px}.hint{font-size:15px;color:#f2e6b7}nav,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}nav a,button{border:1px solid var(--line);background:#17424a;color:var(--text);border-radius:10px;padding:11px 16px;font:inherit;min-height:44px;cursor:pointer}nav a{text-decoration:none}button:hover,nav a:hover{background:#23545b}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sheet{scroll-margin-top:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:24px;margin:20px 0 34px;overflow:hidden}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.badge{font-size:13px;border:1px solid #58776b;border-radius:99px;padding:6px 12px;white-space:nowrap;color:#b9e6cc}.image-button{padding:0;border:0;border-radius:10px;display:block;width:100%;background:#10949b;overflow:hidden;cursor:zoom-in}.image-button img{width:100%;height:auto;display:block;object-fit:contain}.actions{margin-top:16px}.actions button{background:var(--accent);border-color:var(--accent);color:#102f35;font-weight:700}.actions a{font-size:15px;min-height:44px;display:flex;align-items:center}.friends{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.friends p{margin:8px 0 20px;font-size:16px}.friends strong{color:var(--text)}footer{border-top:1px solid var(--line);padding-top:20px;font-size:14px}dialog{padding:0;border:1px solid #52757a;border-radius:14px;background:var(--bg);color:var(--text);width:calc(100% - 24px);max-width:1500px;height:92dvh;max-height:calc(100% - 24px);overflow:hidden}dialog::backdrop{background:#020f15ed}.viewer-shell{height:100%;display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.toolbar strong{font-size:18px}.toolbar button{font-size:14px;flex-shrink:0}.zoom-controls{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px;flex-wrap:wrap}.zoom-controls button{padding:6px 14px}.zoom-controls output{min-width:54px;text-align:center;font-size:14px}.zoom-controls a{font-size:14px;padding:8px}.viewer-hint{font-size:12px;text-align:center;margin:0 8px 8px}#image-stage{overflow:auto;flex:1;min-height:0;background:#061e24;overscroll-behavior:contain}#viewer-image{display:block;max-width:none;height:auto;margin:auto;touch-action:none;user-select:none;-webkit-user-drag:none;cursor:grab}#viewer-image:active{cursor:grabbing}@media(max-width:600px){main{padding:14px 12px 40px}header{font-size:11px}.intro{padding-top:24px}.sheet{padding:13px;border-radius:12px;margin-bottom:24px}h2{font-size:29px}.sheet-head{align-items:start}.badge{font-size:11px;padding:5px 8px}.friends{grid-template-columns:1fr;gap:0}.friends p{margin:0 0 12px}.actions{gap:8px}.actions button{width:100%}.actions a{margin:auto}dialog{width:calc(100% - 12px);height:94dvh;max-height:calc(100% - 12px)}.toolbar{padding:9px 10px}.toolbar strong{font-size:16px}.zoom-controls{gap:5px;padding:8px}.zoom-controls button{padding:6px 12px}}