:root{color-scheme:dark;--bg:#100725;--panel:#251044;--pink:#ef47d5;--purple:#8d50ff;--text:#f7f0ff;--muted:#c4b3d9;--line:#744399}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif;min-height:100vh;padding:env(safe-area-inset-top) 15px calc(25px + env(safe-area-inset-bottom));max-width:680px;margin:auto}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--text);background:linear-gradient(115deg,#873af2,#cf35c9);border:1px solid #ac6bd1;border-radius:15px;padding:13px 17px;min-height:48px;font-weight:650}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f4b8ed;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:18px 4px}.brand{font-size:20px;font-weight:800;letter-spacing:-.7px}.brand span{color:var(--pink);margin-left:5px}.icon{border-radius:50%;width:44px;height:44px;min-height:44px;padding:5px;font-size:24px;background:#33144e}nav{display:flex;gap:5px;position:sticky;top:0;z-index:5;padding:10px 0;background:#100725ee;backdrop-filter:blur(14px)}nav button{flex:1;min-width:0;padding:5px 0;background:transparent;border-color:transparent;font-size:23px;color:var(--muted)}nav span{display:block;font-size:10px;white-space:nowrap}nav button.active{background:#7330a8;color:white;border-color:#dc8be8}h1{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:23px 0 10px}h1 em{font-style:normal;color:var(--pink)}h2{font-size:18px;margin:0 0 18px}p{color:var(--muted);margin:8px 0 18px}section,.panel{background:linear-gradient(130deg,#2b1648e8,#401753d4);border:1px solid var(--line);border-radius:23px;padding:22px;margin:18px 0;box-shadow:0 6px 30px #0002}.aura{position:fixed;width:400px;height:550px;background:radial-gradient(ellipse,#ad1bb650,transparent 65%);right:-160px;top:80px;pointer-events:none;z-index:-1}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1;min-width:0}.stack{display:grid;gap:12px}.quiet{background:#231138;border-color:#674083}.full{width:100%;margin-top:15px}.tiny,small{font-size:12px;color:var(--muted)}label{display:block;margin:18px 0 7px;font-size:14px;font-weight:650}input,select,textarea{width:100%;color:var(--text);border:1px solid #8e4ca3;border-radius:12px;background:linear-gradient(120deg,#271744,#43134b);padding:12px;min-height:46px}select option{background:#271744}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:23px;min-height:23px;accent-color:#de40db;flex:none}input[type=range]{padding:0;accent-color:#df3fdb;background:transparent;border:0}input[type=file]{padding:12px;font-size:12px}input[type=date]{color-scheme:dark}.toggle{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #74439966}.toggle input{appearance:none;border-radius:20px;width:48px;height:27px;min-height:27px;padding:3px;background:#726980;border:none}.toggle input:before{content:'';display:block;width:21px;height:21px;border-radius:50%;background:white;transition:transform .15s}.toggle input:checked{background:#d838cf}.toggle input:checked:before{transform:translateX(21px)}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo{position:relative;aspect-ratio:3/4;border:1px dashed #aa71c3;border-radius:17px;overflow:hidden;background:#170d2d}.photo img,.photo video{height:100%;width:100%;object-fit:cover}.photo button{position:absolute;right:4px;top:4px;padding:1px 9px;min-height:30px;background:#b42f8f;font-size:18px}.photo .makefirst{top:auto;bottom:4px;right:4px;font-size:11px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:8px 13px;min-height:38px;font-size:13px;background:#24143b}.chips button.selected{background:#b52bb8;border-color:#f78de9}.progress{height:5px;border-radius:8px;background:#613273;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#9564ff,#ff67df);width:0;transition:width .3s}.profile-card{position:relative;background:#21142d;border:1px solid #874fa5;border-radius:24px;overflow:hidden;min-height:450px;touch-action:pan-y}.hero{width:100%;height:min(65vh,620px);object-fit:cover;display:block;background:#26163b}.cardinfo{padding:22px;background:linear-gradient(0deg,#210b37, #210b37ee);position:relative}.cardinfo h1{margin:0;font-size:26px}.cardinfo p{white-space:pre-wrap}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.stars{background:linear-gradient(120deg,#9f6200,#c99e16)}.steps{display:flex;gap:6px;margin:12px 0 20px}.steps i{height:5px;background:#644375;border-radius:4px;flex:1}.steps i.done{background:linear-gradient(90deg,#a569ff,#f06ed8)}dialog{color:var(--text);background:#2b1644;border:1px solid #b579d2;border-radius:24px;padding:25px;max-width:calc(100% - 30px);width:440px;box-shadow:0 0 80px #af38f744}dialog::backdrop{background:#070310cb;backdrop-filter:blur(3px)}#viewer{padding:10px;width:650px}#viewer img,#viewer video{max-width:100%;max-height:75vh;display:block;margin:auto}.close{position:absolute;right:14px;top:14px;z-index:3}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#f4e7ff;color:#311240;padding:12px 18px;border-radius:16px;max-width:90vw;z-index:15;display:none;box-shadow:0 5px 25px #0007}#notice.visible{display:block}#preview{font-size:12px;background:#463018;border:1px solid #967333;padding:10px;border-radius:12px}footer{text-align:center;color:#9b85b8;font-size:11px;margin-top:25px}.message{padding:12px 15px;background:#3a2254;border-radius:15px;margin:8px 30px 8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine{background:#763385;margin:8px 0 8px 30px}.empty{text-align:center;padding:40px 10px}.empty b{font-size:35px;display:block}a{color:#f6b2ef}.endnote{font-size:12px;text-align:center;margin-top:15px}.badge{color:#edbaff;font-size:13px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.fact{padding:14px;border:1px solid #8146a6;border-radius:15px;background:linear-gradient(120deg,#36135c,#51145c);overflow-wrap:anywhere}.fact small,.fact b{display:block}.fact b{margin-top:5px;font-size:15px}.chat-person{display:flex;align-items:center;gap:15px;width:100%;text-align:left;margin:12px 0}.avatar{width:52px;height:62px;object-fit:cover;border-radius:13px;background:#482257;flex:none}.chat-person .caption{flex:1;min-width:0}.count{border-radius:20px;background:#e338cf;padding:3px 9px;font-size:12px}.chat-head{position:sticky;top:76px;z-index:4;background:#170c2ff5;border-radius:18px;padding:12px;display:flex;align-items:center;gap:10px}.chat-head h2{margin:0;flex:1}.message time{display:block;text-align:right;color:#decae9;font-size:10px;margin-top:5px}.date-divider{text-align:center;font-size:12px;color:#c8addc;margin:18px auto}.composer{position:sticky;bottom:0;background:#180d2f;padding:12px 0}.composer textarea{min-height:60px;max-height:140px}.chat-help{background:#32154f;padding:18px;border-radius:20px;margin:12px 0}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#2a1344}.gallery-controls button{min-height:40px;padding:5px 16px}.form-actions{position:sticky;bottom:0;background:#201032ed;backdrop-filter:blur(12px);padding:12px;display:flex;gap:10px;border-radius:15px}.form-actions button{flex:1}.form-actions .full{margin:0}.report-options{display:grid;gap:8px}.report-options label{border:1px solid #8146a6;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;margin:0}.report-options input{width:18px;min-height:18px;flex:none}#actionDialog{max-height:90vh;overflow:auto}#actionBody h2{padding-right:30px}.preview-help{padding:10px 0}.cardinfo p{white-space:pre-wrap;overflow-wrap:anywhere}
/* ФАЙНІ · 0.70 — calm editorial surfaces, generous rhythm, photo-first cards. */
:root{color-scheme:dark;--bg:#19151f;--panel:#24202b;--pink:#d2bafa;--purple:#b698e4;--text:#f5f0e9;--muted:#b5aebb;--line:#403747}
html{background:#131017;scroll-padding-bottom:110px}body{max-width:760px;padding:env(safe-area-inset-top) 24px calc(110px + env(safe-area-inset-bottom));font-family:Inter,"Segoe UI",system-ui,sans-serif;background:var(--bg);min-height:100dvh;letter-spacing:-.15px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{background:#d2bafa;color:#241832;border:1px solid transparent;border-radius:16px;font-size:14px;font-weight:650;min-height:50px;padding:13px 19px;transition:background .18s,transform .18s,box-shadow .18s}button:hover{filter:none;background:#e0cfff}button:active{transform:scale(.98)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #d2bafa;outline-offset:4px}a{color:#d2bafa;text-underline-offset:4px}header{padding:24px 0 26px;border-bottom:1px solid #ffffff0d;margin-bottom:28px}.brand{display:flex;align-items:center;font-size:26px;font-weight:850;letter-spacing:-1.5px;text-decoration:none;color:#f5f0e9;line-height:1}.brand .brand-mark{font-size:32px;color:#d2bafa;margin:0 10px 0 0;font-weight:400}.brand .brand-dot{color:#d2bafa;margin:0;font-size:30px}.header-actions{display:flex;gap:9px}.icon{width:44px;height:44px;min-height:44px;border:1px solid #493e50;background:transparent;color:#ded4e6;font-size:21px;border-radius:50%;padding:6px}.icon:hover{background:#342b3e;color:white}.aura{display:none}nav{position:fixed;top:auto;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:12px 12px calc(10px + env(safe-area-inset-bottom));background:#211c27f5;border-top:1px solid #ffffff12;border-radius:24px 24px 0 0;box-shadow:0 -12px 45px #0002;z-index:10;backdrop-filter:blur(20px)}nav button{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;border-radius:14px;font-size:12px;min-height:58px;padding:9px 2px;color:#a59bad;background:transparent}nav button:hover{background:#302736;color:#f5f0e9}nav button.active{background:#d2bafa16;color:#ddc6ff;border:0}nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}nav span{font-size:10px;font-weight:600;letter-spacing:.1px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#b7a1ca;margin:0 0 16px}h1{font-size:clamp(32px,6.8vw,46px);line-height:1.08;letter-spacing:-1.8px;font-weight:650;margin:0 0 18px}h1 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#d2bafa;letter-spacing:-1.5px}h2{display:flex;align-items:center;gap:13px;font-size:19px;letter-spacing:-.5px;font-weight:650;margin:0 0 22px}p{font-size:14px;line-height:1.65;color:var(--muted);margin:10px 0 22px}.intro{max-width:320px;font-size:15px}.profile-note{margin-top:30px;margin-bottom:12px;font-size:12px;color:#d8cedf}.progress{height:4px;background:#3a3043;border-radius:8px}.progress i{background:#cbb1ed;border-radius:8px}#progressText{font-size:11px;letter-spacing:.3px;margin:10px 0 26px;color:#b2a6bc}.section-number{display:inline-grid;place-items:center;font-size:11px;letter-spacing:.8px;border:1px solid #c8b5d6;border-radius:50%;width:30px;height:30px;flex:none;color:#786088}section,.panel{background:#f2eee8;color:#2b2331;border:1px solid #fff7;border-radius:24px;padding:26px 23px;margin:16px 0;box-shadow:none}section p,section small,section .tiny,.panel p{color:#756b7e}section h2{color:#2b2331}section label{color:#514559}section a,.panel a{color:#79559e}.quiet{background:transparent;border:1px solid #584a65;color:#ddcde9}.quiet:hover{background:#342b3e}section .quiet,.panel .quiet{background:#e9e2ee;border-color:#d5c8df;color:#503d60}section .quiet:hover{background:#dfd2e8}.row{gap:8px}.row button{padding:11px 9px}.tiny,small{font-size:12px;line-height:1.6}label{font-size:12px;font-weight:650;margin:19px 0 8px;letter-spacing:.1px}input,select,textarea{font-size:15px;line-height:1.45;background:#fffaf5;color:#322638;border:1px solid #d9cedd;border-radius:12px;padding:13px 12px;min-height:48px;box-shadow:none}input::placeholder,textarea::placeholder{color:#9b8fa2}select option{color:#322638;background:#fffaf5}textarea{min-height:132px}input[type=checkbox]{accent-color:#7956a1}input[type=range]{accent-color:#8b65ae;min-height:32px}input[type=date]{color-scheme:light}input[type=file]{background:#e9e0ef;border:1px dashed #bfa5cf;padding:18px 12px;font-size:12px}input[type=file]::file-selector-button{background:#d9c5eb;border:0;border-radius:8px;color:#493257;padding:9px;margin-right:8px}.toggle{font-size:14px;border-color:#d8cddc;padding:17px 0}.toggle input{background:#c3b9ca}.toggle input:checked{background:#8862ac}.toggle input:before{box-shadow:0 1px 4px #0002}.chips{gap:7px}.chips button{border:1px solid #d7cadd;background:#faf6f0;color:#71607d;font-size:12px;font-weight:500;min-height:38px;border-radius:24px;padding:8px 14px}.chips button.selected{background:#4c365d;color:#f7efff;border-color:#4c365d}.photos:empty{display:block;min-height:145px;border:1px dashed #c8b6d3;border-radius:18px;background:#eae3ef}.photos:empty:before{content:'＋';display:block;text-align:center;font-size:36px;font-weight:300;color:#9775b1;padding-top:20px}.photos:empty:after{content:'Твоя історія — у твоїх фото';display:block;text-align:center;font-size:12px;color:#87758f;padding:4px 12px 24px}.photo{border-color:#c8b6d3;background:#e4dbe9;border-radius:14px}.photo .badge{position:absolute;left:6px;bottom:8px;background:#302339d9;color:white;border-radius:8px;padding:4px 8px;font-size:10px}.photo button{background:#f4eceb;color:#5a3d62;border:1px solid #d5c0dd;min-width:32px}.photo .makefirst{background:#eee3f5;font-size:10px}details{border-top:1px solid #d7cadd;padding-top:18px;margin-top:24px}summary{cursor:pointer;font-size:13px;line-height:1.6;font-weight:650;padding:6px 0}.form-actions{bottom:calc(91px + env(safe-area-inset-bottom));background:#f2eee8ed;border:1px solid #dacee0;border-radius:16px;padding:9px;margin:24px -9px 0;box-shadow:0 8px 30px #38214112}.form-actions button{font-size:13px;padding:12px 9px}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.feed-heading h1{font-size:32px;margin:0}.feed-heading .eyebrow{font-size:9px;margin-bottom:10px}.feed-heading button{border-radius:50%;width:46px;flex:none;padding:8px;font-size:24px}.profile-card{border:1px solid #ffffff15;background:#28212e;border-radius:26px;min-height:0;box-shadow:0 20px 60px #0003}.hero{height:min(57dvh,580px);min-height:270px;background:#33293e;object-fit:cover}.cardinfo{padding:24px;background:#28212e}.cardinfo h1{font-size:32px;letter-spacing:-1px;margin:7px 0 12px}.cardinfo p{color:#bfb2c8;font-size:14px}.badge{color:#d7bfec;font-size:12px}.cardinfo details{border-color:#52435d}.gallery-controls{background:#28212e;padding:9px 14px;color:#beafc7;font-size:11px}.gallery-controls button{background:transparent;color:#dfd0eb;border:1px solid #584664;min-width:40px;border-radius:50%;padding:5px}.actions{gap:10px;margin-top:18px}.actions button{border-radius:18px}.actions [data-react=like]{background:#d2bafa;color:#2b1839}.stars{background:#e6d4ae;color:#4e3e28;border:0}.stars:hover{background:#f1e3c7}.fact{background:#332b3c;border-color:#504059;border-radius:14px}.fact small{color:#beaec9}.fact b{color:#eee4f4;font-size:14px}.endnote{font-size:11px;line-height:1.8;color:#a89aaf;margin:20px 0}.empty{background:transparent;border:1px solid #45374f;color:var(--text);padding:42px 24px;text-align:center}.empty p{color:#b7aabd}.empty h1{font-size:36px}.empty-orbit{width:112px;height:112px;display:grid;place-items:center;border:1px solid #6a527b;border-radius:50%;color:#d2bafa;font-size:62px;margin:4px auto 32px;box-shadow:0 0 0 14px #d2bafa06,0 0 0 28px #d2bafa03}.empty .eyebrow{font-size:9px}.empty b{color:#d2bafa;font-weight:400;margin-bottom:20px}dialog{background:#f2eee8;color:#2b2331;border:1px solid #fff8;border-radius:26px;box-shadow:0 30px 100px #0008;padding:28px;max-height:85dvh;overflow:auto}dialog p{color:#756b7e}dialog .icon{color:#584065;border-color:#c7b6d0}dialog .quiet{color:#584065;border-color:#c7b6d0}dialog::backdrop{background:#110b19b8;backdrop-filter:blur(8px)}.steps i{background:#d8ccdf}.steps i.done{background:#a280c2}#viewer{background:#19151f}#viewer .icon{background:#28202f;color:white}#notice{bottom:calc(102px + env(safe-area-inset-bottom));background:#f2eee8;color:#38283f;box-shadow:0 10px 40px #0005;font-size:13px;border:1px solid #d0bddc;border-radius:14px}#preview{background:#302736;border:1px solid #51415e;color:#c6b8d0;font-size:11px;line-height:1.6;margin-bottom:26px;padding:12px 15px}footer{margin-top:36px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:#93849e;border-top:1px solid #ffffff0b;padding-top:22px}footer span{font-size:12px;font-weight:800;letter-spacing:1px;color:#c4b4ce}footer a{color:#a594b2;text-decoration:none}.chat-person{background:#28212f;border:1px solid #49394f;border-radius:20px;padding:16px;box-shadow:none}.chat-person .caption{font-size:16px}.avatar{border-radius:50%;width:50px;height:50px;display:grid;place-items:center;background:#3c2e48;color:#d2bafa;font-size:24px}.count{background:#d2bafa;color:#312039}.chat-head{top:0;background:#211b29f5;border:1px solid #48364f;padding:14px;border-radius:18px}.chat-head h2{font-size:18px}.message{background:#2e2538;border:1px solid #473652;border-radius:18px 18px 18px 5px;font-size:14px;padding:14px 17px}.message.mine{background:#d2bafa;color:#2c1b38;border:0;border-radius:18px 18px 5px 18px}.message.mine time{color:#6a4c80}.message time{color:#b1a0be}.composer{bottom:calc(91px + env(safe-area-inset-bottom));background:#211b29f5;border-top:1px solid #4b3a55;padding:14px 0}.composer label{color:#c5b3d2}.composer textarea{background:#302638;color:#f5f0e9;border-color:#594365}.date-divider{font-size:11px;color:#ae9cbb}.chat-help{background:#292131;border:1px solid #493851;border-radius:20px;padding:22px;font-size:14px;line-height:1.8;margin:14px 0;color:#d5c8de}.report-options label{border-color:#d4c5dc;background:#faf5f0;color:#51405c;padding:15px}.report-options input{accent-color:#8862ac}.loading-state{text-align:center;padding:90px 20px}.loading-mark{display:inline-block;font-size:56px;color:#d2bafa;animation:breathe 1.5s ease-in-out infinite}@keyframes breathe{50%{opacity:.4;transform:rotate(45deg)}}[hidden]{display:none!important}
@media(min-width:620px){body{padding-left:54px;padding-right:54px}header{padding-top:32px}section{padding:32px}h1{font-size:48px}.hero{height:580px}.empty{padding:64px 36px}}
@media(max-width:360px){body{padding-left:16px;padding-right:16px}section{padding:22px 17px}.brand{font-size:23px}h1{font-size:34px}.row{gap:6px}.row button{font-size:12px}select{padding:12px 6px;font-size:14px}nav span{font-size:9px}.form-actions{bottom:calc(91px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}