*{box-sizing:border-box}:root{--navy:#2f4b65;--navy2:#1e3549;--cream:#eee8dc;--paper:#fffdf7;--brown:#6b5543;--line:#c9bba6;--blue:#4e7395;--olive:#78855b}html{background:#d8d0c2;color:#332d28;font:14px/1.45 "Helvetica Neue",Arial,sans-serif}body{margin:0;background:repeating-linear-gradient(90deg,#ddd6c9 0,#ddd6c9 2px,#e7e0d4 2px,#e7e0d4 7px)}a{color:#315d7f}.appbar{height:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(1rem,calc((100% - 1120px)/2));color:#fff;background:linear-gradient(#456986,#28455d);border-bottom:1px solid #172c3d;box-shadow:0 2px 5px #0005;text-shadow:0 -1px #000}.appbar a{color:#fff;text-decoration:none}.appbar b{font:italic bold 24px Georgia,serif}.appbar span{text-align:right;color:#cbd7df;font-size:11px;text-transform:uppercase;letter-spacing:.12em}header,.tools,main,footer{width:min(1120px,calc(100% - 2rem));margin:auto}header{position:relative;padding:2.5rem 13rem 1.7rem 1.5rem;background:#f8f3e9;border:1px solid #c1b39d;border-top:0;box-shadow:0 3px 12px #5747362b}.camera{position:absolute;right:2rem;top:2.2rem;width:125px;height:95px;border:7px solid #604b3b;border-radius:18px;background:linear-gradient(#d8c7a7 0 28%,#745746 28%);box-shadow:inset 0 0 0 3px #eadfc9,5px 6px 0 #b7aa95}.camera:before{content:"";position:absolute;left:39px;top:25px;width:48px;height:48px;border:7px solid #e7dcc5;border-radius:50%;background:radial-gradient(circle,#b6d7dc 0 18%,#263c48 20% 43%,#8ca8a8 45% 53%,#282d2e 55%);box-shadow:0 0 0 4px #3c332c}.camera i{position:absolute;left:10px;top:8px;width:19px;height:13px;border-radius:3px;background:#b8d58e}.camera span{position:absolute;right:13px;top:8px;width:18px;height:14px;border:2px solid #44372d;background:#ecdfb5}.eyebrow{margin:0;color:#8a644b;font-size:10px;font-weight:bold;letter-spacing:.15em}h1{margin:.12em 0;color:#2e4558;font:italic bold clamp(2.7rem,7vw,5.3rem)/.95 Georgia,serif;letter-spacing:-.045em}header>p{max-width:720px}.account-key,.stats{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.8rem}.account-key span,.stats span{padding:.38rem .65rem;border:1px solid #c3b49d;border-radius:3px;background:#fffaf0}.account-key span{color:white;font-weight:bold}.account-key .matthew{background:#4e7395}.account-key .zebton{background:#78855b}.tools{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto auto auto;gap:.7rem;align-items:end;padding:.8rem 1rem;background:#f7f2e8ef;border:1px solid #b7a991;border-top:4px solid var(--navy);box-shadow:0 3px 8px #4d40332d;backdrop-filter:blur(9px)}label{display:grid;gap:.2rem;color:#6d5c4d;font-size:11px;font-weight:bold}input,select{font:inherit;color:#332d28;background:#fffdf7;border:1px solid #aa9b87;border-radius:3px;padding:.55rem}main{columns:5 190px;column-gap:.8rem;padding:1.2rem 0}.media-card{position:relative;width:100%;padding:7px 7px 0;margin:0 0 .8rem;break-inside:avoid;border:1px solid #c7baa7;border-radius:2px;background:#fffdf7;color:#332d28;text-align:left;cursor:pointer;box-shadow:2px 3px 7px #5d4e4030;transition:.15s}.media-card:hover{transform:translateY(-2px) rotate(-.2deg);box-shadow:3px 5px 10px #5d4e4045}.media-card>img,.media-card>video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#26231f}.media-card>span:not(.play){display:grid;padding:.55rem .25rem .65rem}.media-card b{color:#3b5972}.media-card[data-account="@zebton"] b{color:#66754b}.media-card small{color:#8a7e70;font-size:10px}.play{position:absolute;top:1rem;right:1rem;width:2.35rem;height:2.35rem;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#1c2d3dcc;color:#fff}.media-card[hidden]{display:none}dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#090909f2;color:#fff;grid-template-rows:minmax(0,1fr) auto}dialog[open]{display:grid}dialog::backdrop{background:#000}.stage{min-width:0;min-height:0;display:grid;place-items:center;padding:1rem 5rem;overflow:hidden}.stage img,.stage video{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;box-shadow:0 0 0 1px #555,0 10px 35px #000}.close,.previous,.next{position:fixed;z-index:2;border:1px solid #ffffff44;color:#fff;background:#1d2e3dcc;cursor:pointer}.close{right:1rem;top:1rem;border-radius:50%;font-size:2rem;width:3rem;height:3rem}.previous,.next{top:45%;font:3rem Georgia;width:4rem;height:5rem}.previous{left:.5rem}.next{right:.5rem}.viewer-copy{min-height:8rem;max-height:35vh;overflow:auto;padding:1rem 6rem;background:#18212a;display:grid;grid-template-columns:auto auto 1fr;gap:.3rem 1rem;border-top:3px solid #4e7395}.viewer-copy p{grid-column:1/-1;margin:.2rem 0}.viewer-copy span{color:#bdc9cf}footer{padding:3rem 0;color:#665d54}@media(max-width:700px){.appbar span{display:none}.appbar{grid-template-columns:1fr auto}.camera{opacity:.14;right:1rem}.tools{position:static;grid-template-columns:1fr}.stage{padding:3.5rem .5rem .5rem}.previous,.next{top:42%;width:3rem;height:4rem}.viewer-copy{padding:1rem;grid-template-columns:1fr}.viewer-copy p{grid-column:auto}}