*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;max-width:100%}html{overflow-x:hidden}body{overflow-x:clip}button,a,summary,label,select,input,textarea,[role=button]{touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text, #333);line-height:1.5;min-height:100vh}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-top:max(20px,env(safe-area-inset-top,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));background:var(--auth-page-bg, transparent)}.auth-card{width:100%;max-width:400px;padding:var(--auth-card-padding, 32px 26px);background:var(--auth-card-bg, var(--card-bg));border:var(--auth-card-border, 0);border-radius:var(--auth-card-radius, 1.5rem);box-shadow:var(--auth-card-shadow, var(--card-shadow));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-language{display:flex;justify-content:flex-end;margin-bottom:6px}.auth-header{text-align:center;margin-bottom:var(--auth-header-gap, 20px)}.auth-header h1{color:var(--auth-title-color, var(--text-dark));font-size:var(--auth-title-size, 2.15rem);line-height:1.15;letter-spacing:-.02em}.auth-subtitle{margin-top:6px;color:var(--text-muted);font-size:1rem;font-weight:500}.auth-hint{margin-top:12px;color:var(--text-muted);font-size:.85rem;text-align:center}.app-main{max-width:600px;margin:0 auto;padding-top:max(16px,env(safe-area-inset-top,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dashboard-main{max-width:1000px;margin:0 auto;padding-top:max(16px,env(safe-area-inset-top,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px))}.junos-app-header{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100vw;margin-left:calc(50% - 50vw);min-width:0;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));margin-bottom:16px;color:var(--header-text, var(--text-dark));background:var(--header-bg, rgba(255, 255, 255, .82));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0;box-shadow:var(--header-shadow, 0 4px 16px rgba(0, 0, 0, .08))}.junos-app-header--with-hero{margin-bottom:0}.app-main:has(>.junos-app-header),.dashboard-main:has(>.junos-app-header),.fam-page:has(>.junos-app-header){padding-top:0}.app-main:has(>.fam-page>.junos-app-header){padding-top:0}.junos-hdr-hero{display:flex;align-items:center;gap:12px;width:100vw;margin-left:calc(50% - 50vw);min-width:0;padding:12px 16px 14px;margin-bottom:16px;color:var(--header-text, var(--text-dark));background:var(--header-bg, rgba(255, 255, 255, .82));border-radius:0 0 1.25rem 1.25rem;box-shadow:var(--header-shadow, 0 4px 16px rgba(0, 0, 0, .08))}.junos-hdr-hero-text{flex:1 1 auto;min-width:0}.junos-hdr-hero-title{font-size:1.15rem;font-weight:800;overflow:hidden;text-overflow:ellipsis}.junos-hdr-hero-context{color:var(--text-muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.hdr-act{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hdr-act-ico{display:inline-flex;line-height:0}@media(max-width:460px){.junos-app-header-actions .hdr-act .hdr-act-txt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.junos-app-header-actions .hdr-act{min-width:44px;justify-content:center;padding-left:0;padding-right:0;border-radius:50%}}.hub-parent-entry{display:flex;justify-content:center;margin-top:22px}.hub-parent-entry .parent-link{background:transparent}input,select,textarea{font-size:16px;max-width:100%}.junos-app-header-identity{flex:1 1 auto;min-width:0}.junos-app-header-title{display:flex;align-items:center;gap:10px;min-width:0;margin:0;font-size:1.08rem;font-weight:800}.junos-app-header-title>*{min-width:0}.junos-app-header-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.86rem}.junos-app-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}@media(max-width:420px){.junos-app-header{gap:7px;padding:10px 8px}.junos-app-header-title{gap:7px;font-size:.98rem}.junos-app-header-actions .btn,.junos-app-header-actions button{padding-left:9px;padding-right:9px}}.scroll-top-btn{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;width:48px;height:48px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;cursor:pointer;touch-action:manipulation;color:#fff;background:var(--primary-grad, #444);box-shadow:0 6px 18px #00000038;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.scroll-top-btn.is-visible{opacity:.92;transform:translateY(0);pointer-events:auto}.btn{border:none;border-radius:var(--control-radius, .75rem);min-height:44px;padding:10px 16px;font-weight:600;cursor:pointer;touch-action:manipulation;font-size:.95rem;transition:transform .15s ease,filter .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(0);filter:brightness(.98)}.btn:disabled{opacity:.6;cursor:default}.btn[aria-busy=true]{cursor:progress;pointer-events:none}.btn-primary{background:var(--primary-grad);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:#ffffffb3;color:var(--text-dark)}.pill{border-radius:2rem}.full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffffb3;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;touch-action:manipulation;font-size:1.1rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--card-radius, 1.5rem);box-shadow:var(--card-shadow);padding:20px;margin-bottom:16px}.card h2{font-size:1.15rem;color:var(--text-dark);margin-bottom:12px}.form-group{margin-bottom:14px}.form-group label,.form-group-label{display:block;font-weight:600;margin-bottom:6px;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:44px;padding:11px 14px;border:2px solid var(--input-border, #dfe6ee);border-radius:var(--control-radius, .75rem);font:inherit;background:var(--input-bg, #fff);color:inherit}.form-group textarea{min-height:96px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--focus-border, var(--primary, #4a90d9));outline-offset:1px;border-color:var(--focus-border, var(--primary, #4a90d9))}.form-group :is(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}.form-help{margin-top:5px;color:var(--text-muted);font-size:.85rem}.form-error,.login-error,.field-error{min-height:1.2em;color:var(--danger);font-weight:600;text-align:center}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 0}.toggle-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;min-width:52px;height:30px;border:0;border-radius:15px;background:var(--toggle-off, #cbd5e1);position:relative;cursor:pointer;transition:background .2s ease;flex:0 0 auto}.toggle-row input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.toggle-row input[type=checkbox]:checked{background:var(--toggle-on, var(--primary, #2563eb))}.toggle-row input[type=checkbox]:checked:after{transform:translate(22px)}.toggle-row input[type=checkbox]:disabled{opacity:.55;cursor:default}.toggle-row input[type=checkbox]:focus-visible{outline:3px solid var(--focus-ring, var(--focus-border, var(--primary, #2563eb)));outline-offset:3px}.pin-input{display:flex;gap:clamp(4px,2vw,10px);justify-content:center;margin:14px 0;width:100%}.pin-digit{flex:1 1 46px;min-width:0;max-width:46px;height:56px;text-align:center;font-size:1.6rem;font-weight:700;border:2px solid var(--input-border, #dfe6ee);border-radius:var(--control-radius, .75rem);transition:border-color .2s ease}.pin-digit:focus{outline:2px solid var(--focus-border, var(--primary, #4a90d9));outline-offset:1px;border-color:var(--focus-border, var(--primary, #4a90d9))}.junos-modal{margin:auto;border:none;border-radius:var(--modal-radius, 1.25rem);padding:0;max-width:var(--modal-max-width, 560px);width:92vw;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--card-shadow)}.junos-modal{margin:min(8vh,8dvh) auto auto;max-height:min(90vh,90dvh)}.junos-modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:var(--modal-header-padding, 12px 8px 4px 20px)}.modal-header h2,.modal-header h3{color:var(--modal-title-color, var(--text-dark));font-size:var(--modal-title-size, 1.1rem)}.modal-body{padding:var(--modal-body-padding, 8px 20px 20px)}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:var(--modal-footer-padding, 0 20px 16px)}.close-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:var(--text-muted);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto}.close-btn:hover{background:#0000000f;color:var(--text-dark)}.emoji-picker{display:flex;flex-wrap:wrap;gap:8px}.emoji-btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border:2px solid var(--input-border, #dfe6ee);border-radius:12px;background:var(--input-bg, rgba(255, 255, 255, .9));font-size:1.5rem;cursor:pointer}.emoji-btn:hover:not(:disabled){border-color:var(--primary, #2563eb)}.emoji-btn.selected{border-color:var(--primary, #2563eb);background:var(--selection-bg, rgba(37, 99, 235, .1))}.emoji-btn:disabled{opacity:.35;cursor:not-allowed}.toast-container{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:2147483200;display:flex;flex-direction:column-reverse;gap:10px;width:min(92vw,420px)}.toast{padding:13px 18px;border-radius:1rem;box-shadow:var(--card-shadow);font-weight:600;color:#fff;white-space:pre-line}.loading-view{text-align:center;padding:80px 20px;font-size:1.2rem;color:var(--text-dark)}.error-box{background:var(--card-bg);border-radius:1.5rem;padding:28px;text-align:center;box-shadow:var(--card-shadow)}.empty-state{padding:48px 20px;color:var(--text-muted);text-align:center}.empty-state .emoji{display:block;margin-bottom:16px;font-size:4rem;line-height:1}.muted{color:var(--text-muted)}.center{text-align:center}.mt{margin-top:16px}.notification-badge{display:inline-flex;min-width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:999px;padding:0 .42rem;background:#d9363e;color:#fff;font-size:.78rem;font-weight:800;line-height:1}.legal-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:16px 0 20px;font-size:.85rem}.legal-footer a{color:inherit;opacity:.78;text-decoration:underline}.legal-footer a:hover{opacity:1}button:focus-visible,a[href]:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=radio]:focus-visible{outline:3px solid var(--focus-ring, var(--focus-border, var(--primary, #2563eb)));outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--kwazel-orange: #ea580c;--kwazel-orange-dark: #c2410c;--kwazel-orange-light: #fff7ed;--bg-primary: #f7f7fb;--bg-secondary: #ffffff;--text-primary: #2d2a3a;--text-secondary: #4a4560;--text-muted: #5c5670;--border: #e7e3f2;--shadow: 0 1px 3px rgba(45, 20, 90, .1);--shadow-lg: 0 4px 14px -1px rgba(45, 20, 90, .16);--gradient-kwazel: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--text: var(--text-primary);--text-dark: var(--text-primary);--primary: var(--kwazel-orange);--primary-grad: var(--gradient-kwazel);--card-bg: var(--bg-secondary);--card-shadow: var(--shadow);--danger: #dc2626;--success: #15803d;--input-border: var(--border);--focus-border: var(--kwazel-orange);--selection-bg: var(--kwazel-orange-light);--auth-page-bg: var(--gradient-kwazel);--auth-card-border: 3px solid var(--kwazel-orange);--auth-card-padding: 40px 30px;--auth-card-radius: 20px;--auth-card-shadow: var(--shadow-lg);--auth-header-gap: 28px;--auth-title-color: var(--kwazel-orange);--auth-title-size: 2.3rem}body{background:var(--bg-primary)}.offline-banner{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#fef3c7;color:#78350f;text-align:center;font-weight:700}.logout-btn,.lang-btn{min-width:48px;min-height:48px;padding:10px 14px;border:2px solid var(--kwazel-orange-dark);border-radius:10px;background:#fff;color:var(--kwazel-orange-dark);cursor:pointer;font-weight:700;font-size:.92rem;transition:all .2s ease}.logout-btn:hover,.lang-btn:hover{background:var(--kwazel-orange-light);border-color:var(--kwazel-orange)}.junos-app-header .logout-btn{border-color:#fff9}.logout-btn.full{width:100%;margin-top:12px}.hub-intro{margin-top:12px;color:var(--text-muted);text-align:center;font-weight:650}.kids-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:10px}.kid-tile{display:flex;min-width:0;min-height:164px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--text-primary);box-shadow:0 3px 10px #2d145a1a;cursor:pointer;font:inherit}.kid-tile:hover{border-color:var(--kwazel-orange);transform:translateY(-2px)}.kid-tile-avatar{display:block;line-height:0}.kid-tile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem}.family-entry{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:var(--kwazel-orange-light);border:2px solid var(--kwazel-orange);color:var(--text-primary);border-radius:14px;padding:14px 16px;margin:10px 0;font:inherit}.family-entry:hover{background:#ede9fe}.family-entry-icon{font-size:1.8rem;line-height:1}.family-entry-text{flex:1;display:flex;flex-direction:column;gap:2px}.family-entry-text strong{font-size:1.05rem;color:var(--kwazel-orange-dark)}.family-entry-text span{font-size:.85rem;color:var(--text-muted)}.parent-child-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border);flex-wrap:wrap}.parent-child-row:first-of-type{border-top:0}.parent-child-avatar{display:block;line-height:0}.parent-child-name{flex:1;min-width:80px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:12px}.subject-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:150px;padding:18px 14px;border:2px solid transparent;border-radius:16px;background:#fff;color:var(--text-primary);box-shadow:0 3px 10px #2d145a1a;cursor:pointer;font:inherit}.subject-tile:hover{border-color:var(--kwazel-orange);transform:translateY(-2px)}.subject-tile.disabled{opacity:.55;cursor:default;box-shadow:none}.subject-tile.disabled:hover{border-color:transparent;transform:none}.subject-emoji{font-size:2.6rem;line-height:1}.subject-tile strong{font-size:1.15rem}.subject-desc{font-size:.85rem;color:var(--text-muted)}.subject-tile{position:relative}.subject-trophy{position:absolute;top:8px;right:10px;line-height:1}.chat-list{display:flex;flex-direction:column;gap:8px}.chat-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:2px solid var(--kwazel-orange-light);border-radius:14px;padding:10px 12px;cursor:pointer;transition:border-color .15s ease}.chat-row:hover{border-color:var(--kwazel-orange)}.chat-row-avatar{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--kwazel-orange-light);border-radius:50%}.chat-row-main{flex:1;min-width:0}.chat-row-title{font-weight:700;display:flex;align-items:center;gap:6px}.chat-row-last{color:#666;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-unread{width:12px;height:12px;border-radius:50%;background:var(--kwazel-orange);flex:none}.chat-row-frozen{font-size:.8rem;color:#999}.chat-view{display:flex;flex-direction:column;gap:8px}.chat-messages{display:flex;flex-direction:column;gap:6px;padding:8px 2px}.chat-day-sep{align-self:center;font-size:.75rem;color:#888;background:var(--kwazel-orange-light);border-radius:999px;padding:2px 12px;margin:8px 0 2px}.chat-bubble{max-width:78%;border-radius:16px;padding:8px 12px;font-size:.98rem;overflow-wrap:anywhere}.chat-bubble-mine{align-self:flex-end;background:var(--kwazel-orange);color:#fff;border-bottom-right-radius:4px}.chat-bubble-theirs{align-self:flex-start;background:#f1f1f3;color:var(--text-primary, #222);border-bottom-left-radius:4px}.chat-bubble-author{display:block;font-size:.72rem;font-weight:700;opacity:.75;margin-bottom:2px}.chat-bubble-time{display:block;font-size:.68rem;opacity:.7;text-align:right;margin-top:2px}.chat-bubble img{max-width:100%;border-radius:10px;display:block}.chat-composer{display:flex;flex-direction:column;gap:8px;position:sticky;bottom:0;background:var(--kwazel-orange-light);border-radius:14px;padding:8px}.chat-composer-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.chat-composer textarea{flex:1;resize:none;border:2px solid #fff;border-radius:12px;padding:10px 12px;font:inherit;min-height:44px;max-height:140px;background:#fff}.chat-composer .btn{min-height:44px}.chat-review-banner{background:var(--kwazel-orange-light);border:2px dashed var(--kwazel-orange);border-radius:12px;padding:8px 12px;font-size:.85rem;color:#7c2d12}.chat-suggestions{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:560px){.chat-suggestions{grid-template-columns:1fr 1fr}}.chat-suggestion{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--kwazel-orange-light);border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left}.chat-suggestion:hover{border-color:var(--kwazel-orange)}.chat-participants{font-size:.8rem;color:#777}.sos-btn{background:#fff;border:2px solid #dc2626;color:#dc2626;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;min-height:44px}.sos-btn:hover{background:#fee2e2}.contact-card{border:2px solid var(--kwazel-orange-light);border-radius:12px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.report-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:700}.report-badge.ok{background:#dcfce7;color:#166534}.report-badge.achtung{background:#fef9c3;color:#854d0e}.report-badge.alarm{background:#fee2e2;color:#991b1b}.chat-photo-btn{border:0;padding:0;background:none;cursor:zoom-in;display:block;width:100%}.chat-photo-btn img{max-width:100%;border-radius:10px;display:block}.chat-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.chat-lightbox img{max-width:100vw;max-height:100dvh;object-fit:contain}.chat-lightbox-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff26;color:#fff;font-size:1.3rem;cursor:pointer}.pin-row{display:flex;gap:8px;overflow-x:auto;padding:8px 4px;position:sticky;top:64px;z-index:5;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px}.pin-item{flex:none;width:76px;height:76px;border-radius:16px;border:2px solid var(--kwazel-orange-light);background:#fff;cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.pin-item:hover{border-color:var(--kwazel-orange)}.pin-item img{width:100%;height:100%;object-fit:cover}.pin-item .pin-msg{font-size:.62rem;font-weight:700;padding:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.pin-add{font-size:1.6rem;color:var(--kwazel-orange);border-style:dashed}.sticker-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:2px;padding:4px;border-radius:12px;text-align:center}.sticker-card .sticker-emoji{font-size:1.5rem;line-height:1}.sticker-card .sticker-text{font-size:.58rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.sticker-big{width:min(78vw,340px);height:min(78vw,340px);border-radius:28px;gap:10px}.sticker-big .sticker-emoji{font-size:5.5rem}.sticker-big .sticker-text{font-size:1.5rem}.sticker-theme-sun{background:linear-gradient(135deg,#fde68a,#fdba74);color:#7c2d12}.sticker-theme-berry{background:linear-gradient(135deg,#fbcfe8,#ddd6fe);color:#831843}.sticker-theme-ocean{background:linear-gradient(135deg,#bae6fd,#a5f3fc);color:#0c4a6e}.sticker-theme-meadow{background:linear-gradient(135deg,#d9f99d,#bbf7d0);color:#14532d}.pin-full{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:92vw;cursor:default}.pin-full img{max-width:92vw;max-height:70dvh;object-fit:contain;border-radius:16px}.pin-full-msg{background:#fff;border-radius:20px;padding:24px;font-size:1.4rem;font-weight:700;max-width:min(92vw,480px);text-align:center;overflow-wrap:anywhere}.pin-full-by{color:#fff;opacity:.8;font-size:.85rem;margin:0}.pin-composer{background:#fff;border-radius:18px;padding:16px;width:min(94vw,560px);max-height:84dvh;overflow-y:auto;cursor:default;display:flex;flex-direction:column;gap:10px}.pin-tabs{display:flex;gap:8px;flex-wrap:wrap}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.sticker-pick{border:2px solid transparent;border-radius:14px;padding:0;background:none;cursor:pointer;aspect-ratio:1}.sticker-pick:hover{border-color:var(--kwazel-orange)}.pin-message-form{display:flex;flex-direction:column;gap:10px}.pin-message-form textarea{min-height:90px;border:2px solid var(--kwazel-orange-light);border-radius:12px;padding:10px;font:inherit}.chat-lightbox-pin{position:absolute;bottom:max(16px,env(safe-area-inset-bottom))}.chat-bubble-mine .chat-voice{filter:saturate(.9)}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.bg-swatch{border:2px solid var(--kwazel-orange-light);border-radius:12px;background:#fff;cursor:pointer;padding:4px;display:flex;flex-direction:column;gap:4px;align-items:center}.bg-swatch span{display:block;width:100%;height:44px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.bg-swatch.bg-active{border-color:var(--kwazel-orange);box-shadow:0 0 0 2px var(--kwazel-orange-light)}.chat-view{position:relative}.chat-bg-fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.chat-messages{background:transparent}.rec-indicator{display:inline-flex;align-items:center;gap:8px}.rec-meter{display:inline-block;width:46px;height:8px;background:#00000026;border-radius:999px;overflow:hidden}.rec-meter-fill{display:block;width:100%;height:100%;background:#fff;border-radius:999px;transform-origin:left;transition:transform 60ms linear}.chat-voice{max-width:100%;width:240px}.chat-bubble-sending{opacity:.75;display:inline-flex;align-items:center;gap:8px}.chat-sending-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:var(--kwazel-orange);animation:kwazel-spin .7s linear infinite;vertical-align:middle}.chat-bubble-sending .chat-sending-spinner{border-color:#fff6;border-top-color:#fff}@keyframes kwazel-spin{to{transform:rotate(360deg)}}.btn.is-disabled{opacity:.6;pointer-events:none}.ctrl-select{border:2px solid var(--kwazel-orange-light);border-radius:10px;padding:8px 10px;font:inherit;background:#fff;min-height:44px}.expert-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--kwazel-orange-light);flex-wrap:wrap}.expert-row>span{flex:1;min-width:120px}.notif-bell-wrap{position:relative}.notif-bell{position:relative;font-size:1.3rem;padding:6px 10px;min-height:44px}.notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;font-weight:800;line-height:1}.notif-bell .notif-badge{position:absolute;top:2px;right:2px}.notif-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:min(92vw,340px);max-height:70dvh;overflow-y:auto;background:#fff;border:2px solid var(--kwazel-orange-light);border-radius:14px;box-shadow:0 12px 32px #0000002e;padding:8px}.notif-head{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px}.notif-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:10px 8px;cursor:pointer;font:inherit}.notif-row:hover{background:var(--kwazel-orange-light)}.notif-unread{background:#fff7ed}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--kwazel-orange);flex:none}.notif-body{flex:1;min-width:0;font-size:.9rem}.notif-time{color:#999;font-size:.75rem;white-space:nowrap}:root{--fam-accent: #2e9e5b}.fam-page{max-width:720px;margin:0 auto;padding:16px}.fam-section-title{margin:20px 0 8px;font-size:1.15rem;scroll-margin-top:12px}.fam-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fam-error{color:#b91c1c;font-weight:600}.fam-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}.fam-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}.fam-seg{display:inline-flex;gap:6px;margin:6px 0;flex-wrap:wrap}.fam-seg-btn{border:1px solid #cfe3d6;border-radius:999px;background:#fff;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit}.fam-seg-btn[aria-checked=true],.fam-seg-btn[aria-pressed=true]{background:var(--fam-accent);border-color:var(--fam-accent);color:#fff;font-weight:700}.fam-pill{border:2px solid #ddd;background:#fff;border-radius:999px;padding:8px 12px;min-height:44px;cursor:pointer;font:inherit}.fam-pin-required{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.fam-pin-required .fam-pill{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.fam-wizard{max-width:560px;margin:0 auto;padding:24px 16px;text-align:center}.fam-wizard-step{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.fam-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.fam-tile{border:2px solid #cfe3d6;background:#fff;border-radius:16px;padding:18px 10px;min-height:96px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:inherit;font-weight:700}.fam-tile:hover{border-color:var(--fam-accent);transform:translateY(-1px)}.fam-tile[aria-pressed=true]{border-color:var(--fam-accent);box-shadow:0 0 0 2px var(--fam-accent) inset}.fam-wizard-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.fam-wizard-invite-hint{background:#fff7e0;border:1px solid #eddca0;border-radius:12px;padding:10px 12px;font-weight:600;margin-bottom:14px}.fam-tile-emoji{font-size:2.2rem}.fam-wizard-nav{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.fam-added{font-weight:600;margin:4px 0}.fam-child-card{margin-bottom:12px}.fam-child-head{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.fam-avatar-thumb{position:relative;border:2px solid #cfe3d6;background:#fff;border-radius:50%;width:76px;height:76px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.fam-avatar-thumb:hover{border-color:var(--fam-accent)}.fam-avatar-edit-hint{position:absolute;right:-4px;bottom:-4px;background:#fff;border:1px solid #cfe3d6;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.fam-relations{font-size:.85rem;margin:6px 0 0}@media(max-width:420px){.fam-child-head{flex-direction:column;align-items:center}.fam-child-head>div{width:100%}.fam-child-head .fam-relations{text-align:center}}.fam-remove{min-width:44px;min-height:44px}.fam-avatar-editor-head-row{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.fam-avatar-preview{background:linear-gradient(135deg,#e0f2ff,#fff);border-radius:50%;box-shadow:0 4px 15px #0000001f;padding:8px;line-height:0;width:128px;height:128px;display:grid;place-items:center;overflow:hidden;flex:none}.fam-avatar-preview svg{width:100%;height:100%}@media(max-width:480px){.fam-avatar-preview{width:88px;height:88px;padding:5px}}.fam-adult-card{margin-bottom:12px}.fam-badge{font-size:.75rem;background:#fff7e0;border:1px solid #eddca0;border-radius:999px;padding:2px 8px;margin-left:6px}.fam-status{font-size:.85rem;border-radius:999px;padding:4px 10px;white-space:nowrap}.fam-status-linked{background:#e7f6ec;color:#1d7a43}.fam-status-invited{background:#eef4ff;color:#2d5eb8}.fam-status-profile{background:#f2f2f2;color:#555}.fam-collapse{border:none;background:none;cursor:pointer;font:inherit;font-weight:600;padding:8px 0;min-height:44px}.fam-invite-box{background:#f6fbf7;border:1px dashed var(--fam-accent);border-radius:12px;padding:10px;margin-top:8px;display:flex;flex-direction:column;gap:6px}.fam-invite-url{word-break:break-all;font-size:.8rem;background:#fff;border-radius:8px;padding:6px 8px}.fam-code-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.fam-code{font-size:1.6rem;font-weight:800;letter-spacing:.18em;border:2px dashed var(--fam-accent);border-radius:12px;padding:8px 14px;background:#fff}.fam-invite-landing{max-width:520px;text-align:center;padding-top:40px}.fam-pin-section{border-top:1px dashed #cfe3d6;margin-top:8px;padding-top:8px}.fam-pin-section-title{font-weight:600;margin:4px 0}.fam-pin-status{font-weight:700;border-radius:999px;padding:6px 12px}.fam-pin-status-set{background:#e7f6ec;color:#1d7a43}.fam-pin-status-unset{background:#fff7e0;color:#b45309}.fam-avatar-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;flex:none;line-height:0}.fam-avatar-badge svg{width:100%;height:100%}.fam-avatar-badge-btn{border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%}.fam-avatar-badge-pen{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cfe3d6;border-radius:50%;font-size:.9rem;line-height:1;box-shadow:0 1px 4px #0000002e}@media(max-width:480px){.fam-avatar-badge{width:64px;height:64px}}.fam-device{border-top:1px dashed #cfe3d6;margin-top:8px;padding-top:8px}.fam-device-form{margin-top:6px}.fam-ca-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.fam-ca-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;cursor:pointer;font:inherit;border:2px solid #cfe3d6;border-radius:16px;background:#fff}.fam-ca-tile:hover{border-color:var(--fam-accent);transform:translateY(-1px)}.fam-merge-entry{margin-top:6px}.fam-merge-link{background:none;border:none;padding:2px 0;color:var(--fam-accent);font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fam-merge-way{border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 12px;margin-top:12px}.fam-merge-way-title{font-weight:700;margin:0 0 4px}.fam-merge-sides{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}@media(min-width:560px){.fam-merge-sides{grid-template-columns:1fr 1fr}}.fam-merge-side{border:2px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px;position:relative}.fam-merge-side-a{border-color:var(--fam-accent)}.fam-merge-side-b{border-color:#7c5cd6}.fam-merge-badge{display:inline-block;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;color:#fff;background:#64748b}.fam-merge-badge-a{background:var(--fam-accent)}.fam-merge-badge-b{background:#7c5cd6}.fam-merge-badge-new{background:#b45309}.fam-merge-side-head{display:flex;gap:10px;align-items:center;margin-top:6px}.fam-merge-side-name{font-weight:800;margin:0}.fam-merge-side-fam{margin:0;font-size:.85rem}.fam-merge-side-facts{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0 0;font-size:.85rem}.fam-merge-side-facts dt{opacity:.7}.fam-merge-side-facts dd{margin:0}.fam-merge-transparency{border:2px solid #b45309;background:#b4530914;border-radius:12px;padding:10px 12px;margin-top:12px}.fam-merge-transparency-title{font-weight:800;margin:0 0 6px}.fam-merge-auto-list{margin:0;padding-left:18px;font-size:.9rem}.fam-merge-auto-hint{margin:6px 0 0;font-size:.8rem}.fam-merge-conflicts{margin-top:12px}.fam-merge-conflicts-title{font-weight:700;margin:0 0 6px}.fam-merge-proposed-hint{margin:0 0 6px;font-size:.8rem}.fam-merge-conflict{border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:8px 10px;margin-top:8px}.fam-merge-conflict-mandatory{border:2px solid #b91c1c;background:#b91c1c0f}.fam-merge-conflict-label{font-weight:700;margin:0 0 6px;font-size:.9rem}.fam-merge-required{color:#b91c1c}.fam-merge-birth-warn{margin:0 0 6px;font-size:.85rem}.fam-merge-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.fam-merge-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid rgba(0,0,0,.15);border-radius:10px;background:transparent;cursor:pointer;text-align:left;font:inherit}.fam-merge-option[aria-pressed=true]{border-color:var(--fam-accent);background:#2e9e5b1f;font-weight:700}.fam-merge-option-value{min-width:0;overflow-wrap:anywhere}.fam-merge-pin-recommend{margin:6px 0 0;font-size:.8rem}.fam-merge-pin-input{margin-top:8px}.fam-merge-pin-done{margin:0;font-weight:600}.fam-merge-actions{justify-content:flex-end;margin-top:14px}.fam-merge-final-hint{font-size:.8rem;margin:6px 0 0;text-align:right}.fam-merge-card{border-left:4px solid var(--fam-accent)}.fam-merge-card-text{margin:0 0 6px;font-weight:600}.fam-merge-history{font-size:.85rem;margin:4px 0}.fam-switcher{border-left:4px solid var(--fam-accent)}.fam-switcher-hint{margin:0 0 8px;font-size:.9rem}.fam-switcher-row{display:flex;flex-wrap:wrap;gap:8px}
