:root{--bg: #1a1a2e;--bg2: #16213e;--bg3: #0f3460;--accent: #e94560;--accent2: #f5a623;--text: #ffffff;--text-muted: #a0a8c0;--radius: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:20px}.oma-app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.top-bar{padding:12px 24px;background:var(--bg2);border-bottom:2px solid var(--bg3);flex-shrink:0}.main-area{flex:1;display:grid;grid-template-columns:1fr 360px;gap:16px;padding:16px;overflow:hidden}.photo-area{background:var(--bg2);border-radius:var(--radius);overflow:hidden;position:relative}.sidebar{display:flex;flex-direction:column;gap:16px;overflow:hidden}.clock-widget{display:flex;align-items:center;gap:32px}.clock-time{font-size:3rem;font-weight:700;color:var(--accent2);letter-spacing:2px}.clock-date{font-size:1.4rem;color:var(--text-muted)}.pin-screen{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#0f3460);display:flex;align-items:center;justify-content:center}.pin-box{text-align:center;padding:48px}.pin-logo{font-size:5rem;margin-bottom:16px}.pin-title{font-size:2.8rem;font-weight:700;color:var(--accent2);margin-bottom:8px}.pin-subtitle{font-size:1.4rem;color:var(--text-muted);margin-bottom:32px}.pin-dots{display:flex;gap:20px;justify-content:center;margin-bottom:16px}.pin-dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--text-muted);background:transparent;transition:background .15s,border-color .15s}.pin-dot.filled{background:var(--accent2);border-color:var(--accent2)}.pin-error{color:var(--accent);font-size:1.1rem;margin-bottom:12px;min-height:1.4rem}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px;margin:0 auto}.pin-key{padding:22px;font-size:1.8rem;font-weight:700;background:var(--bg2);color:var(--text);border:2px solid var(--bg3);border-radius:14px;cursor:pointer;transition:background .1s,transform .1s;-webkit-user-select:none;user-select:none}.pin-key:hover:not(:disabled){background:var(--bg3)}.pin-key:active:not(:disabled){transform:scale(.93);background:var(--accent2);color:#1a1a2e}.pin-key-empty{background:transparent;border-color:transparent;cursor:default;pointer-events:none}.morning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#0f3460,#533483);display:flex;align-items:center;justify-content:center;z-index:1000;text-align:center}.morning-box{padding:60px;max-width:700px}.morning-sun{font-size:5rem;margin-bottom:24px;animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.morning-title{font-size:3.5rem;font-weight:700;color:var(--accent2);margin-bottom:16px;line-height:1.2}.morning-sub{font-size:1.8rem;color:var(--text-muted);margin-bottom:40px}.btn-dismiss{background:var(--accent2);color:#1a1a2e;border:none;padding:20px 48px;font-size:1.6rem;border-radius:50px;cursor:pointer;font-weight:700;transition:transform .1s}.btn-dismiss:hover{transform:scale(1.05)}.photo-display{width:100%;height:100%;display:flex;flex-direction:column}.photo-main{flex:1;position:relative;overflow:hidden}.photo-main img{width:100%;height:100%;object-fit:contain;background:#000}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:24px 20px 16px;font-size:1.3rem;color:#fff}.photo-counter{position:absolute;top:12px;right:16px;background:#00000080;padding:4px 12px;border-radius:20px;font-size:1rem;color:var(--text-muted)}.photo-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;border-radius:50%;width:72px;height:72px;font-size:3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none;z-index:10}.photo-arrow:hover{background:#000000bf}.photo-arrow:active{transform:translateY(-50%) scale(.92)}.photo-arrow-left{left:16px}.photo-arrow-right{right:16px}.no-photos{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:16px;color:var(--text-muted);font-size:1.4rem}.no-photos-icon{font-size:4rem}.chat-box{background:var(--bg2);border-radius:var(--radius);display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.chat-header{padding:12px 16px;background:var(--bg3);border-radius:var(--radius) var(--radius) 0 0;font-size:1.1rem;font-weight:700;color:var(--accent2)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--bg)}.chat-messages::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}.chat-msg{padding:10px 14px;border-radius:12px;max-width:90%;font-size:1.1rem;line-height:1.4}.chat-msg.from-family{background:var(--bg3);align-self:flex-start;border-bottom-left-radius:4px}.chat-msg.from-oma{background:var(--accent);align-self:flex-end;border-bottom-right-radius:4px}.chat-sender{font-size:.8rem;color:var(--text-muted);margin-bottom:3px;font-weight:700}.chat-time{font-size:.75rem;color:var(--text-muted);margin-top:4px;text-align:right}.chat-input-row{display:flex;padding:8px;gap:8px;border-top:1px solid var(--bg3)}.chat-input{flex:1;background:var(--bg);border:1px solid var(--bg3);color:var(--text);padding:10px 14px;border-radius:8px;font-size:1.1rem}.chat-send-btn{background:var(--accent);border:none;color:#fff;padding:10px 18px;border-radius:8px;font-size:1.3rem;cursor:pointer}.mood-box{background:var(--bg2);border-radius:var(--radius);padding:16px;flex-shrink:0}.mood-title{font-size:1rem;color:var(--text-muted);margin-bottom:12px;text-align:center}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mood-btn{padding:14px 8px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,opacity .2s}.mood-btn:hover{transform:scale(1.04)}.mood-btn:active{transform:scale(.96)}.mood-sent{text-align:center;color:var(--accent2);font-size:.95rem;margin-top:8px;height:20px}.call-btn-big{width:100%;padding:18px;background:#27ae60;color:#fff;border:none;border-radius:12px;font-size:1.3rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;transition:background .2s}.call-btn-big:hover{background:#2ecc71}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:900}.incoming-call-box{background:var(--bg2);border-radius:24px;padding:48px;text-align:center;box-shadow:var(--shadow)}.call-icon{font-size:4rem;margin-bottom:16px;animation:ring .5s ease-in-out infinite alternate}@keyframes ring{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.incoming-call-box h2{font-size:2rem;margin-bottom:32px;color:var(--accent2)}.btn-accept{background:#27ae60;color:#fff;border:none;padding:20px 40px;font-size:1.5rem;border-radius:50px;cursor:pointer;margin-right:16px;font-weight:700}.btn-decline{background:var(--accent);color:#fff;border:none;padding:20px 40px;font-size:1.5rem;border-radius:50px;cursor:pointer;font-weight:700}.videocall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:950;display:flex;flex-direction:column}.videocall-bar{background:#1a1a2e;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.videocall-bar h3{color:var(--accent2);font-size:1.2rem}.videocall-frame{flex:1;border:none;width:100%}.btn-end-call{background:var(--accent);color:#fff;border:none;padding:10px 28px;font-size:1.1rem;border-radius:8px;cursor:pointer;font-weight:700}