@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#dceaf0;background:#03101b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#03101b}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 35%,#123b46,#061d2a 42%,#03101b 78%)}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:760px;margin:0 auto;padding:24px 24px 110px;min-height:100vh;position:relative;overflow:hidden}.topbar{height:44px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.wordmark{background:none;border:0;color:#c4b0df;font:500 32px Playfair Display,serif;letter-spacing:1px;padding:0}.seal-button{display:flex;gap:9px;align-items:center;border:0;background:transparent;color:#91b3bc;font-size:14px;padding:8px}.intro{max-width:430px;margin:52px auto 28px}.eyebrow,.shell-caption{font-size:9px;letter-spacing:1.7px;color:#6da6a8;font-weight:600}.intro h1{font:500 clamp(36px,8vw,54px)/1.1 "Playfair Display",serif;color:#e9f0f3;margin:14px 0}.intro h1 em{color:#8acbc6}.intro p{color:#819aa8;line-height:1.65;font-size:14px;max-width:320px}.panel{max-width:430px;margin:0 auto;background:linear-gradient(145deg,#0d2738eb,#061827f0);border:1px solid #244352;border-radius:18px;padding:23px;box-shadow:0 20px 60px #0003}.panel-heading{display:flex;gap:13px;align-items:center;margin-bottom:20px}.icon-box{width:38px;height:38px;display:grid;place-items:center;border:1px solid #315565;border-radius:11px;color:#7ed4cf}.panel h2{font-size:17px;margin:0 0 5px}.panel-heading p{font-size:12px;color:#7e9ba8;margin:0}label{display:block;color:#9bb3bd;font-size:12px;margin:15px 0}input{display:block;width:100%;margin-top:7px;border:1px solid #294958;background:#071b2a;color:#edf8f7;border-radius:8px;padding:13px 12px;outline:none}input:focus{border-color:#50c8c1;box-shadow:0 0 0 3px #50c8c122}.primary-button{border:1px solid #3bcac5;background:linear-gradient(105deg,#32c7b8,#14a9c7);color:#07313a;font-weight:700;border-radius:9px;padding:14px 18px;width:100%;box-shadow:0 8px 24px #06b9bf22}.primary-button:disabled{opacity:.6}.text-button{display:block;margin:13px auto 0;border:0;background:none;color:#76c9c6;font-size:12px}.vessel-view{text-align:center;padding-top:30px}.shell-caption{margin:0 auto}.shell-stage{height:clamp(250px,66vw,400px);max-height:400px;position:relative;display:grid;place-items:center;margin:4px auto 0;max-width:460px;perspective:700px}.aura{position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(ellipse,#d7a85c30,#3de7db26 32%,#20b5b500 70%);filter:blur(15px)}.shell-stage:before,.shell-stage:after{content:"";position:absolute;width:65%;height:65%;border-radius:50%;border:1px solid #62d4c32b;box-shadow:0 0 30px #1bc8c833;transform:rotate(-25deg)}.shell-stage:after{width:78%;height:55%;border-color:#d6ac6833;transform:rotate(24deg)}.cowrie{position:relative;width:min(73vw,330px);height:min(48vw,220px);min-height:170px;border-radius:48% 52% 47% 53%/47% 45% 55% 53%;transform:rotate(-13deg);background:radial-gradient(ellipse at 30% 24%,#fff1c2,#c99754 14%,#65401f 23%,#f0d5a0 35%,#9c6936,#e9c88b 69%,#4c2d19 85%,#d4a75f);border:3px solid #d6b16c;box-shadow:inset 0 4px 8px #fff7d5,inset 0 -10px 15px #301b0d,0 0 26px #42d5c94a,0 25px 45px #0007;overflow:hidden}.cowrie:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;border:2px solid #f4d69b;box-shadow:inset 0 0 0 3px #65401f,inset 0 0 0 5px #e6c080}.shell-ornament{position:absolute;z-index:2;left:7%;width:86%;text-align:center;color:#603719;text-shadow:0 1px #ffe4a2;font-size:clamp(22px,5vw,32px);letter-spacing:1px}.top-ornament{top:19%;transform:rotate(-4deg)}.bottom-ornament{bottom:10%;transform:rotate(4deg)}.shell-teeth{position:absolute;z-index:3;top:43%;left:3%;width:94%;height:18%;border-radius:50%;background:repeating-linear-gradient(90deg,#f8e7b6 0,#f8e7b6 7px,#75502c 7px,#75502c 10px);clip-path:polygon(0 0,100% 0,97% 40%,94% 100%,90% 35%,86% 100%,82% 35%,78% 100%,74% 35%,70% 100%,66% 35%,62% 100%,58% 35%,54% 100%,50% 35%,46% 100%,42% 35%,38% 100%,34% 35%,30% 100%,26% 35%,22% 100%,18% 35%,14% 100%,10% 35%,6% 100%,3% 35%)}.shell-glow{position:absolute;z-index:1;top:47%;left:9%;width:82%;height:8%;border-radius:50%;background:#26f9e7;box-shadow:0 0 10px #48fff5,0 0 25px #00d7d0;opacity:.9}.shell-star{position:absolute;color:#f2d38e;text-shadow:0 0 15px #f6ce74}.star-one{right:12%;top:23%;font-size:23px}.star-two{left:14%;bottom:22%;font-size:17px}.vessel-name{font:500 clamp(40px,9vw,54px) "Playfair Display",serif;color:#e3dce9;margin:0}.vessel-subtitle{color:#849aa9;font-size:15px;margin:12px 0 38px}.memory-button{max-width:380px;padding:19px;font-size:15px}.vessel-note{max-width:570px;margin:54px auto 0;text-align:left;border:1px solid #25424d;background:#09212b;border-radius:18px;overflow:hidden}.photo-placeholder{height:125px;display:grid;place-items:center;color:#7ccbc3;background:linear-gradient(120deg,#102b32,#1b3a3d,#091d28);font-size:30px}.vessel-note p{padding:0 17px;color:#91a9b2;font-size:13px}.content-view{max-width:570px;margin:50px auto 30px}.content-view h1{font:500 43px Playfair Display,serif;margin:10px 0}.muted{color:#88a1ad;font-size:13px;line-height:1.7}.refresh-button,.icon-button{display:flex;align-items:center;gap:8px;margin:20px 0;background:#0c2a36;color:#8ed4cf;border:1px solid #254a55;border-radius:9px;padding:10px 13px}.empty-state{margin-top:30px;padding:30px 20px;text-align:center;border:1px solid #24434f;border-radius:16px;background:#09202b;color:#76c8c2}.empty-state h3{color:#dce9ec;font-size:17px}.empty-state p{color:#819aa7;font-size:13px;line-height:1.7}.link-list{display:grid;gap:10px;margin-top:20px}.link-row{display:flex;align-items:center;gap:12px;padding:15px;background:#09202b;border:1px solid #24434f;border-radius:12px}.link-symbol{width:38px;height:38px;border-radius:10px;background:#113641;display:grid;place-items:center;color:#72d0c8}.link-info{display:grid;gap:4px;min-width:0;flex:1}.link-info strong{font-size:13px}.link-info span,.link-info small{font-size:11px;color:#87a4ae;overflow-wrap:anywhere}.status{font-size:10px;color:#80d7bd;border:1px solid #27584d;border-radius:20px;padding:5px 8px}.sentinel-panel{margin-top:22px;border:1px solid #28504f;background:#0a272e;padding:25px;border-radius:16px;color:#75d0c5}.sentinel-panel h2{font:500 24px Playfair Display,serif;color:#e2ebeb}.sentinel-panel p{color:#91aab1;font-size:13px;line-height:1.7}.notice{display:flex;gap:10px;align-items:flex-start;max-width:570px;margin:16px auto;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.6}.notice button{margin-left:auto;background:none;border:0;color:inherit}.notice.error{color:#ffc4bb;border:1px solid #733d3b;background:#351c21}.notice.success{color:#9ce5d1;border:1px solid #286054;background:#102c2e}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(4,1fr);padding:12px 8px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#18323ee8,#102b38f5);border:1px solid #31515a;border-bottom:0;border-radius:15px 15px 0 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;color:#668995;font-size:11px;padding:5px}.nav-item.active{color:#79ded7}.nav-item.active svg{filter:drop-shadow(0 0 7px #54e8df66)}footer{color:#5e7d8b;text-align:center;font-size:11px;padding:28px 0}footer span{color:#6bd3c9}.loading{color:#87a5b0;padding:22px}.loading:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#53cfc4;margin-right:10px}@media(min-width:600px){.app-shell{padding-top:32px}.intro{margin-top:70px}.vessel-view{padding-top:45px}}@media(max-width:420px){.app-shell{padding:18px 18px 100px}.topbar{height:38px}.vessel-view{padding-top:24px}.shell-stage{height:280px}.vessel-subtitle{margin-bottom:28px}.panel{padding:19px}}.memory-list{display:grid;gap:15px;max-width:570px;margin:36px auto 0;text-align:left}.memory-card{overflow:hidden;border:1px solid #294751;border-radius:15px;background:linear-gradient(135deg,#0c2732,#071c29);box-shadow:0 12px 30px #0002}.memory-card>img{display:block;width:100%;max-height:240px;object-fit:cover}.memory-image-placeholder{height:110px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#112f37,#193c40,#0b2530);color:#77c9c2}.memory-image-placeholder span{font-size:9px;letter-spacing:2px}.memory-copy{padding:16px 18px}.memory-copy h3,.flow-card h3{font:500 23px Playfair Display,serif;color:#e7e1e7;margin:8px 0}.memory-copy p,.flow-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#9bb0b7;font-size:13px;line-height:1.7;margin:0 0 12px}.memory-copy small,.flow-card small{font-size:10px;color:#6f949b}.modal-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#020b12cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.memory-modal{width:min(100%,500px);max-height:90dvh;overflow-y:auto;background:linear-gradient(145deg,#102f3c,#071b29);border:1px solid #3b666c;border-radius:18px;padding:22px;box-shadow:0 25px 80px #0008}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-heading h2{font:500 27px Playfair Display,serif;margin:8px 0;color:#f0e8ef}.close-button{display:grid;place-items:center;border:1px solid #31535e;background:#0a2632;color:#9bc5c8;border-radius:9px;padding:9px}.memory-modal textarea{display:block;width:100%;resize:vertical;margin-top:7px;border:1px solid #294958;background:#071b2a;color:#edf8f7;border-radius:8px;padding:13px;outline:none;font:inherit;line-height:1.5}.memory-modal textarea:focus{border-color:#50c8c1;box-shadow:0 0 0 3px #50c8c122}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-note{font-size:11px;color:#7da2a9;margin:10px 0 18px}.flow-card{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:17px;border:1px solid #294751;border-radius:13px;background:#09232d;color:#79cfc5}.flow-card>svg{flex-shrink:0;margin-top:5px}.flow-card h3{font-size:20px;margin-top:0}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#67d7b3;box-shadow:0 0 10px #67d7b355;margin-right:7px}.status-line{font-size:11px;color:#8cb5b3;margin-top:20px}@media(max-width:420px){.field-grid{grid-template-columns:1fr;gap:0}.memory-modal{padding:18px}.modal-heading h2{font-size:23px}}.login-hero{max-width:430px;margin:34px auto 8px;text-align:center}.login-hero h1{font:500 clamp(34px,8vw,49px)/1.1 "Playfair Display",serif;color:#e9f0f3;margin:12px 0}.login-hero h1 em{color:#8acbc6}.login-hero>p{color:#819aa8;line-height:1.6;font-size:13px;max-width:320px;margin:0 auto}.login-shell{height:clamp(200px,55vw,300px);max-width:370px;margin:-2px auto -8px}.login-shell .shell-stage{height:100%;max-height:none}.login-shell .cowrie{width:min(65vw,280px);height:min(43vw,185px);min-height:145px}.auth-panel{position:relative;z-index:1;margin-top:0}.login-shell .shell-stage:before{width:61%;height:61%}@media(min-width:600px){.login-hero{margin-top:42px}.login-shell{height:270px}}.shell-artwork{isolation:isolate}.shell-illustration{position:relative;z-index:1;width:100%;height:100%;max-width:460px;overflow:visible;filter:drop-shadow(0 18px 24px #0005)}.shell-artwork .aura{width:90%;height:90%;background:radial-gradient(ellipse,#2cf5e526 0%,#d3a15319 35%,transparent 72%);filter:blur(22px)}.login-shell .shell-illustration{width:100%;height:100%}.shell-artwork{isolation:isolate;overflow:visible}.shell-artwork:before,.shell-artwork:after{display:none}.shell-artwork .aura{display:none}.shell-image{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:520px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 24px #0005)}.shell-stage.shell-artwork{width:100%;max-width:460px;height:clamp(285px,66vw,400px);margin:4px auto 0;display:grid;place-items:center;isolation:isolate;overflow:visible}.shell-stage.shell-artwork:before{content:"";display:block;position:absolute;z-index:-1;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,rgba(61,231,219,.14) 0%,rgba(215,168,92,.1) 34%,transparent 70%);filter:blur(15px);animation:boli-shell-pulse 3.8s ease-in-out infinite}.shell-stage.shell-artwork:after{display:none}.shell-stage .shell-image{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:460px;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;filter:none;animation:none}.login-shell{height:clamp(200px,55vw,300px);max-width:370px}.login-shell .shell-stage.shell-artwork{height:100%;max-width:370px}.login-shell .shell-image{transform:none}@keyframes boli-shell-pulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.9;transform:scale(1.06)}}@media(max-width:420px){.shell-stage.shell-artwork{height:280px}.login-shell{height:235px}}@media(prefers-reduced-motion:reduce){.shell-stage.shell-artwork:before{animation:none}}.shell-stage.shell-artwork{background:transparent!important;isolation:isolate}.shell-stage.shell-artwork:before{display:block!important;z-index:0;width:76%;height:76%;background:radial-gradient(ellipse,rgba(38,249,231,.22) 0%,rgba(61,231,219,.12) 34%,rgba(215,168,92,.09) 50%,transparent 73%);filter:blur(19px);animation:boli-shell-aura-pulse 3.1s ease-in-out infinite}.shell-stage.shell-artwork .shell-image{background:transparent!important;mix-blend-mode:normal;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2)) drop-shadow(0 0 10px rgba(38,249,231,.12));transform-origin:50% 50%;animation:boli-shell-living 4.2s ease-in-out infinite}.login-shell .shell-stage.shell-artwork:before{width:70%;height:70%}.login-shell .shell-stage.shell-artwork .shell-image{animation:boli-shell-living 4.2s ease-in-out infinite}@keyframes boli-shell-living{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.035)}}@keyframes boli-shell-aura-pulse{0%,to{opacity:.42;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.shell-stage.shell-artwork:before,.shell-stage.shell-artwork .shell-image,.login-shell .shell-stage.shell-artwork .shell-image{animation:none}}.shell-stage.shell-artwork{height:clamp(250px,58vw,350px);max-width:400px}.shell-stage.shell-artwork .shell-image{width:78%;height:90%;max-width:400px;object-fit:contain;transform-origin:50% 50%;animation:boli-shell-living 3.2s ease-in-out infinite;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22)) drop-shadow(0 0 12px rgba(38,249,231,.18))}.shell-stage.shell-artwork:before{z-index:0;width:68%;height:68%;background:radial-gradient(ellipse,rgba(38,249,231,.32) 0%,rgba(61,231,219,.2) 32%,rgba(215,168,92,.12) 52%,transparent 74%);filter:blur(22px);animation:boli-shell-aura-pulse 3.2s ease-in-out infinite}.login-shell{height:clamp(180px,48vw,245px);max-width:320px}.login-shell .shell-stage.shell-artwork{height:100%;max-width:320px}.login-shell .shell-stage.shell-artwork .shell-image{width:72%;height:88%;animation:boli-shell-living 3.2s ease-in-out infinite}.login-shell .shell-stage.shell-artwork:before{width:66%;height:66%}@keyframes boli-shell-living{0%,to{transform:translateY(0) scale(.97)}50%{transform:translateY(-4px) scale(1.015)}}@keyframes boli-shell-aura-pulse{0%,to{opacity:.32;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}@media(max-width:420px){.shell-stage.shell-artwork{height:255px}.shell-stage.shell-artwork .shell-image{width:78%;height:90%}.login-shell{height:205px}.login-shell .shell-stage.shell-artwork .shell-image{width:72%;height:88%}}@media(prefers-reduced-motion:reduce){.shell-stage.shell-artwork:before,.shell-stage.shell-artwork .shell-image{animation:none}}:root,body,button,input,textarea,select,.wordmark,.intro h1,.vessel-name,.content-view h1,.sentinel-panel h2,.memory-copy h3,.flow-card h3,.modal-heading h2,.login-hero h1{font-family:DM Sans,sans-serif}.upload-preview{margin-top:12px;padding:12px;border:1px solid rgba(116,213,205,.28);border-radius:14px;background:#05141fb8}.upload-preview img,.upload-preview video{display:block;width:100%;max-height:300px;object-fit:contain;margin-top:8px;border-radius:10px;background:#02080d}.upload-preview audio{display:block;width:100%;margin-top:10px}.upload-preview .eyebrow{letter-spacing:.14em}html,body,#root{width:100%;min-height:100%}.app-shell{width:100%;max-width:760px;min-width:0;padding-left:clamp(14px,4vw,24px);padding-right:clamp(14px,4vw,24px)}img,video,audio{max-width:100%}input,textarea,select{width:100%;max-width:100%;min-width:0;font:inherit}textarea,select{display:block;margin-top:7px;border:1px solid #294958;background:#071b2a;color:#edf8f7;border-radius:8px;padding:12px;outline:none}textarea{resize:vertical}select:focus,textarea:focus{border-color:#50c8c1;box-shadow:0 0 0 3px #50c8c122}button{min-height:40px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:filter .16s ease,transform .16s ease,border-color .16s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid #75e3dc;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.58}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;white-space:normal;line-height:1.35}.text-button{min-height:38px;padding:8px 12px}.seal-button,.icon-button,.refresh-button,.close-button{min-height:42px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow-y:auto;overscroll-behavior:contain;display:flex;align-items:flex-start;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));background:#00070dd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.memory-modal{width:min(100%,560px);max-height:none;min-width:0;margin:auto;padding:clamp(16px,4vw,26px);border:1px solid #294957;border-radius:18px;background:linear-gradient(145deg,#0d2738,#061827);box-shadow:0 24px 80px #0009}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-heading>div{min-width:0}.modal-heading h2{overflow-wrap:anywhere}.close-button{flex:0 0 42px;display:grid;place-items:center;border:1px solid #31515d;border-radius:10px;background:#0b2633;color:#b8d7dc}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.field-grid>label{min-width:0}.link-invite-form{padding:16px;border:1px solid #24434f;border-radius:12px;background:#09202b}.link-invite-form .primary-button{width:100%}.link-actions{display:flex;flex-wrap:wrap;gap:6px}.link-actions .text-button{margin:0}.memory-copy small,.memory-copy p,.flow-card p{overflow-wrap:anywhere}@media(max-width:520px){.app-shell{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.field-grid{grid-template-columns:minmax(0,1fr);gap:0}.memory-modal{margin:0 auto;border-radius:14px}.content-view{margin-top:32px}.content-view h1{font-size:clamp(34px,10vw,43px)}.memory-button{width:100%}.link-row{flex-wrap:wrap}.link-info{flex-basis:calc(100% - 60px)}.bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media(max-width:360px){.app-shell{padding-left:12px;padding-right:12px}.nav-item{font-size:10px}.nav-item svg{width:20px;height:20px}.seal-button{font-size:12px}}.modal-backdrop{align-items:center;overflow-y:auto;padding:18px 14px}.memory-modal{width:min(100%,500px);max-height:min(90dvh,820px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:clamp(16px,4vw,22px);border-radius:18px}.memory-modal label{margin:13px 0}.memory-modal input:not([type=file]),.memory-modal textarea,.memory-modal select{font-size:14px;line-height:1.45}.memory-modal select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.memory-modal input[type=file]{padding:10px;font-size:12px}.memory-modal .privacy-note{margin:12px 0 16px;line-height:1.6}.memory-modal>.primary-button{position:sticky;bottom:0;z-index:2;margin-top:8px;box-shadow:0 4px 18px #0005}@media(max-width:520px){.modal-backdrop{align-items:flex-start;padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.memory-modal{width:100%;max-height:calc(100dvh - max(22px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));margin:0 auto;padding:16px}.modal-heading h2{font-size:clamp(21px,6vw,27px)}}.memory-modal{width:min(100%,450px);max-height:min(86dvh,740px);padding:17px;border-color:#3c665f;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#153b43,#0a2230 44%,#061521);box-shadow:0 25px 90px #000b,inset 0 1px #8ce0c51c}.memory-modal .modal-heading{align-items:center;padding-bottom:12px;border-bottom:1px solid #6db5a51e;margin-bottom:12px}.memory-modal .modal-heading h2{margin:4px 0 0;font-size:clamp(21px,5vw,26px);letter-spacing:-.035em}.memory-type-picker{margin:8px 0 16px;padding:11px;border:1px solid #38665f;border-radius:15px;background:linear-gradient(145deg,#0a2a34,#071c2a);box-shadow:inset 0 1px #b6fff013}.memory-type-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 2px 10px}.memory-type-label .eyebrow{color:#8de0c4;font-size:10px;letter-spacing:.14em}.memory-type-hint{color:#8aaab1;font-size:11px}.memory-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.memory-type-card{min-width:0;min-height:91px;padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #294955;border-radius:11px;color:#c9e1e2;background:#0a202d;text-align:center}.memory-type-card .memory-type-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#91d9c6;background:#173d43;font-size:19px;line-height:1}.memory-type-card strong{font-size:12px;font-weight:650}.memory-type-card small{color:#8eabb3;font-size:9px;line-height:1.25;overflow-wrap:anywhere}.memory-type-card.selected{border-color:#77d9bb;color:#f0fffa;background:linear-gradient(155deg,#174a4c,#0c3039);box-shadow:0 0 0 1px #77d9bb33,0 5px 18px #4cc8a015}.memory-type-card.selected .memory-type-icon{color:#06251f;background:#8ce0c3}.memory-modal label{margin:10px 0;font-size:12px;color:#c1d9dc}.memory-modal input:not([type=file]),.memory-modal textarea,.memory-modal select{margin-top:5px;padding:10px 11px;border-radius:9px;background-color:#061a26;border-color:#294955}.memory-modal textarea{min-height:88px}.memory-modal .field-grid{gap:0 10px}.memory-modal .privacy-note{padding:9px 10px;border-left:2px solid #68c9ad;border-radius:0 7px 7px 0;background:#12303980;font-size:11px}.memory-modal>.primary-button{width:100%;min-height:43px;border-radius:11px;background:linear-gradient(100deg,#b88a45,#e0c17b 48%,#9bdcc3);color:#08212a;font-weight:750;letter-spacing:.01em}@media(max-width:420px){.memory-modal{padding:13px;border-radius:16px}.memory-type-picker{padding:8px}.memory-type-grid{gap:5px}.memory-type-card{min-height:82px;padding:7px 2px}.memory-type-card small{font-size:8px}.memory-type-label{flex-wrap:wrap}}.memory-visibility-picker{margin:13px 0 15px;padding:11px;border:1px solid #806b42;border-radius:15px;background:linear-gradient(145deg,#282b2b,#0b202a);box-shadow:inset 0 1px #f4d69a12}.memory-visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.memory-visibility-card{min-width:0;min-height:82px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #43545a;border-radius:11px;color:#d5e4e3;background:#0a202a;text-align:center}.memory-visibility-card .memory-visibility-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#e5c27b;background:#3c3527;font-size:17px}.memory-visibility-card strong{font-size:11px;line-height:1.25}.memory-visibility-card small{color:#91aeb4;font-size:9px;line-height:1.25}.memory-visibility-card.selected{border-color:#e1c17b;color:#fff8e8;background:linear-gradient(155deg,#51442b,#17353b);box-shadow:0 0 0 1px #e1c17b30,0 5px 18px #d0a95312}.memory-visibility-card.selected .memory-visibility-icon{color:#1c2828;background:#e1c17b}@media(max-width:360px){.memory-visibility-grid{gap:5px}.memory-visibility-card{padding:8px 3px}.memory-visibility-card strong{font-size:10px}}.location-picker{margin:13px 0;padding:12px;border:1px solid #376b69;border-radius:15px;background:radial-gradient(ellipse at 0% 0%,#163e43,#0a2530 65%,#081b27);box-shadow:inset 0 1px #b7fff016}.location-picker .field-grid{gap:0 10px}.location-picker label{margin:7px 0}.location-picker select{border-color:#3b7770}.location-picker input{border-color:#315c63}.location-picker label:first-child select:focus,.location-picker input:focus{border-color:#83ddc2;box-shadow:0 0 0 2px #83ddc21c}@media(max-width:380px){.location-picker{padding:9px}.location-picker .field-grid{grid-template-columns:1fr}}.specific-place-field{margin:8px 0 4px}.optional-tag{margin-left:6px;padding:3px 6px;border:1px solid #416c6c;border-radius:5px;color:#8fdcc6;font-size:8px;letter-spacing:.1em;vertical-align:middle}.location-chips{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 2px}.location-chips button{padding:6px 9px;border:1px solid #37605f;border-radius:999px;color:#bfe3dc;background:#102f37;font-size:10px}.location-chips button:active,.location-chips button:focus-visible{border-color:#8ce0c3;background:#1a4848}.date-picker-card{margin:13px 0 15px;padding:12px;border:1px solid #806b42;border-radius:15px;background:linear-gradient(145deg,#292b2a,#0a202a);box-shadow:inset 0 1px #f4d69a12}.date-picker-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:8px}.date-auto-tag{padding:4px 7px;border-radius:999px;color:#102821;background:#9bdcc3;font-size:8px;font-weight:800;letter-spacing:.08em}.date-picker-card label{margin:7px 0}.date-picker-card input[type=date]{min-height:40px;color-scheme:dark}.date-picker-card .historical-period-label{margin-top:9px}.date-reset-button{margin-top:5px;padding:7px 10px;border:1px solid #806b42;border-radius:9px;color:#efd59b;background:#302b20;font-size:10px}@media(max-width:380px){.date-picker-card{padding:9px}.date-picker-heading{align-items:flex-start;flex-direction:column}.location-chips button{padding:6px 8px}}.location-picker{padding:13px;border-color:#36736c;background:linear-gradient(145deg,#12363c,#091e2a 78%)}.location-picker .memory-type-label{align-items:center;margin-bottom:12px}.location-picker .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.location-picker select,.location-picker input{min-height:42px;width:100%}.custom-island-field{padding:9px 10px;margin:8px 0!important;border:1px dashed #6bc6ae;border-radius:10px;background:#0b292f}.location-chips{gap:6px;margin-top:8px}.location-chips button{min-height:30px;transition:background .15s ease,border-color .15s ease}.location-chips button.active{border-color:#8ce0c3;color:#06251f;background:#8ce0c3}.location-chips button.clear-location{border-color:#806b42;color:#efd59b}.location-helper{margin:7px 0 0;color:#8eabb3;font-size:10px;line-height:1.45}@media(max-width:380px){.location-picker .field-grid{grid-template-columns:1fr;gap:0}}.memory-modal{width:min(100%,420px);max-height:min(82dvh,680px);padding:14px}.memory-modal .memory-type-card{padding:8px 5px}.memory-modal .location-picker{margin:8px 0;padding:9px;border-radius:11px}.memory-modal .location-picker .memory-type-label{margin-bottom:6px}.memory-modal .location-picker label{margin:5px 0}.memory-modal .location-picker select{min-height:36px;padding:7px 8px}.memory-modal .date-picker-card{margin:8px 0 10px;padding:9px;border-radius:11px}.memory-modal .date-picker-card label{margin:5px 0}.memory-modal .date-picker-card input{min-height:36px;padding:7px 9px}@media(max-width:380px){.memory-modal{padding:11px;max-height:calc(100dvh - 24px)}}.memory-modal .date-picker-card{margin:7px 0 9px;padding:9px 11px}.memory-modal .date-picker-card .date-picker-heading{margin-bottom:3px}.memory-modal .date-picker-card label{display:block;margin:5px 0 2px}.memory-modal .date-picker-card input{width:100%;min-height:38px}.memory-modal .date-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0 9px}.memory-modal .date-mode-switch button{min-height:36px;padding:7px 9px;border:1px solid #31545d;border-radius:8px;background:#071c28;color:#9cb8bd;font:inherit;font-size:12px;cursor:pointer}.memory-modal .date-mode-switch button.active{border-color:#8bd8bd;background:#174039;color:#e7fff3}.memory-modal .date-picker-card input[type=date]{width:100%;min-height:42px;padding:8px 10px;color-scheme:dark}.memory-modal{width:min(100%,390px);max-height:min(80dvh,640px);padding:13px;border-radius:17px;border:1px solid #4d8b7d;background:radial-gradient(ellipse at 100% 0%,#1b514b55 0%,transparent 42%),linear-gradient(155deg,#0d2935,#071a26 72%,#0b292d);box-shadow:0 18px 55px #0009,inset 0 1px #c0ffe31c}.memory-modal .modal-heading{margin-bottom:8px;padding-bottom:8px}.memory-modal .modal-heading h2{font-size:clamp(20px,4.8vw,24px);letter-spacing:-.035em}.memory-modal .memory-type-label{margin-bottom:7px;gap:6px}.memory-modal .memory-type-grid{gap:5px}.memory-modal .memory-type-card{min-height:66px;padding:7px 4px;border-radius:9px}.memory-modal .memory-type-card strong{font-size:11px}.memory-modal .memory-type-card small{font-size:9px}.memory-modal label{margin:7px 0;font-size:11px}.memory-modal input:not([type=file]),.memory-modal textarea,.memory-modal select{margin-top:4px;padding:8px 9px;border-radius:8px;font-size:13px}.memory-modal textarea{min-height:68px}.memory-modal .location-picker{margin:7px 0;padding:8px;border-radius:10px;background:linear-gradient(135deg,#123b3b,#0a222d 75%);border-color:#34756c}.memory-modal .location-picker .memory-type-label{margin-bottom:4px}.memory-modal .location-picker .field-grid{gap:0 7px}.memory-modal .location-picker label{margin:4px 0}.memory-modal .location-picker select{min-height:34px;padding:6px 7px}.memory-modal .date-picker-card{margin:7px 0 8px;padding:8px;border-radius:10px;border-color:#987a43;background:linear-gradient(135deg,#302d23,#0c222c 78%)}.memory-modal .date-picker-card label{margin:5px 0 2px}.memory-modal .date-mode-switch{gap:5px;margin:5px 0 7px}.memory-modal .date-mode-switch button{min-height:32px;padding:6px;font-size:11px}.memory-modal .date-picker-card input[type=date],.memory-modal .date-picker-card input[type=text]{min-height:35px;padding:6px 8px}.memory-modal .memory-visibility-picker{margin-top:8px}.memory-modal .memory-visibility-grid{gap:5px}.memory-modal .memory-visibility-card{padding:8px 4px;border-radius:9px}.memory-modal .memory-visibility-card strong{font-size:10px}.memory-modal .memory-visibility-card small{font-size:9px}.memory-modal .privacy-note{margin:7px 0 9px;padding:7px 8px;font-size:10px;line-height:1.4}.memory-modal>.primary-button{min-height:39px;border-radius:9px}@media(max-width:420px){.memory-modal{width:100%;max-height:calc(100dvh - 20px);padding:11px;border-radius:14px}.memory-modal .memory-type-card{min-height:60px}}.memory-modal{width:min(100% - 20px,340px);max-height:min(76dvh,560px);padding:9px;border-radius:13px;overflow-y:auto}.memory-modal .modal-heading{margin:0 0 5px;padding:0 0 5px}.memory-modal .modal-heading h2{font-size:18px;line-height:1.15}.memory-modal .modal-heading p,.memory-modal .modal-heading .subtitle{font-size:10px;line-height:1.3;margin-top:3px}.memory-modal .memory-type-label{font-size:10px;margin:4px 0}.memory-modal .memory-type-grid{gap:4px}.memory-modal .memory-type-card{min-height:48px;padding:5px 3px;border-radius:7px}.memory-modal .memory-type-card strong{font-size:10px}.memory-modal .memory-type-card small{font-size:8px;line-height:1.15}.memory-modal label{margin:4px 0;font-size:10px}.memory-modal input:not([type=file]),.memory-modal textarea,.memory-modal select{margin-top:3px;padding:6px 7px;font-size:12px;border-radius:7px}.memory-modal textarea{min-height:48px}.memory-modal input[type=file]{max-width:100%;font-size:10px}.memory-modal .location-picker{margin:5px 0;padding:6px;border-radius:8px}.memory-modal .location-picker .memory-type-label{margin:0 0 3px}.memory-modal .location-picker label{margin:3px 0}.memory-modal .location-picker select{min-height:29px;padding:4px 6px}.memory-modal .date-picker-card{margin:5px 0;padding:6px;border-radius:8px}.memory-modal .date-picker-card .date-picker-heading{margin-bottom:2px}.memory-modal .date-picker-card label{margin:3px 0 1px}.memory-modal .date-mode-switch{gap:4px;margin:4px 0}.memory-modal .date-mode-switch button{min-height:27px;padding:4px;font-size:10px;border-radius:6px}.memory-modal .date-picker-card input[type=date],.memory-modal .date-picker-card input[type=text]{min-height:29px;padding:4px 6px}.memory-modal .memory-visibility-picker{margin-top:5px}.memory-modal .memory-visibility-grid{gap:4px}.memory-modal .memory-visibility-card{padding:5px 3px;border-radius:7px}.memory-modal .memory-visibility-card strong{font-size:9px}.memory-modal .memory-visibility-card small{font-size:8px;line-height:1.2}.memory-modal .privacy-note{margin:4px 0 5px;padding:5px 6px;font-size:9px;line-height:1.3}.memory-modal>.primary-button{min-height:32px;padding:7px;font-size:11px}@media(max-width:420px){.memory-modal{width:calc(100% - 16px);max-height:calc(100dvh - 32px);padding:8px}}.memory-modal{height:440px;min-height:0;max-height:440px;overflow-y:auto}@media(max-width:420px){.memory-modal{height:min(440px,calc(100dvh - 24px));max-height:min(440px,calc(100dvh - 24px))}}.modal-backdrop{align-items:flex-end;padding:0 10px 14px}.memory-modal{margin:0 auto}@media(max-width:420px){.modal-backdrop{padding:0 8px 8px}}.modal-backdrop{align-items:center;justify-content:center;padding:12px}.memory-modal{margin:auto}@media(max-width:420px){.modal-backdrop{padding:12px 8px}}.memory-modal .memory-file-choose{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:5px 0 4px;padding:8px 12px;position:relative;z-index:3;border:1px solid #62bca5;border-radius:8px;color:#e5fff4;background:#123d3b;font:inherit;font-size:11px;cursor:pointer;touch-action:manipulation;pointer-events:auto}.memory-modal .memory-file-input{display:block;position:relative;z-index:3;width:100%;min-height:36px;margin:4px 0;padding:6px;border:1px solid #315c63;border-radius:8px;color:#d8e9e9;background:#071b2a;font-size:11px;pointer-events:auto;opacity:1}.memory-modal .memory-file-status{display:block;overflow-wrap:anywhere;color:#a9c5c8;font-size:10px;line-height:1.4}.memory-card{display:grid;grid-template-columns:minmax(70px,110px) minmax(0,1fr) minmax(100px,145px);align-items:stretch;gap:14px}.memory-card>img,.memory-card>.memory-image-placeholder{width:100%;min-width:0;height:100%;min-height:110px;object-fit:cover}.memory-copy{min-width:0}.memory-location-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:12px;border-left:1px solid #315c63;background:linear-gradient(145deg,#103a3a66,#071a2666);border-radius:0 10px 10px 0;min-width:0;overflow-wrap:anywhere}.memory-location-side .eyebrow{font-size:9px;letter-spacing:.13em;color:#8bd8bd}.memory-location-side strong{color:#f0d8a0;font-size:13px;line-height:1.3}.memory-location-side>span:last-child{color:#b2cacc;font-size:12px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto}.user-corner-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #4d8b7d;border-radius:50%;color:#d8fff0;background:linear-gradient(145deg,#17463f,#0a202d);cursor:pointer;box-shadow:inset 0 1px #d4fff122}.user-corner-button:focus-visible{outline:2px solid #8bd8bd;outline-offset:3px}@media(max-width:560px){.memory-card{grid-template-columns:76px minmax(0,1fr);gap:10px}.memory-location-side{grid-column:2;border-left:0;border-top:1px solid #315c63;border-radius:0 0 9px 9px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 9px}.memory-location-side .eyebrow{grid-column:1 / -1}.memory-location-side strong,.memory-location-side>span:last-child{font-size:11px}.topbar-actions .seal-button{padding:8px 10px;font-size:11px}}.memory-media-preview{display:block;width:100%;max-width:100%;object-fit:cover;border-radius:12px;min-width:0}.memory-card>.memory-media-preview{max-height:280px}.memory-card>img.memory-media-preview{height:220px}.memory-card>video.memory-media-preview{height:auto;max-height:280px;background:#020810}.memory-card>audio.memory-audio-preview{height:54px;object-fit:contain;background:#07141fe6}.memory-list{max-width:760px;gap:22px}.memory-card{display:flex;flex-direction:column;gap:0;overflow:hidden;border:1px solid #294751;border-radius:16px;background:#091d29}.memory-card>.memory-media-preview,.memory-card>img.memory-media-preview,.memory-card>video.memory-media-preview{display:block;width:100%;height:auto;max-height:620px;min-height:0;object-fit:contain;object-position:center;background:#020b12;border-radius:0}.memory-card>img.memory-media-preview{aspect-ratio:auto}.memory-card>audio.memory-audio-preview{width:calc(100% - 28px);margin:14px;height:54px;border-radius:8px}.memory-copy{padding:16px 18px 12px}.memory-copy h3{font-size:21px;margin:5px 0 8px}.memory-copy p{font-size:14px;line-height:1.6;color:#c0d0d4;margin-bottom:12px}.memory-location-side{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:11px 18px;border-left:0;border-top:1px solid #294751;border-radius:0;background:#071721}.memory-location-side .eyebrow{font-size:9px}.memory-location-side strong,.memory-location-side>span:last-child{font-size:12px}.upload-preview{margin-top:12px;padding:0;overflow:hidden;border:1px solid #31535e;border-radius:12px;background:#020b12}.upload-preview>.eyebrow{padding:12px 14px 8px}.upload-preview img,.upload-preview video{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center;background:#020b12;border-radius:0}.upload-preview audio{display:block;width:calc(100% - 24px);margin:12px}@media(max-width:600px){.memory-list{width:100%;max-width:100%;gap:16px}.memory-card{border-radius:12px}.memory-card>.memory-media-preview,.memory-card>img.memory-media-preview,.memory-card>video.memory-media-preview{max-height:520px}.memory-copy{padding:14px}.memory-location-side{padding:10px 14px}}.flow-card.national-flow-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;margin:16px 0;border:1px solid #294751;border-radius:16px;background:#091d29}.national-flow-card .flow-media{display:block;width:100%;max-width:100%;max-height:560px;min-width:0;object-fit:contain;object-position:center;background:#020b12}.national-flow-card img.flow-media,.national-flow-card video.flow-media{height:auto}.national-flow-card audio.flow-media{width:calc(100% - 28px);margin:14px;height:48px}.flow-post-content{min-width:0;padding:15px 18px;overflow-wrap:anywhere}.flow-author{display:flex;align-items:center;gap:10px;margin-bottom:12px}.flow-author-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #6dc6ad;border-radius:50%;color:#e2fff2;background:#123d3b;font-weight:700}.flow-author>div{display:flex;flex-direction:column;gap:3px;min-width:0}.flow-author strong{color:#f2e1b7;font-size:13px}.flow-author small{color:#8eabb3;font-size:10px}.flow-post-content h3{margin:5px 0 8px;font-size:20px}.flow-post-content p{margin:0 0 10px;color:#c0d0d4;line-height:1.6;white-space:pre-wrap}.flow-post-content>small{color:#8eabb3}@media(max-width:600px){.flow-card.national-flow-card{border-radius:12px}.national-flow-card .flow-media{max-height:480px}.flow-post-content{padding:13px}.flow-post-content h3{font-size:18px}}.resonance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(109,198,173,.18)}.resonance-button{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #315b60;border-radius:999px;background:linear-gradient(135deg,#102d39,#123b3b);color:#c4ddd9;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.resonance-button:hover{transform:translateY(-1px);border-color:#7fd5b9;box-shadow:0 0 18px #5ad3b11f}.resonance-button.resonance-active{border-color:#d9bd78;background:linear-gradient(135deg,#3a3020,#164b45);color:#ffe8ad;box-shadow:0 0 16px #d9bd781f}.resonance-shell{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:15px;line-height:1}.resonance-active .resonance-shell{animation:resonance-glow 1.8s ease-in-out infinite}.resonance-count{color:#8eabb3;font-size:11px;white-space:nowrap}.resonance-button:disabled{opacity:.65;cursor:wait}@keyframes resonance-glow{0%,to{box-shadow:0 0 #7fd5b900}50%{box-shadow:0 0 12px #7fd5b96b}}.resonance-row{margin-top:11px;padding-top:9px}.resonance-button{gap:6px;padding:4px 9px;border-radius:8px;background:#1030379e;font-size:10px;letter-spacing:.02em}.resonance-button:hover{transform:translateY(-1px);box-shadow:0 0 12px #5ad3b129}.resonance-button.resonance-active{background:linear-gradient(120deg,#d9bd7826,#164b45b8);border-color:#d9bd78;color:#ffe8ad}.resonance-shell{width:17px;height:17px;font-size:11px;border-color:#73cdb5}.resonance-active .resonance-shell{box-shadow:0 0 8px #7fd5b947}.resonance-count{font-size:10px}.flow-card .resonance-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px}.flow-card button.resonance-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:0!important;height:27px;padding:2px 7px;border-radius:7px;font-size:10px;line-height:1;box-shadow:none}.flow-card button.resonance-button:hover{transform:translateY(-1px);box-shadow:0 0 9px #5ad3b129}.flow-card .resonance-shell{width:15px;height:15px;flex:0 0 15px;font-size:10px}.flow-card .resonance-count{font-size:9px}.clickable-memory-photo{cursor:zoom-in}.clickable-memory-photo:focus-visible{outline:2px solid var(--gold,#e6c36a);outline-offset:3px}.photo-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:#00050cf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-viewer-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,1100px);max-height:100%;gap:12px}.photo-viewer-image{display:block;max-width:100%;max-height:calc(100dvh - 100px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 16px 60px #00000073}.photo-viewer-title{max-width:90%;color:#fff;text-align:center;font-size:14px}.photo-viewer-close{position:fixed;top:16px;right:16px;z-index:1;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#0a1622e6;color:#fff;font-size:30px;line-height:1;cursor:pointer}.friend-request-panel{margin:18px 0 24px;padding:16px;border:1px solid rgba(111,204,190,.2);border-radius:14px;background:#081925b8}.friend-request-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px}.friend-request-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.friend-request-form input{flex:1;min-width:180px}.friend-request-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.1)}.friend-request-row span{flex:1}.flow-profile-link{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer}.flow-profile-link:hover .flow-author-avatar{box-shadow:0 0 0 2px var(--gold,#e6c36a)}.member-profile-panel{padding:34px 22px;text-align:center;border:1px solid rgba(111,204,190,.22);border-radius:18px;background:#071722}.member-profile-panel h2{margin:10px 0}.profile-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:8px auto 18px;border-radius:50%;font-size:24px}.auth-panel{width:min(100% - 32px,360px);margin:4px auto 28px;padding:20px 20px 18px;border:1px solid rgba(111,211,202,.22);border-radius:22px;background:linear-gradient(145deg,#0c232ff0,#04121df7);box-shadow:0 18px 48px #00000047,inset 0 1px #e1be751f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-panel .panel-heading{gap:11px;margin-bottom:16px}.auth-panel .icon-box{width:38px;height:38px;flex:0 0 38px;border-radius:13px;border:1px solid rgba(216,177,101,.3);background:#d8b16514;color:#e4c17b}.auth-panel .panel-heading h2{font-size:19px;line-height:1.2;margin:0 0 4px}.auth-panel .panel-heading p{font-size:12px;line-height:1.45;margin:0;color:#8fa8b4}.auth-panel form{gap:11px}.auth-panel label{font-size:11px;gap:6px;color:#b8cbd2}.auth-panel input{min-height:42px;padding:10px 12px;border-radius:12px;background:#020d16b8;border-color:#7fadb833;font-size:13px}.auth-panel .primary-button{min-height:43px;border-radius:12px;margin-top:3px}.auth-panel .text-button{font-size:12px;margin-top:10px}@media(max-width:480px){.auth-panel{width:calc(100% - 28px);padding:17px 16px 15px;border-radius:19px}.auth-panel .panel-heading h2{font-size:18px}}.content-view{width:100%;max-width:620px;margin:28px auto 36px;padding:0 clamp(2px,1vw,8px)}.content-view>.eyebrow{margin-bottom:10px}.content-view>h1{margin:8px 0 12px;line-height:1.08}.content-view>.muted{max-width:500px;margin:0 0 18px}.content-view>.refresh-button,.content-view>.icon-button{margin:16px 0 20px}.content-view>.panel,.content-view>.sentinel-panel,.content-view>.friend-request-panel,.content-view>.member-profile-panel{margin-top:18px;margin-bottom:20px}.link-list{gap:12px;margin-top:18px}.link-row{gap:12px;padding:13px 14px}.sentinel-panel{margin-top:18px;padding:20px}.sentinel-panel h2{margin:0 0 10px;line-height:1.2}.sentinel-panel p{margin:0 0 12px}.flow-card{gap:12px;margin:12px 0 0;padding:15px}.flow-card h3{margin:0 0 8px;line-height:1.25}.flow-card p{margin:0 0 10px}.flow-card .resonance-row{margin-top:10px;padding-top:9px}.memory-list{margin-top:22px;gap:18px}@media(max-width:600px){.content-view{margin-top:22px;margin-bottom:28px;padding:0 2px}.content-view>h1{font-size:clamp(30px,8.5vw,38px);margin-bottom:10px}.content-view>.muted{font-size:12px;line-height:1.6;margin-bottom:15px}.link-list{gap:9px;margin-top:14px}.link-row{padding:11px;gap:9px}.sentinel-panel{padding:16px;margin-top:14px}.sentinel-panel h2{font-size:21px}.flow-card{gap:9px;padding:12px;margin-top:10px}.flow-card>svg{width:18px;height:18px;margin-top:2px}.memory-list{margin-top:18px;gap:14px}}.content-view{margin-top:4px!important;padding-top:0!important}.content-view:first-child{margin-top:4px!important}.content-view>.eyebrow:first-child{margin-top:0!important;padding-top:0!important}@media(max-width:600px){.content-view{margin-top:2px!important}}.lineage-map{margin:4px 0 22px;padding:16px;border:1px solid rgba(111,204,190,.2);border-radius:16px;background:linear-gradient(145deg,#091f2beb,#04121de0);box-shadow:inset 0 1px #ffffff06}.lineage-map-heading{display:flex;align-items:center;gap:9px;color:#d7c18a;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:15px}.lineage-map-heading small{margin-left:auto;color:#7fa6ae;font-size:10px;letter-spacing:.2px;font-weight:500}.lineage-map-empty{padding:16px 8px;text-align:center;color:#7f9ba5;font-size:12px}.lineage-map-nodes{display:grid;gap:14px}.lineage-map-connection{padding:12px;border:1px solid rgba(126,169,180,.14);border-radius:12px;background:#010d166b}.lineage-map-node{display:flex;align-items:center;gap:11px;min-width:0}.lineage-node-orb{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid rgba(111,204,190,.28);border-radius:50%;background:#49a69d1a;color:#8bd0c4}.lineage-node-orb.parent-orb{border-color:#dab9744d;background:#dab97414;color:#dfc17c}.lineage-map-node div{display:grid;gap:3px;min-width:0}.lineage-map-node strong{font-size:12px;overflow-wrap:anywhere;color:#dceaf0}.lineage-map-node small{font-size:10px;color:#7fa6ae}.lineage-map-connector{display:flex;align-items:center;gap:8px;height:24px;padding-left:17px;color:#8badae}.lineage-map-connector span{width:1px;height:100%;background:linear-gradient(to bottom,#6fccbe80,#dab97480)}.lineage-map-connector small{font-size:8px;letter-spacing:1px;color:#9bb5b8;white-space:nowrap}.lineage-map-connection.is-pending{border-style:dashed;border-color:#dab97447}.lineage-map-connection.is-pending .lineage-map-connector small{color:#d6b96f}.lineage-map-connection.is-connected .lineage-map-connector small{color:#80c8b9}@media(max-width:600px){.lineage-map{padding:12px;margin-bottom:18px}.lineage-map-connection{padding:10px}.lineage-map-node strong{font-size:11px}}.lineage-map{position:relative;overflow:hidden;padding:17px;background:radial-gradient(ellipse at 50% 0%,rgba(39,191,184,.1),transparent 54%),linear-gradient(145deg,#091f2bf5,#04101bf5)}.lineage-map:after{content:"";position:absolute;right:-38px;top:-45px;width:120px;height:120px;border:1px solid rgba(218,185,116,.09);border-radius:50%;box-shadow:0 0 0 14px #dab97406,0 0 0 29px #dab97405;pointer-events:none}.lineage-map-heading,.lineage-tree{position:relative;z-index:1}.lineage-tree-root{position:relative;display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:5px auto 18px;padding:12px 17px;border:1px solid rgba(105,226,211,.4);border-radius:15px;background:linear-gradient(135deg,#18484ed9,#071d2af2);box-shadow:0 0 25px #23d5c614,inset 0 1px #ffffff0a}.lineage-root-ring{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(101,226,210,.65);border-radius:50%;background:radial-gradient(circle,#30dac733,#061824e6);color:#9cf1df;box-shadow:0 0 0 5px #43cebe12,0 0 20px #2de0ce26}.lineage-tree-root>div{display:grid;gap:4px;min-width:0}.lineage-tree-root small{font-size:8px;letter-spacing:1.6px;color:#80cfc5}.lineage-tree-root strong{font-size:14px;color:#f0e5c8;overflow-wrap:anywhere}.lineage-root-star{margin-left:5px;color:#e3c477}.lineage-tree-branches{position:relative;display:grid;gap:10px;padding-left:18px}.lineage-tree-branches:before{content:"";position:absolute;left:5px;top:-18px;bottom:23px;width:1px;background:linear-gradient(to bottom,#64decf80,#dab97459)}.lineage-branch{position:relative;min-width:0}.lineage-branch-line{position:absolute;left:-13px;top:28px;width:13px;height:1px;background:#64decf66}.lineage-branch-dot{position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:#78d9ca;box-shadow:0 0 8px #78d9caa6}.lineage-branch-card{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid rgba(113,174,180,.19);border-radius:13px;background:linear-gradient(110deg,#0c2631eb,#051621e6)}.lineage-branch.is-connected .lineage-branch-card{border-color:#5cccae45}.lineage-branch.is-pending .lineage-branch-card{border-style:dashed;border-color:#dab9745c}.lineage-node-orb.child-orb{border-color:#70c2e74d;background:#4498c41a;color:#8bcfe9}.lineage-branch-copy{display:grid;gap:4px;min-width:0;flex:1}.lineage-branch-copy>small{font-size:8px;letter-spacing:1.1px;color:#8db6bc}.lineage-branch-copy>strong{font-size:12px;color:#e2edf0;overflow-wrap:anywhere}.lineage-branch-status{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.6px;color:#8cd9c5}.lineage-branch-status i{width:6px;height:6px;border-radius:50%;background:#6cd4b4;box-shadow:0 0 7px #6cd4b473}.lineage-branch.is-pending .lineage-branch-status{color:#e2c477}.lineage-branch.is-pending .lineage-branch-status i{background:#e2c477;box-shadow:0 0 7px #e2c47766}.lineage-branch.is-pending .lineage-branch-dot{background:#e2c477;box-shadow:0 0 8px #e2c47780}.lineage-branch-glyph{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#5ebfb514;color:#86d9cc;font-size:18px}.lineage-branch.is-pending .lineage-branch-glyph{background:#dab97414;color:#e2c477}.lineage-map-legend{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 0 18px;padding-top:12px;border-top:1px solid rgba(131,177,183,.12)}.lineage-map-legend span{display:flex;align-items:center;gap:6px;font-size:9px;color:#809fa8}.lineage-map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%}.legend-connected{background:#6cd4b4;box-shadow:0 0 6px #6cd4b480}.legend-pending{background:#e2c477}.lineage-map-empty{display:grid;justify-items:center;gap:9px;padding:20px 12px}.lineage-empty-orbit{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(105,226,211,.32);border-radius:50%;background:radial-gradient(circle,rgba(48,218,199,.12),transparent 72%);color:#8ce5d6;box-shadow:0 0 0 8px #43cebe09}.lineage-map-empty strong{font-size:12px;color:#d8e9e8}.lineage-map-empty span{max-width:250px;font-size:11px;line-height:1.6;color:#7f9ba5}@media(max-width:420px){.lineage-map{padding:12px}.lineage-map-heading{gap:7px;font-size:9px}.lineage-tree-root{padding:10px 12px}.lineage-branch-card{padding:10px;gap:8px}.lineage-branch-copy>strong{font-size:11px}.lineage-map-legend{margin-left:8px}}.auth-panel{margin-top:clamp(22px,5vh,46px)!important}@media(max-width:420px){.auth-panel{margin-top:24px!important}}.login-hero{margin-bottom:0!important}.auth-panel{margin-top:56px!important}@media(max-width:600px){.auth-panel{margin-top:42px!important}}@media(max-width:420px){.auth-panel{margin-top:36px!important}}.auth-panel{box-sizing:border-box;width:min(100%,440px);max-width:100%;min-width:0;margin-left:auto!important;margin-right:auto!important}.auth-panel *,.auth-panel *:before,.auth-panel *:after{box-sizing:border-box;min-width:0}.auth-panel input,.auth-panel button,.auth-panel select,.auth-panel textarea{width:100%;max-width:100%}@media(max-width:600px){.auth-panel{width:calc(100% - 32px);padding-left:18px;padding-right:18px}}@media(max-width:360px){.auth-panel{width:calc(100% - 24px);padding-left:14px;padding-right:14px}}.auth-panel{box-sizing:border-box;width:min(560px,calc(100vw - 24px))!important;max-width:none!important;min-width:0;margin-left:auto!important;margin-right:auto!important}.auth-panel input,.auth-panel button,.auth-panel select,.auth-panel textarea{box-sizing:border-box;width:100%;max-width:100%}@media(max-width:600px){.auth-panel{width:calc(100vw - 24px)!important;padding-left:16px;padding-right:16px}}@media(max-width:360px){.auth-panel{width:calc(100vw - 16px)!important;padding-left:12px;padding-right:12px}}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}.app-shell{width:100%;max-width:760px;min-height:100dvh;margin:0 auto;padding:clamp(14px,3vw,24px) clamp(12px,4vw,24px) calc(104px + env(safe-area-inset-bottom));overflow:visible}.topbar{min-height:44px;height:auto;gap:10px}.topbar-actions{display:flex;align-items:center;gap:8px;min-width:0}.wordmark{font-size:clamp(27px,7vw,32px)}.seal-button{white-space:nowrap}.login-hero{width:100%;max-width:430px;margin:clamp(14px,3vh,28px) auto 0;padding:0;text-align:center}.login-hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.08;margin:10px 0}.login-hero>p{max-width:330px;padding:0 8px;font-size:13px;line-height:1.55}.login-shell{height:clamp(150px,42vw,230px);max-width:320px;margin:0 auto}.login-shell .shell-stage.shell-artwork{height:100%;max-width:320px;min-height:0;margin:0 auto}.login-shell .shell-image{width:100%;height:100%;object-fit:contain}.auth-panel{display:block;position:relative;inset:auto;transform:none;float:none;z-index:2;width:min(100%,410px)!important;max-width:410px!important;min-width:0;margin:clamp(18px,3vh,28px) auto 28px!important;padding:20px clamp(16px,4vw,22px) 18px;border-radius:20px;overflow:visible}.auth-panel form{display:flex;flex-direction:column;gap:8px;width:100%}.auth-panel label{display:block;width:100%;margin:8px 0;font-size:12px;line-height:1.4}.auth-panel input,.auth-panel select,.auth-panel textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:11px 12px;font-size:16px;line-height:1.35}.auth-panel .primary-button{display:block;width:100%;min-height:46px;margin:7px 0 0;font-size:14px}.auth-panel .text-button{display:block;width:100%;min-height:38px;margin:7px auto 0;padding:7px 4px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.auth-panel .panel-heading{align-items:center;margin-bottom:14px}.auth-panel .panel-heading h2{font-size:clamp(17px,4.5vw,19px)}.auth-panel .panel-heading p{font-size:12px;line-height:1.5}.content-view{width:100%;max-width:620px;margin:clamp(12px,3vh,28px) auto 32px;padding:0;min-width:0}.content-view h1{font-size:clamp(32px,7vw,43px);overflow-wrap:anywhere}.content-view>*{min-width:0;max-width:100%}.link-row,.friend-request-row,.lineage-branch-card,.link-info,.lineage-branch-copy{min-width:0;overflow-wrap:anywhere}.link-info span,.link-info small,.lineage-map-node strong,.lineage-branch-copy>strong{overflow-wrap:anywhere;word-break:break-word}.flow-card,.memory-card,.sentinel-panel,.friend-request-panel,.lineage-map{min-width:0;max-width:100%}.memory-media-preview{max-width:100%}.bottom-nav{width:min(100%,760px);padding:9px 8px calc(9px + env(safe-area-inset-bottom))}.nav-item{min-width:0;padding:7px 3px;font-size:11px}.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.memory-modal{width:min(100%,520px);max-width:100%;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain}input,select,textarea,button{max-width:100%}@media(max-width:600px){.app-shell{padding:12px 14px calc(92px + env(safe-area-inset-bottom))}.topbar{min-height:40px}.login-hero{margin-top:12px}.login-hero h1{font-size:clamp(32px,9vw,42px);margin:8px 0}.login-hero>p{font-size:12px;max-width:300px}.login-shell{height:clamp(138px,42vw,190px);max-width:270px}.login-shell .shell-stage.shell-artwork{max-width:270px}.auth-panel{width:100%!important;max-width:410px!important;margin:18px auto 24px!important;padding:18px 16px 16px;border-radius:17px}.content-view{margin:10px auto 24px}.content-view h1{font-size:clamp(30px,8vw,37px)}.bottom-nav{border-radius:14px 14px 0 0}.link-row{align-items:flex-start}.link-row .status{flex:0 0 auto}.photo-viewer-backdrop{padding:12px}}@media(max-width:380px){.app-shell{padding-left:10px;padding-right:10px}.login-hero{margin-top:8px}.login-shell{height:138px;max-width:230px}.login-shell .shell-stage.shell-artwork{max-width:230px}.auth-panel{padding:15px 13px 13px!important;margin-top:14px!important}.auth-panel .panel-heading{gap:9px}.auth-panel .panel-heading p{font-size:11px}.nav-item{font-size:10px;gap:4px}.nav-item svg{width:20px;height:20px}.memory-modal{padding:12px}}@media(min-width:601px){.login-hero{margin-top:22px}.login-shell{height:210px}}@media(max-height:700px)and (max-width:600px){.login-hero{margin-top:4px}.login-hero h1{font-size:31px;margin:6px 0}.login-shell{height:118px}.auth-panel{margin-top:10px!important;padding-top:14px;padding-bottom:12px}.auth-panel .panel-heading{margin-bottom:9px}.auth-panel label{margin:5px 0}.auth-panel input{min-height:40px}}.auth-panel{margin-top:34px!important}@media(max-width:600px){.auth-panel{margin-top:30px!important}}@media(max-width:380px){.auth-panel{margin-top:24px!important}}.vessel-view .memory-button{display:inline-flex;width:auto;max-width:min(100%,280px);min-height:38px;margin:0 auto;padding:9px 15px;gap:7px;border:1px solid rgba(218,184,112,.78);border-radius:999px;background:linear-gradient(115deg,#153b40,#0b2937 58%,#172d38);color:#e4cf9d;font-size:12px;font-weight:650;letter-spacing:.025em;line-height:1.2;box-shadow:0 0 0 3px #65cbb50e,0 5px 18px #00000038,inset 0 1px #ffffff12;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.vessel-view .memory-button:hover{border-color:#8ce0c5;color:#f5e5bd;box-shadow:0 0 0 3px #65cbb51a,0 0 20px #4ed6c021;transform:translateY(-1px)}.vessel-view .memory-button:focus-visible{outline:2px solid #8ce0c5;outline-offset:4px}@media(max-width:420px){.vessel-view .memory-button{width:auto;max-width:100%;padding:9px 13px;font-size:11px}}.app-shell{width:100%;max-width:1040px;padding-left:clamp(16px,3.5vw,34px);padding-right:clamp(16px,3.5vw,34px)}.topbar{max-width:100%;margin-inline:auto}.login-hero{max-width:560px;margin-top:clamp(12px,2.5vh,24px)}.login-hero h1{font-size:clamp(38px,6.3vw,58px);letter-spacing:-.025em}.login-hero>p{max-width:390px;font-size:13px}.login-shell{height:clamp(250px,35vw,390px);max-width:510px;margin:-4px auto -18px}.login-shell .shell-stage.shell-artwork{max-width:510px}.login-shell .shell-image{width:118%;max-width:none;height:118%;object-fit:contain;transform:scale(1.08);filter:drop-shadow(0 20px 32px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(61,226,207,.13))}.auth-panel{position:relative;width:min(100%,350px)!important;max-width:350px!important;margin:clamp(12px,2vh,22px) auto 30px!important;padding:17px 18px 15px;border:1px solid rgba(115,216,203,.26);border-radius:18px;background:linear-gradient(135deg,rgba(218,185,116,.055),transparent 38%),linear-gradient(155deg,#091f2bf7,#030e18fb);box-shadow:0 16px 40px #00000057,0 0 0 1px #2aaaa409,inset 0 1px #efcf891f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-panel:before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(227,194,122,.9),rgba(103,223,205,.8),transparent);pointer-events:none}.auth-panel .panel-heading{gap:10px;margin-bottom:12px}.auth-panel .icon-box{width:34px;height:34px;flex-basis:34px;border-radius:11px}.auth-panel .panel-heading h2{font-size:17px}.auth-panel .panel-heading p{font-size:11px;line-height:1.45}.auth-panel form{gap:5px}.auth-panel label{margin:5px 0;font-size:11px}.auth-panel input,.auth-panel select,.auth-panel textarea{min-height:38px;padding:8px 10px;border-radius:10px;font-size:14px}.auth-panel .primary-button{min-height:40px;margin-top:5px;border-radius:10px;font-size:13px}.auth-panel .text-button{min-height:30px;margin-top:5px;font-size:11px}.auth-panel button[style]{min-height:39px!important;margin-top:9px!important;border-radius:10px!important;font-size:12px}.content-view{max-width:820px}.memory-list{max-width:100%}.flow-card,.memory-card,.sentinel-panel,.friend-request-panel,.lineage-map{border-radius:16px}.bottom-nav{max-width:1040px}@media(max-width:700px){.app-shell{max-width:100%;padding:12px 14px calc(92px + env(safe-area-inset-bottom))}.login-hero{max-width:100%;margin-top:10px}.login-hero h1{font-size:clamp(34px,9vw,44px)}.login-hero>p{max-width:300px;font-size:12px}.login-shell{height:clamp(220px,62vw,290px);max-width:390px;margin:-2px auto -14px}.login-shell .shell-stage.shell-artwork{max-width:390px}.login-shell .shell-image{width:120%;height:120%;transform:scale(1.06)}.auth-panel{width:min(100%,340px)!important;max-width:340px!important;margin:12px auto 24px!important;padding:16px 16px 13px;border-radius:16px}.auth-panel .panel-heading{margin-bottom:10px}.auth-panel input,.auth-panel select,.auth-panel textarea{min-height:40px;font-size:16px}.content-view{max-width:100%;margin:10px auto 24px}.bottom-nav{width:100%;max-width:100%}}@media(max-width:380px){.app-shell{padding-left:10px;padding-right:10px}.login-shell{height:215px}.login-shell .shell-image{width:124%;height:124%}.auth-panel{width:100%!important;padding:14px 13px 12px}}@media(min-width:1100px){.app-shell{max-width:1120px}.content-view{max-width:860px}}.login-shell{margin-bottom:18px!important}.auth-panel{margin-top:18px!important}@media(max-width:700px){.login-shell{margin-bottom:16px!important}.auth-panel{margin-top:18px!important}}@media(max-width:380px){.login-shell{margin-bottom:14px!important}.auth-panel{margin-top:16px!important}}.private-chat-panel{margin-top:18px;padding:15px;border:1px solid rgba(111,204,190,.25);border-radius:16px;background:#04121ce0}.private-chat-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.private-chat-heading h3{margin:4px 0;font-size:16px;overflow-wrap:anywhere}.private-chat-heading small{color:#e2eff1ad;font-size:12px}.chat-refresh{display:flex;align-items:center;gap:6px;margin:10px 0;font-size:12px}.private-chat-messages{display:flex;flex-direction:column;gap:9px;min-height:150px;max-height:340px;overflow-y:auto;padding:12px 2px}.private-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:125px;text-align:center;color:#e2eff1b3}.private-chat-empty span{font-size:25px;color:var(--gold,#e6c36a)}.private-chat-empty strong{color:#f2f5f4;font-size:14px}.private-chat-empty small{font-size:12px}.private-message{max-width:86%;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff0f;overflow-wrap:anywhere}.private-message.mine{align-self:flex-end;border-color:#6fccbe47;background:#2a756f33;border-bottom-right-radius:4px}.private-message.theirs{align-self:flex-start;border-bottom-left-radius:4px}.private-message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.45}.private-message small{display:block;margin-top:5px;text-align:right;font-size:10px;color:#e2eff194}.private-chat-compose{display:flex;align-items:flex-end;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.private-chat-compose textarea{flex:1;min-width:0;min-height:44px;max-height:110px;resize:vertical;border:1px solid rgba(111,204,190,.22);border-radius:12px;background:#ffffff0f;color:inherit;padding:10px;font:inherit;font-size:14px}.private-chat-compose .primary-button{min-width:68px;min-height:42px;padding:8px 12px}.chat-limit{display:block;margin-top:7px;font-size:11px}.message-open-button{font-size:12px;padding:7px 10px;min-height:34px}@media(max-width:480px){.private-chat-panel{padding:11px}.private-chat-compose{align-items:stretch}.private-chat-compose .primary-button{min-width:60px}.private-message{max-width:94%}}.private-chat-panel,.private-chat-compose{position:relative;z-index:2}.private-chat-compose textarea,.private-chat-compose textarea:focus{display:block!important;width:100%!important;min-width:0!important;min-height:48px!important;max-height:140px;margin:0!important;flex:1 1 auto;position:relative;z-index:3;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;touch-action:manipulation;opacity:1;color:#edf8f7!important;background:#071b2a!important;font-size:16px!important;line-height:1.45;cursor:text}.private-chat-compose textarea::placeholder{color:#88a1ad;opacity:1}.private-chat-compose .primary-button{flex:0 0 auto;width:auto;pointer-events:auto;position:relative;z-index:3}.private-chat-panel{margin-bottom:110px;scroll-margin-bottom:120px}@media(max-width:480px){.private-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.private-chat-compose textarea{min-height:52px!important;padding:12px!important}.private-chat-panel{margin-bottom:120px}}.nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-unread-badge,.unread-message-dot{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;color:#fff;background:#e44d68;border:1px solid rgba(255,255,255,.85);box-shadow:0 0 14px #e44d6859;font-size:10px;font-weight:800;line-height:1}.nav-unread-badge{position:absolute;top:-8px;right:-12px}.unread-message-dot{margin-left:7px;vertical-align:middle}.unread-message-pill{display:inline-flex;align-items:center;margin:5px 0 0 7px;padding:3px 7px;border:1px solid rgba(228,77,104,.42);border-radius:999px;color:#ffb4c1;background:#e44d681f;font-size:10px;font-weight:700;white-space:nowrap}.friend-request-row.has-unread-message{border-color:#e44d6866;background:#e44d680e}