.portal-wrap{min-height:calc(100svh - 210px);max-width:1480px;margin:auto;padding:clamp(42px,6vw,90px) clamp(22px,5vw,78px) 100px}.portal-top{display:flex;justify-content:space-between;align-items:start;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:2.5rem}.portal-top h1{font:800 clamp(2.8rem,6vw,5.6rem)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.07em;margin:0}.portal-top p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.6;margin:1.2rem 0 0}.portal-logout,.portal-link{background:transparent;border:1px solid var(--line);color:var(--text);padding:.75rem 1rem;cursor:pointer}.portal-logout:hover,.portal-link:hover{border-color:var(--accent);color:var(--accent)}#portal-status{min-height:1.5em;color:var(--accent);margin:1.5rem 0;font-size:1rem}#portal-status.error{color:#ffb0b0}.portal-login{max-width:560px;background:#1a1b24;border:1px solid var(--line);padding:clamp(24px,4vw,48px);margin:2rem 0}.portal-login form{display:grid;gap:1rem}.portal-login label,.portal-field label{font-weight:700;font-size:.93rem}.portal-login input,.portal-field input,.portal-field select{width:100%;background:#101117;border:1px solid #555766;border-radius:4px;color:var(--text);padding:.95rem 1rem;min-height:50px}.portal-login input:focus,.portal-field input:focus,.portal-field select:focus{outline:2px solid var(--accent);outline-offset:2px}.portal-login .button{justify-self:start;border:0;cursor:pointer}.portal-login .portal-link{justify-self:start}.portal-hint{font-size:.9rem;color:var(--muted);line-height:1.6;margin:1.8rem 0 0}.portal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0 2rem}.portal-toolbar h2{font:800 clamp(1.7rem,3vw,2.6rem)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:0}.portal-toolbar p{color:var(--muted);margin:.5rem 0 0}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.portal-card,.portal-panel{background:#1b1c25;border:1px solid var(--line);padding:1.5rem}.portal-card{cursor:pointer;text-align:left;color:var(--text);min-height:150px}.portal-card:hover{border-color:var(--accent)}.portal-card small{display:block;color:var(--accent);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem}.portal-card strong{display:block;font:700 1.25rem Manrope,Arial,sans-serif}.portal-card span{display:block;color:var(--muted);margin-top:.5rem}.portal-panel h3{font:700 1.25rem Manrope,Arial,sans-serif;margin:0 0 1.3rem}.portal-field{display:grid;gap:.5rem;margin-bottom:1rem}.portal-panel .button{border:0;cursor:pointer;gap:.5rem}.portal-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.portal-list{display:grid;gap:.55rem}.portal-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.8rem 0}.portal-row small{color:var(--muted)}.portal-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1.2rem}.portal-media article{border:1px solid var(--line);background:#1b1c25;overflow:hidden}.portal-preview{aspect-ratio:4/3;background:#101117;display:grid;place-items:center}.portal-preview img,.portal-preview video{width:100%;height:100%;object-fit:contain}.portal-media-info{padding:1rem}.portal-media-info strong{display:block;word-break:break-word}.portal-media-info small{color:var(--muted);display:block;margin:.4rem 0 1rem}.portal-media-info a{color:var(--accent);font-weight:700}.portal-upload-progress{height:8px;width:100%;accent-color:var(--accent)}.portal-empty{color:var(--muted);line-height:1.6;padding:1.5rem 0}.portal-back{color:var(--accent);font-weight:700;background:none;border:0;cursor:pointer;padding:0 0 1rem}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){.portal-top{flex-direction:column}.portal-admin-grid{grid-template-columns:1fr}.portal-wrap{padding-bottom:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}
.portal-mail-settings{margin:2rem 0}.portal-mail-settings summary{font:700 1.1rem Manrope,Arial,sans-serif;cursor:pointer}.portal-mail-form{max-width:620px;margin:1.5rem 0}.portal-mail-form a{color:var(--accent)}.portal-mail-message{color:var(--accent);line-height:1.6}
.portal-selection-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:0 0 1.5rem;padding:1rem;background:#1b1c25;border:1px solid var(--line)}
.portal-selection-count{margin-right:auto;font-weight:700}.portal-selection-bar .button{border:0;cursor:pointer}
.portal-selection-bar button:disabled{cursor:default}.portal-file-selection{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;cursor:pointer;font-size:.9rem}.portal-file-selection input{width:20px;height:20px;accent-color:var(--accent)}
.portal-open-image{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.portal-open-image:focus-visible,.portal-favorite:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.portal-file-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.portal-file-actions .portal-link{font-size:.9rem}.portal-favorite{border:1px solid var(--line);background:transparent;color:var(--text);padding:.75rem 1rem;cursor:pointer}.portal-favorite[aria-pressed="true"],.portal-favorite-status{color:var(--accent)}.portal-favorite-status{font-size:.9rem;align-self:center}
.portal-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#101117;color:var(--text);overflow:hidden}.portal-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.portal-viewer::backdrop{background:#090a10}
.portal-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--line)}.portal-viewer-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-viewer-top button{flex-shrink:0}
.portal-viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.portal-viewer-main{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}.portal-viewer-stage{overflow:auto;min-width:0;min-height:0;background:#090a10}.portal-viewer-canvas{width:100%;height:100%;display:grid;place-items:center}.portal-viewer-canvas img,.portal-viewer-canvas video{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.portal-viewer-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:1rem;border-top:1px solid var(--line)}.portal-viewer-controls button:disabled{cursor:default}
.portal-feedback{padding:1.4rem;border-left:1px solid var(--line);overflow-y:auto;min-height:0}.portal-feedback h2{font:700 1.2rem Manrope,Arial,sans-serif;margin:0 0 1rem}.portal-feedback-note{font-size:.9rem;color:var(--muted);line-height:1.6}.portal-feedback-message{font-size:.9rem;color:var(--accent);line-height:1.5;min-height:1.5em}
.portal-comments{display:grid;gap:.8rem}.portal-comment{border:1px solid var(--line);padding:1rem;background:#1b1c25}.portal-comment time{font-size:.85rem;color:var(--muted)}.portal-comment p{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:.6rem 0 0}
.portal-comment-form{margin-top:1rem}.portal-comment-form textarea{width:100%;background:#101117;border:1px solid #555766;border-radius:4px;color:var(--text);padding:.85rem 1rem;resize:vertical;font:inherit}.portal-comment-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portal-comment-form .button{border:0;cursor:pointer;width:100%}
@media(max-width:760px){.portal-viewer-layout{display:block;overflow-y:auto}.portal-viewer-main{height:65dvh;min-height:350px}.portal-feedback{border-left:0;border-top:1px solid var(--line);overflow:visible}.portal-viewer-top{padding:1rem}.portal-selection-count{width:100%}.portal-download-selection{width:100%}}
.portal-download-all{border:0;cursor:pointer;font:inherit;white-space:nowrap}.portal-download-all:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:760px){.portal-download-all{width:100%;justify-content:center}}
.portal-admin-album{display:flex;flex-direction:column;min-width:0}.portal-admin-album .portal-card{width:100%;flex:1}.portal-album-actions{display:flex;gap:.5rem;flex-wrap:wrap;background:#1b1c25;border:1px solid var(--line);border-top:0;padding:.8rem}.portal-action{background:transparent;color:var(--accent);border:1px solid var(--line);padding:.65rem .8rem;cursor:pointer;font:700 .82rem Manrope,Arial,sans-serif}.portal-action:hover{border-color:var(--accent)}.portal-danger{color:#ffb0b0}.portal-danger:hover{border-color:#ffb0b0}.portal-card-expired{border-color:#6f5960}.portal-card .portal-expired-label{color:#ffb0b0;font-weight:700}.portal-card .portal-date{font-size:.82rem;margin-top:.8rem}.portal-expired-notice{background:#231d26;border:1px solid #765660;padding:clamp(1.4rem,3vw,2.2rem);margin:1rem 0 2rem}.portal-expired-notice strong{display:block;color:#ffb0b0;font:800 1.3rem Manrope,Arial,sans-serif}.portal-expired-notice p,.portal-retention-note{color:var(--muted);line-height:1.65}.portal-expired-notice .button{display:inline-flex;text-decoration:none;margin-top:.5rem}.portal-retention-note{margin:-1rem 0 2rem}