:root{--color-primary:#04d98b;--color-secondary:#eba407;--color-accent:#4802b5;--color-support:#00b894;--color-danger:#f2055c;--color-background:#f8f9fa;--color-surface:#fff;--color-border:#dfe6e9;--color-text:#262524;--color-text-muted:#636e72;--color-text-on-primary:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-hover:0 4px 12px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-primary:#0aff9b;--color-secondary:#ffb830;--color-accent:#9d5bff;--color-support:#55efc4;--color-danger:#f2055c;--color-background:#1a1a2e;--color-surface:#2d2d44;--color-border:#3d3d54;--color-text:#f8f9fa;--color-text-muted:#b2bec3;--color-text-on-primary:#1a1a2e;--shadow-hover:0 4px 12px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}body{min-height:100%;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}h1{margin:0;font-size:22px;font-weight:700}h2{margin:24px 0 12px;font-size:16px;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input,textarea{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;font-size:16px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--color-primary);outline:none}textarea{resize:none;width:100%;min-width:0;min-height:120px;max-height:240px;overflow-y:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input[type=checkbox]{width:auto;accent-color:var(--color-primary);cursor:pointer;border:none;padding:0}button,label.file-trigger{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-on-primary);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s;display:inline-flex}button:hover:not(:disabled),label.file-trigger:hover{opacity:.9}button:active:not(:disabled),label.file-trigger:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary,label.file-trigger{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}button.link{color:var(--color-accent);background:0 0;padding:0;font-weight:600}button.danger{background:var(--color-danger);color:#fff}.container{width:100%;max-width:480px;margin:0 auto;padding:24px 16px}.top-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.back-link{color:var(--color-text-muted);margin-bottom:16px;font-size:14px;display:inline-block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;transition:transform .2s,box-shadow .2s}.card-list{flex-direction:column;gap:10px;display:flex}.card-list a.card{color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.card-list a.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.card-actions{gap:8px;display:flex}form.card{flex-direction:column;gap:12px;display:flex}.muted{color:var(--color-text-muted);font-size:13px}.error-text{color:var(--color-danger);font-size:13px;font-weight:600}.mono{font-family:SF Mono,Fira Code,ui-monospace,monospace}.photo-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;display:block}.photo-skeleton{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--color-border);background:linear-gradient(90deg, var(--color-border) 25%, var(--color-surface) 50%, var(--color-border) 75%);background-size:200% 100%;width:100%;animation:1.4s ease-in-out infinite photo-skeleton-pulse}@keyframes photo-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}