:root{font-family:Tahoma,"Segoe UI",sans-serif;color:#f8fafc;background:#070b14;--panel:#111827;--muted:#94a3b8;--accent:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#30220b 0,transparent 30%),#070b14}button,input,textarea{font:inherit}.hidden{display:none!important}main{min-height:100vh}.auth-wrap{min-height:100vh;display:grid;place-content:center;gap:24px;padding:24px}.brand{text-align:center}.brand span{font-size:56px;color:var(--accent);filter:drop-shadow(0 0 18px #f59e0b66)}.brand h1{font-size:40px;margin:4px}.brand p{color:var(--muted);margin:0}.panel{background:#111827ee;border:1px solid #243044;border-radius:24px;padding:24px;box-shadow:0 22px 60px #0008;width:min(420px,calc(100vw - 32px))}.panel h2{margin-top:0}label{display:grid;gap:8px;color:#cbd5e1;margin:16px 0}input,textarea{width:100%;background:#080d17;border:1px solid #334155;border-radius:12px;padding:13px;color:white;outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:80px;resize:vertical}button{border:0;cursor:pointer}.primary{background:linear-gradient(135deg,#fbbf24,#f97316);color:#1c1203;font-weight:800;padding:13px 18px;border-radius:13px}.primary:disabled{opacity:.45}.link,.ghost,.icon-btn{background:transparent;color:#cbd5e1;padding:12px}.app-shell{max-width:600px;margin:auto;min-height:100vh;background:#0b101b;position:relative;padding-bottom:82px}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #1e293b;position:sticky;top:0;background:#0b101bee;backdrop-filter:blur(14px);z-index:3}.logo{color:var(--accent);font-size:20px}.logo b{color:white}.screen{display:none;padding:16px}.screen.active{display:block}.photo-card{overflow:hidden;background:var(--panel);border:1px solid #1f2b3d;border-radius:22px;box-shadow:0 18px 50px #0007}.image-wrap{aspect-ratio:4/5;background:#05070c;position:relative;display:grid;place-items:center}.image-wrap img{width:100%;height:100%;object-fit:contain}.loader{position:absolute;width:35px;height:35px;border:3px solid #334155;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-info{display:flex;justify-content:space-between;padding:15px 17px 8px;gap:12px}.photo-info p{margin:6px 0;color:var(--muted);font-size:14px}.photo-info span{color:var(--accent);white-space:nowrap}.rating{text-align:center;padding:4px 16px 12px}.rating p{color:var(--muted);margin:5px}.stars{display:flex;direction:ltr;justify-content:center;gap:8px}.star{font-size:38px;background:none;color:#334155;padding:0;transition:.15s}.star.on,.star:hover{color:var(--accent);transform:scale(1.08)}.actions{display:flex;justify-content:space-between;align-items:center;padding:10px 17px 18px}.empty{text-align:center;padding:80px 25px;color:var(--muted)}.empty span{font-size:55px}.empty h2{color:white}.upload-panel{margin:12px auto}.file-drop{height:300px;border:2px dashed #334155;border-radius:18px;display:grid;place-items:center;overflow:hidden;color:var(--muted);position:relative}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop img{width:100%;height:100%;object-fit:contain}.upload-panel>.primary{width:100%}.profile-head{display:flex;align-items:center;gap:15px;margin:14px 0 30px}.avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#2c2009;color:var(--accent);font-size:30px}.profile-head h2,.profile-head p{margin:4px}.profile-head p{color:var(--muted);font-size:14px}.my-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mine{background:var(--panel);border-radius:15px;overflow:hidden;position:relative}.mine img{width:100%;aspect-ratio:1;object-fit:cover}.mine p{margin:8px;font-size:13px;color:var(--muted)}.mine button{position:absolute;top:6px;left:6px;background:#000b;color:white;border-radius:50%;width:31px;height:31px}nav{position:fixed;bottom:0;width:min(600px,100%);height:72px;background:#111827ed;backdrop-filter:blur(15px);border-top:1px solid #293548;display:flex;z-index:5;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;background:none;color:#64748b;display:grid;place-content:center;gap:2px;font-size:12px}nav button span{font-size:22px}nav button.selected{color:var(--accent)}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);background:#f8fafc;color:#111827;padding:11px 18px;border-radius:11px;opacity:0;pointer-events:none;transition:.25s;z-index:10;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){.app-shell{border-left:1px solid #1e293b;border-right:1px solid #1e293b}}