:root{--paper:#f8f1ed;--ink:#332b30;--muted:#8d7e80;--pink:#f06b91;--pink-soft:#f8dbe3;--mint:#7fc9bd;--line:#e7dcd7;--white:#fffdfb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.access-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#f8dbe3 0 8%,transparent 25%),radial-gradient(circle at 85% 80%,#d4eee8 0 9%,transparent 26%),var(--paper)}.access-card{width:min(100%,470px);padding:54px 48px;background:#fffdfa;border:1px solid rgba(51,43,48,.08);box-shadow:0 25px 70px rgba(89,53,61,.1);text-align:center}.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:.16em;color:var(--muted);margin:0 0 15px}.access-card h1,.hero h1{font:600 clamp(42px,6vw,68px)/.93 "Playfair Display",serif;letter-spacing:-.05em;margin:0}.access-card h1 i,.hero h1 i{font-weight:600;color:var(--pink)}.access-card>p:not(.eyebrow):not(.access-error){color:var(--muted);line-height:1.5;margin:20px auto 34px;max-width:260px}.password-label{display:block;text-align:left;font-size:12px;font-weight:600;margin:0 0 8px}.password-row{display:flex;border-bottom:1px solid var(--ink)}input{min-width:0;flex:1;border:0;background:transparent;padding:13px 0;font:inherit;outline:0}.password-row button,.select-art{border:0;cursor:pointer;background:var(--ink);color:white;font:600 12px "DM Sans",sans-serif;padding:0 18px}.access-error{min-height:18px;color:#bd4569;font-size:12px;margin:15px 0 0}.portal{width:min(1440px,calc(100% - 48px));margin:auto}.hero{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding:58px 0 34px;border-bottom:1px solid var(--line)}.hero-side{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;padding-bottom:5px}.live-dot,.pink-dot,.teal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--mint)}.pink-dot{background:var(--pink)}.text-button{border:0;background:none;font:500 11px "DM Mono",monospace;color:var(--muted);cursor:pointer;text-decoration:underline;margin-left:10px}.intro{display:flex;justify-content:space-between;gap:28px;padding:27px 0 35px}.intro p{max-width:510px;margin:0;line-height:1.55;font-size:14px}.legend{display:flex;gap:16px;align-items:center;font:10px "DM Mono",monospace;color:var(--muted)}.section{margin:0 0 54px}.section-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:11px;margin-bottom:16px}.section-header h2{font:600 28px "Playfair Display",serif;margin:0}.section-header p{font:11px "DM Mono",monospace;color:var(--muted);margin:0}.grid-head,.content-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(260px,1.2fr) minmax(190px,.8fr);gap:22px}.grid-head{padding:0 14px 10px;color:var(--muted);font:500 10px "DM Mono",monospace;letter-spacing:.08em}.content-row{position:relative;padding:18px 14px 20px;border-top:1px solid var(--line);transition:.2s}.content-row:last-child{border-bottom:1px solid var(--line)}.content-row.selected{background:rgba(255,253,251,.72)}.row-meta{font:10px "DM Mono",monospace;color:var(--pink);margin-bottom:8px}.copy{white-space:pre-line;font-size:13px;line-height:1.52}.copy-out{color:#685d60}.art-picks{display:flex;align-items:center;gap:9px;min-width:0}.art-thumb{border:1px solid transparent;padding:3px;background:none;cursor:pointer;width:61px;height:76px}.art-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.83)}.art-thumb.active{border-color:var(--pink)}.art-thumb.active img{filter:saturate(1)}.selection-counter{font:10px "DM Mono",monospace;color:var(--muted);white-space:nowrap}.review{display:grid;gap:10px}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer}.check-label input{accent-color:var(--pink);width:15px;height:15px;flex:0}.comments{resize:vertical;min-height:56px;width:100%;border:1px solid var(--line);background:#fffdfa;padding:9px;font:12px/1.35 "DM Sans",sans-serif;outline-color:var(--mint)}.status{font:10px "DM Mono",monospace;color:var(--muted)}footer{padding:22px 0 36px;border-top:1px solid var(--line);font:10px "DM Mono",monospace;color:var(--muted);display:flex;justify-content:space-between}footer span{color:var(--pink)}.toast{position:fixed;right:24px;bottom:24px;opacity:0;transform:translateY(12px);transition:.25s;background:var(--ink);color:white;padding:12px 16px;font-size:12px;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:850px){.grid-head{display:none}.content-row{grid-template-columns:1fr 1fr;padding:22px 0}.art-picks,.review{grid-column:span 2}.hero,.intro{align-items:flex-start;flex-direction:column}.hero-side{padding:0}.portal{width:min(100% - 30px,700px)}}@media(max-width:480px){.access-card{padding:42px 28px}.content-row{grid-template-columns:1fr}.art-picks,.review{grid-column:auto}.art-thumb{width:57px;height:70px}.art-picks{gap:5px}}

/* Minimal review board refresh */
.access-mark{display:flex;justify-content:center;gap:7px;margin:0 0 23px}.access-mark span{width:10px;height:10px;border-radius:50%;background:var(--pink)}.access-mark span:nth-child(2){background:var(--mint);transform:translateY(8px)}.access-mark span:nth-child(3){background:#eac2a9}.hero{align-items:center;padding:25px 0}.hero-intro{display:flex;align-items:center;gap:16px}.hero-kicker{font:600 13px 'DM Sans',sans-serif}.hero-intro p{font-size:12px;color:var(--muted);margin:0}@media(max-width:480px){.hero-intro{align-items:flex-start;flex-direction:column;gap:4px}}

/* Purple review system */
:root{--paper:#f7f3ff;--ink:#28213c;--muted:#786f91;--pink:#9b6ce1;--pink-soft:#eadfff;--mint:#bca5ea;--line:#e3dcf1;--white:#fffefe}.access-screen{background:radial-gradient(circle at 16% 16%,#e4d8ff 0 9%,transparent 26%),radial-gradient(circle at 85% 80%,#d9cbff 0 9%,transparent 27%),var(--paper)}.access-card{border-radius:28px;box-shadow:0 28px 90px rgba(74,45,131,.14)}.access-mark span:first-child{background:#7e50cf}.access-mark span:nth-child(2){background:#c9a8fb}.access-mark span:nth-child(3){background:#5b3b98}.password-row button{background:#5d3999;border-radius:12px;margin:5px 0;padding:0 21px}.hero{padding:24px 0}.quota{display:flex;gap:10px}.quota b{font:500 10px "DM Mono",monospace;background:#eee7ff;color:#684a9b;padding:5px 7px}.visual-cell{min-width:0}.format-switch{display:flex;gap:5px;margin:0 0 8px}.format-button{border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--muted);font:600 10px "DM Mono",monospace;padding:6px 8px}.format-button.active{color:#fff;background:#6540a5;border-color:#6540a5}.format-note{font-size:10px;line-height:1.35;color:#786f91;margin:0 0 9px}.art-thumb.active{border-color:#7b4fc6;box-shadow:0 3px 12px rgba(95,61,158,.2)}.content-row.selected{background:rgba(255,255,255,.76)}.live-dot,.teal-dot{background:#8c62d1}.pink-dot{background:#bd8bf5}.portal-enter{animation:portal-in .7s cubic-bezier(.2,.8,.2,1) both}.access-exit{animation:access-out .43s cubic-bezier(.7,0,.9,.2) forwards;pointer-events:none}@keyframes access-out{to{opacity:0;transform:scale(1.05);filter:blur(12px)}}@keyframes portal-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.empty-templates{display:block;width:100%;padding:18px 10px;border:1px dashed #cdbde8;color:#8b72b4;font:10px 'DM Mono',monospace;text-align:center}.art-picks:has(.empty-templates){display:block}

#send-comments{border:0;border-radius:999px;background:#6540a5;color:#fff;padding:11px 19px;font:600 11px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}#send-comments:hover{background:#4f2f87;transform:translateY(-1px)}#send-comments:disabled{opacity:.55;cursor:wait;transform:none}

.send-dock{position:fixed;z-index:10;right:28px;bottom:26px;border:0;border-radius:999px;background:#6540a5;color:#fff;box-shadow:0 12px 32px rgba(73,43,122,.3);padding:15px 20px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}.send-dock span{margin-left:12px;font-size:16px}.send-dock:hover{background:#4f2f87;transform:translateY(-2px)}.send-dock:disabled{opacity:.55;cursor:wait;transform:none}@media(max-width:480px){.send-dock{right:15px;bottom:15px;left:15px;padding:15px}}

.comment-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 32px;padding:16px 18px;background:#ece4ff;border:1px solid #d7c6f5;color:#59407e;font-size:12px}.comment-action .send-comments{border:0;border-radius:999px;background:#6540a5;color:#fff;padding:12px 18px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.comment-action b{margin-left:10px;font-size:15px}@media(max-width:480px){.comment-action{align-items:stretch;flex-direction:column}.comment-action .send-comments{width:100%}}
.template-label{display:flex;align-items:center;gap:7px;margin-bottom:9px;font:10px "DM Mono",monospace;color:#786f91}.template-label b{background:#6540a5;color:#fff;padding:4px 6px;font-weight:500}.template-stack{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px}.template-stack img{display:block;flex:0 0 auto;width:82px;height:104px;object-fit:contain;border:2px solid #b495e4;background:#fff}.template-stack img:first-child{border-color:#6540a5}.visual-cell{min-width:0}
.template-stack:empty{display:none}
.send-dock{display:none}@media(max-width:850px){.content-row{grid-template-columns:1fr 1fr;gap:18px}.visual-cell,.review{grid-column:span 2}.template-stack img{width:76px;height:96px}.copy{font-size:14px}}@media(max-width:560px){.portal{width:calc(100% - 24px)}.hero{padding:18px 0}.intro{padding:20px 0}.content-row{grid-template-columns:1fr;padding:22px 0}.visual-cell,.review{grid-column:auto}.section-header{align-items:flex-start;gap:8px;flex-direction:column}.grid-head{display:none}.row-meta{margin-bottom:6px}.template-stack{padding-bottom:7px}.template-stack img{width:86px;height:108px}.review{gap:9px}.comments{min-height:80px}.comment-action{position:sticky;z-index:4;bottom:10px;margin:0 0 22px;box-shadow:0 8px 22px rgba(63,36,103,.14)}.comment-action .send-comments{min-height:46px}.toast{right:12px;bottom:12px;left:12px;text-align:center}}
[hidden],.loading-screen[hidden]{display:none!important}.loading-screen{position:fixed;z-index:50;inset:0;background:#f3f1f4;display:grid;place-items:center}.loading-screen iframe{width:100%;height:100%;border:0}
