.login-page{min-height:100vh;display:grid;place-items:center;padding:26px}.login-card{width:min(100%,480px);padding:44px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 60px #783e5108}.login-card .identity-mark{margin-bottom:34px}.login-card h1{font-size:2rem}.login-card form{display:grid;gap:9px;margin-top:30px}.login-card label{font-size:.875rem;color:var(--muted);margin-top:9px}.login-card button{margin-top:15px;min-height:48px}.login-note{font-size:.75rem;color:var(--muted);margin-top:26px}.login-card #loginStatus{font-size:.875rem;color:var(--wine)}.header-nav{align-items:center;flex-wrap:wrap;gap:20px}.header-nav .text-button{font-size:.8125rem}.attachment-section{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.attachment-section h3{font-size:1rem;margin-bottom:12px}.upload-box{display:grid;gap:10px}.upload-box label{font-size:.8125rem;color:var(--muted)}.upload-box input[type=file]{padding:8px;height:auto;font-size:.8125rem;max-width:100%;background:var(--paper)}.upload-box progress{width:100%;accent-color:var(--wine)}.upload-box button{justify-self:start;min-height:44px}.upload-hint,.upload-status{font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere}.upload-status[data-error=true]{color:#9b3047}.attachment-list{display:grid;gap:12px;margin-top:18px}.attachment-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:17px}.attachment-card h3{font:600 .9375rem/1.6 var(--sans);overflow-wrap:anywhere;margin:0 0 7px}.attachment-card p{font-size:.8125rem;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.attachment-card img{max-width:100%;height:150px;object-fit:contain;display:block;margin:12px auto}.attachment-card audio,.attachment-card video{max-width:100%;width:100%;margin:10px 0}.attachment-card video{max-height:240px}.attachment-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:.8125rem}.attachment-actions button{background:var(--tint);color:var(--wine);padding:8px 11px}.collection-upload{max-width:660px;background:var(--white);padding:26px;border:1px solid var(--line);border-radius:12px;margin-bottom:38px}.collection-upload>label{font-size:.875rem;color:var(--muted)}.collection-upload>input{max-width:240px;display:block;margin:8px 0 18px}.collection-results>.search-field{display:block;font-size:.8125rem;color:var(--muted);max-width:440px}.collection-results input{margin-top:7px}#collectionCount{color:var(--muted);font-size:.8125rem;margin:16px 0}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.auth-warning{position:sticky;top:0;padding:14px 20px;background:#f3e2d5;border-bottom:1px solid var(--line);z-index:20;font-size:.875rem}.cloud-bottom-nav{display:none}.uploading-note{color:var(--wine)}@media(max-width:900px){.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){body{padding-bottom:74px}.site-header{align-items:flex-start;gap:10px;flex-wrap:wrap}.header-nav{gap:14px}.login-page{padding:18px}.login-card{padding:28px 23px}.login-card h1{font-size:1.75rem}.attachment-grid{grid-template-columns:minmax(0,1fr)}.collection-upload{padding:20px}.cloud-bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fffefaee;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:11px 10px max(12px,env(safe-area-inset-bottom));z-index:15}.cloud-bottom-nav a{text-decoration:none;font-size:.8125rem;padding:7px 14px}.cloud-bottom-nav a.current{background:var(--tint);border-radius:8px}.note-panel{scroll-margin-top:20px}input,select,textarea{font-size:16px}.upload-box input[type=file]{font-size:14px}}

.journal-archive{margin-top:22px}.journal-archive summary{cursor:pointer;font-size:.875rem;color:var(--wine);margin-bottom:12px}@media(max-width:640px){.journal-archive{margin-top:10px}.journal-layout{gap:18px}.journal-mode{margin-bottom:10px}}