@font-face{font-family:Selecta;src:url('apps/touchgrass/fonts/Selecta-Regular.otf')}*{box-sizing:border-box}html{background:#f6f6f6;color:#171717;font:16px/1.45 Selecta,Arial,sans-serif}body{margin:0;padding:0 40px 64px}header{max-width:1460px;margin:auto;padding:32px 0 30px;display:flex;justify-content:space-between;align-items:center}h1{font-size:22px;letter-spacing:-.7px;font-weight:500;margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header a{font-size:14px;color:#6e6e6e}main{max-width:1460px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}article{min-width:0}.media{position:relative;border-radius:24px;overflow:hidden;background:#e7e7e7;box-shadow:0 1px 1px #0001,0 8px 22px -16px #0004,inset 0 0 0 1px #fff9;aspect-ratio:4/5}video{display:block;width:100%;height:100%;object-fit:contain;background:#111}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:58px;width:58px;border-radius:50%;border:1px solid #ffffff80;background:#ffffffb8;color:#171717;box-shadow:inset 0 1px 1px white,0 8px 30px #0002;backdrop-filter:blur(18px);display:grid;place-items:center;cursor:pointer}.play svg{margin-left:3px}video[data-playing=true]+.play{display:none}.topline{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;gap:8px}h2{font-size:18px;font-weight:500;letter-spacing:-.35px;margin:0}.topline a{font-size:13px;color:#6e6e6e}.caption{font-size:16px;line-height:1.5;margin:12px 0 18px;min-height:72px;white-space:pre-line}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}button,.download{font:inherit;font-size:13px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:99px;cursor:pointer;border:1px solid #fff;background:linear-gradient(#fff,#f3f3f3);box-shadow:0 1px 2px #0002,inset 0 1px 0 #fff;transition:background .15s ease,color .15s ease}button:active,.download:active{background:#e8e8e8}.copy{background:radial-gradient(ellipse at 30% 10%,#484848,#171717 75%);color:white;border:1px solid #222;box-shadow:0 1px 2px #0003,inset 0 1px 1px #ffffff45}.copy:active{background:#121212}.variants{display:flex;gap:8px;margin-top:10px;font-size:12px;color:#6e6e6e}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);margin:0;padding:10px 20px;border-radius:99px;background:#171717;color:#fff;box-shadow:0 4px 22px #0002;opacity:0;pointer-events:none;transition:opacity .15s ease}#notice.on{opacity:1}:focus-visible{outline:2px solid #246bfe;outline-offset:5px}@media(max-width:1000px){main{grid-template-columns:repeat(2,minmax(0,1fr))}body{padding-left:24px;padding-right:24px}}@media(max-width:600px){body{padding:0 18px 40px}header{padding:24px 0}main{grid-template-columns:1fr;gap:36px}.media{border-radius:20px}.caption{min-height:0}.actions button,.actions a{min-height:44px}.topline a{padding:8px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(hover:hover){.copy:hover{background:radial-gradient(ellipse at 60% 10%,#555,#171717 75%)}button:not(.copy):hover,.download:hover{background:#fff;text-decoration:none}}