/* GENERATED από gen-css.cjs (πηγή: handoff/travel-profile-mock). ΜΗΝ το επεξεργάζεσαι με το χέρι. */
#avtu{--bg:#0C1112;--ink:#161D20;--ink2:#1E282C;--ink3:#28343A;--hair:rgba(245,241,232,.12);--paper:#F5F1E8;--dim:#B7B2A6;--mute:#8C9490;--amber:#F0B24A;--amber2:#FBD07A;--moss:#6FA663;--ember:#E0573A;--cream:#EFE7D3;
--disp:"AVArchivo","AVRobotoCond","Archivo","Roboto Condensed","Arial Narrow",Arial,sans-serif;--body:"AVMulish","AVInter","Mulish","Inter",system-ui,Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark;position:fixed;inset:0;z-index:2147482400;background:var(--bg);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;container-type:inline-size;overflow:hidden;text-align:left}
#avtu[hidden]{display:none}
#avtu-scroll{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html.avtu-on{overflow:hidden}
html.avtu-on #av-header,html.avtu-on #avp-tabs,html.avtu-on #avp .tnav,html.avtu-on #avp-demobar,html.avtu-on #av-wa,html.avtu-on .av-wa{display:none!important}
#avtu .back{width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:var(--ink);font-size:19px;flex:none;display:grid;place-items:center}
#avtu a.lk{text-decoration:none;color:inherit}
#avtu *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
#avtu button{font:inherit;color:inherit;cursor:pointer}
#avtu button:active{transform:scale(.97)}
#avtu img{display:block;max-width:100%}
#avtu :focus-visible{outline:3px solid var(--amber2);outline-offset:2px}
#avtu .top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(12,17,18,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
#avtu .wm{font-family:var(--disp);font-weight:800;letter-spacing:.22em;font-size:13px;color:var(--amber)}
#avtu .tag{font-family:var(--disp);font-weight:700;font-size:10px;letter-spacing:.14em;padding:3px 8px;border-radius:999px;border:1px solid var(--hair);color:var(--mute)}
#avtu .sp{flex:1}
@container (max-width:520px){
#avtu .top .tag{display:none}
#avtu .top{gap:6px;padding-inline:12px}
#avtu .wm{letter-spacing:.14em;font-size:12px}
#avtu .pill{padding:7px 10px;font-size:12px}
}
#avtu .pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim);background:var(--ink);border:1px solid var(--hair);border-radius:999px;padding:7px 12px;min-height:38px}
#avtu .pill[aria-pressed="true"]{border-color:var(--amber);color:var(--amber2)}
#avtu .dot{width:8px;height:8px;border-radius:50%;background:var(--mute)}
#avtu .dot.on{background:var(--moss);box-shadow:0 0 0 3px rgba(111,166,99,.2)}
#avtu .wrap{max-width:1180px;margin:0 auto;padding-inline:16px;padding-block:16px 120px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@container (min-width:960px){
#avtu .wrap{grid-template-columns:340px minmax(0,1fr);gap:28px;padding-block:24px 60px}
#avtu .side{position:sticky;top:70px;align-self:start}
}
#avtu .card{background:var(--ink);border:1px solid var(--hair);border-radius:22px;overflow:hidden}
#avtu .cover{height:132px;background:var(--ink2) center/cover no-repeat;position:relative}
#avtu .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,17,18,0) 30%,rgba(22,29,32,.96))}
#avtu .pbody{padding:0 16px 16px;margin-top:-36px;position:relative}
#avtu .ava{width:72px;height:72px;border-radius:50%;background:var(--amber);color:#1A1206;display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:25px;border:3px solid var(--ink)}
#avtu h1{font-family:var(--disp);font-weight:800;font-size:25px;line-height:1.1;margin:10px 0 2px;text-wrap:balance}
#avtu .handle{display:inline-flex;align-items:center;gap:8px;color:var(--amber2);font-size:13px;background:none;border:0;padding:4px 0;min-height:32px}
#avtu .bio{color:var(--dim);margin:6px 0 12px;font-size:14px}
#avtu .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}
#avtu .stat{background:var(--ink2);border-radius:14px;padding:10px 4px;text-align:center}
#avtu .stat b{display:block;font-family:var(--disp);font-weight:800;font-size:21px;font-variant-numeric:tabular-nums}
#avtu .stat span{font-size:10.5px;color:var(--mute)}
#avtu .links{display:grid;gap:8px;margin:12px 0}
#avtu .lk{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--ink2);border:1px solid var(--hair);border-radius:14px;padding:12px 14px;min-height:48px;font-weight:600}
#avtu .lk .ic{width:28px;height:28px;border-radius:9px;background:var(--ink3);display:grid;place-items:center;font-size:14px;flex:none}
#avtu .lk.gold{background:linear-gradient(135deg,rgba(240,178,74,.22),rgba(240,178,74,.06));border-color:rgba(240,178,74,.45)}
#avtu .lk small{display:block;color:var(--dim);font-weight:400;font-size:12px}
#avtu .lk .go{margin-left:auto;color:var(--mute)}
#avtu .av-chip{display:flex;gap:10px;align-items:center;border:1px solid rgba(240,178,74,.3);background:rgba(240,178,74,.06);border-radius:14px;padding:10px 12px;font-size:12.5px;color:var(--dim);margin-bottom:12px}
#avtu .av-chip b{color:var(--amber2);font-family:var(--disp);letter-spacing:.04em}
#avtu .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:13.5px;letter-spacing:.06em;border-radius:16px;padding:14px 18px;min-height:50px;border:1px solid var(--hair);background:var(--ink2);transition:transform .15s var(--ease)}
#avtu .btn.pri{background:var(--amber);border-color:var(--amber);color:#1A1206}
#avtu .btn[disabled]{opacity:.4;cursor:default}
#avtu .row{display:flex;gap:8px;flex-wrap:wrap}
#avtu .row .btn{flex:1 1 130px}
#avtu .prog{display:flex;gap:12px;align-items:center;background:var(--ink2);border-radius:16px;padding:12px;margin:0 0 12px;width:100%;border:0;text-align:left}
#avtu .ring{flex:none;width:46px;height:46px}
#avtu .prog b{display:block;font-family:var(--disp);font-size:14px}
#avtu .prog small{color:var(--dim);font-size:12.5px}
#avtu h2{font-family:var(--disp);font-weight:800;font-size:12.5px;letter-spacing:.16em;color:var(--mute);margin:0 0 10px}
#avtu .sec{margin-bottom:20px}
#avtu .stories{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 6px;scrollbar-width:none}
#avtu .stories::-webkit-scrollbar{display:none}
#avtu .st{flex:0 0 auto;width:74px;background:none;border:0;padding:0;text-align:center}
#avtu .st i{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;margin:0 auto 6px;background:var(--ink2) center/cover;border:2px solid var(--bg);box-shadow:0 0 0 2px var(--amber);font-style:normal;font-size:26px;color:var(--amber)}
#avtu .st.new i{box-shadow:0 0 0 2px var(--ink3);border-style:dashed;border-color:var(--mute)}
#avtu .st span{display:block;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#avtu .pp{background:var(--cream);border-radius:20px;padding:14px 10px 10px;color:#2A2418;position:relative;overflow:hidden;background-image:repeating-linear-gradient(135deg,rgba(42,36,24,.035) 0 2px,transparent 2px 9px)}
#avtu .pp-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 6px 6px;font-family:var(--disp);font-weight:800;letter-spacing:.12em;font-size:11px;color:#6B5F45}
#avtu .pp-h b{font-size:13px;color:#2A2418}
#avtu .stamps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}
#avtu .stamps::-webkit-scrollbar{display:none}
#avtu .stamp{flex:0 0 auto;width:96px;height:96px;background:none;border:0;padding:0}
#avtu .stamp svg{width:100%;height:100%;overflow:visible}
#avtu .world{display:flex;align-items:center;gap:10px;padding:8px 6px 2px;font-size:12.5px;color:#4E452F}
#avtu .wbar{flex:1;height:6px;border-radius:3px;background:rgba(42,36,24,.14);overflow:hidden}
#avtu .wbar i{display:block;height:100%;background:#B5781C}
#avtu .tops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@container (max-width:560px){
#avtu .tops{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-auto-rows:92px}
#avtu .tops .top3:first-child{grid-row:span 2}
}
#avtu .top3{position:relative;border-radius:18px;overflow:hidden;min-height:92px;background:var(--ink2) center/cover;border:1px solid var(--hair);text-align:left;padding:0;display:block;width:100%}
@container (min-width:561px){
#avtu .top3{min-height:140px}
}
#avtu .top3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,17,18,.1),rgba(12,17,18,.9))}
#avtu .top3 div{position:absolute;left:12px;right:12px;bottom:10px}
#avtu .top3 .n{font-family:var(--disp);font-weight:900;font-size:30px;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}
#avtu .top3 .c{font-family:var(--disp);font-weight:800;font-size:15px;display:block}
#avtu .top3 .t{font-size:10.5px;letter-spacing:.12em;color:var(--dim)}
#avtu .recap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;background:linear-gradient(135deg,#243036,#161D20);border:1px solid var(--hair);border-radius:18px;padding:14px 16px;margin-bottom:14px}
#avtu .recap b{font-family:var(--disp);font-size:17px}
#avtu .recap span{color:var(--dim);font-size:13px;display:block}
#avtu .mini{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.06em;border-radius:999px;border:1px solid var(--hair);background:var(--ink2);padding:9px 14px;min-height:40px}
#avtu .tabs{display:flex;gap:4px;background:var(--ink);border:1px solid var(--hair);border-radius:16px;padding:4px;margin:0 0 14px}
#avtu .tab{flex:1;background:none;border:0;border-radius:12px;padding:10px 8px;font-family:var(--disp);font-weight:700;font-size:12.5px;letter-spacing:.08em;color:var(--mute);min-height:44px;transition:background .2s}
#avtu .tab[aria-selected="true"]{color:#0C1112;background:var(--paper)}
#avtu .filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px;padding:2px}
#avtu .filters::-webkit-scrollbar{display:none}
#avtu .chip{flex:0 0 auto;background:var(--ink);border:1px solid var(--hair);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--dim);min-height:38px}
#avtu .chip[aria-pressed="true"]{background:var(--paper);color:#0C1112;border-color:var(--paper);font-weight:700}
#avtu .year{font-family:var(--disp);font-weight:900;font-size:44px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(245,241,232,.3);margin:18px 0 10px}
#avtu .tl{position:relative;display:grid;gap:14px;padding-left:22px}
#avtu .tl::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--amber),rgba(240,178,74,.08))}
#avtu .trip{position:relative;display:grid;grid-template-columns:minmax(0,1fr);background:var(--ink);border:1px solid var(--hair);border-radius:20px;overflow:hidden}
#avtu .trip::before{content:"";position:absolute;left:-21px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--amber)}
@container (min-width:700px){
#avtu .trip.has-img{grid-template-columns:250px minmax(0,1fr)}
}
#avtu .pic{position:relative;aspect-ratio:16/9;background:var(--ink2) center/cover;border:0;padding:0;width:100%;height:100%;min-height:130px;display:block}
#avtu .pic em{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:11px;background:rgba(12,17,18,.7);border-radius:999px;padding:3px 8px}
#avtu .tx{padding:14px 16px;min-width:0}
#avtu .trip h3{font-family:var(--disp);font-weight:800;font-size:19px;line-height:1.15;margin:6px 0 4px;text-wrap:balance}
#avtu .meta{font-size:12.5px;color:var(--dim)}
#avtu .badges{display:flex;gap:6px;flex-wrap:wrap}
#avtu .b{font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:.1em;padding:3px 8px;border-radius:999px;border:1px solid var(--hair);color:var(--dim)}
#avtu .b.av{border-color:rgba(240,178,74,.5);color:var(--amber2);background:rgba(240,178,74,.08)}
#avtu .b.ok{border-color:rgba(111,166,99,.5);color:#A9D39E}
#avtu .story{color:var(--dim);font-size:14px;margin:8px 0 0}
#avtu .foot{display:flex;align-items:center;gap:10px;margin-top:10px}
#avtu .avs{display:flex}
#avtu .avs i{width:24px;height:24px;border-radius:50%;background:var(--ink3);border:2px solid var(--ink);margin-left:-6px;font-style:normal;font-size:9.5px;font-family:var(--disp);font-weight:800;display:grid;place-items:center;color:var(--amber2)}
#avtu .avs i:first-child{margin-left:0}
#avtu .rx{margin-left:auto;background:var(--ink2);border:1px solid var(--hair);border-radius:999px;padding:6px 12px;font-size:13px;min-height:36px}
#avtu .rx[aria-pressed="true"]{border-color:rgba(224,87,58,.6);background:rgba(224,87,58,.14)}
#avtu .addph{background:none;border:1px dashed var(--mute);color:var(--dim);border-radius:999px;padding:6px 12px;font-size:12.5px;min-height:36px}
#avtu .compact .pic,#avtu .compact .story,#avtu .compact .foot{display:none}
#avtu .compact .trip{grid-template-columns:minmax(0,1fr)}
#avtu .linkb{background:none;border:0;color:var(--mute);font-size:12px;text-decoration:underline;padding:6px 0;min-height:32px}
#avtu .empty{border:1px dashed var(--hair);border-radius:18px;padding:20px;text-align:center;color:var(--dim)}
#avtu .dlist{display:grid;gap:10px}
#avtu .d{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--ink);border:1px solid var(--hair);border-radius:18px;padding:12px 14px;text-align:left;width:100%}
#avtu .d .n{font-family:var(--disp);font-weight:900;font-size:27px;color:var(--amber);font-variant-numeric:tabular-nums;text-align:right}
#avtu .d .c{font-family:var(--disp);font-weight:800;font-size:16px}
#avtu .d .t{font-size:10.5px;letter-spacing:.1em;color:var(--dim)}
#avtu .bar{display:block;height:4px;border-radius:2px;background:var(--ink2);margin-top:6px;overflow:hidden}
#avtu .bar i{display:block;height:100%;background:var(--amber2)}
#avtu .ppl{display:grid;gap:10px}
#avtu .person,#avtu .feed{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--ink);border:1px solid var(--hair);border-radius:18px;padding:12px 14px}
#avtu .feed{grid-template-columns:44px minmax(0,1fr) 64px;text-align:left;width:100%}
#avtu .feed .th{width:64px;height:64px;border-radius:12px;background:var(--ink2) center/cover}
#avtu .a{width:44px;height:44px;border-radius:50%;background:var(--ink2);display:grid;place-items:center;font-family:var(--disp);font-weight:800;color:var(--amber2)}
#avtu .person b,#avtu .feed b{font-family:var(--disp);font-weight:800}
#avtu .person small,#avtu .feed small{display:block;color:var(--dim)}
#avtu .fbtn{border:1px solid var(--hair);background:var(--ink2);border-radius:999px;padding:8px 14px;font-size:12.5px;min-height:38px}
#avtu .fbtn[aria-pressed="true"]{background:var(--paper);color:#0C1112;font-weight:700}
#avtu .note{font-size:12.5px;color:var(--mute);margin:12px 0 0}
#avtu .nav{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;background:rgba(22,29,32,.94);backdrop-filter:blur(12px);border-top:1px solid var(--hair);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
#avtu .nav button{background:none;border:0;padding:6px 2px;font-size:10.5px;color:var(--mute);min-height:50px;font-family:var(--disp);font-weight:700;letter-spacing:.04em;display:grid;gap:2px;justify-items:center}
#avtu .nav button svg{width:22px;height:22px}
#avtu .nav button[aria-selected="true"]{color:var(--amber2)}
#avtu .nav .fab{width:58px;height:58px;border-radius:50%;background:var(--amber);color:#1A1206;margin:-22px auto 0;box-shadow:0 10px 26px rgba(240,178,74,.35);place-items:center;font-size:30px;line-height:1}
@container (min-width:960px){
#avtu .nav{display:none}
}
#avtu .ov{position:fixed;inset:0;z-index:40;background:rgba(6,9,10,.72);display:flex;align-items:flex-end;justify-content:center;animation:avtu-fade .2s}
#avtu .ov.still,#avtu .ov.still .sheet{animation:none}
@container (min-width:700px){
#avtu .ov{align-items:center}
}
@keyframes avtu-fade{from{opacity:0}}
@keyframes avtu-up{from{transform:translateY(40px);opacity:0}}
#avtu .sheet{position:relative;width:100%;max-width:560px;max-height:92%;overflow:auto;background:var(--ink);border:1px solid var(--hair);border-radius:26px 26px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));animation:avtu-up .32s var(--ease)}
#avtu .sheet::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--ink3);margin:-10px auto 14px}
@container (min-width:700px){
#avtu .sheet{border-radius:26px}
#avtu .sheet::before{display:none}
}
#avtu .sheet h3{font-family:var(--disp);font-weight:800;font-size:22px;margin:0 0 4px;padding-right:48px;text-wrap:balance}
#avtu .sheet p{color:var(--dim);margin:0 0 12px}
#avtu .x{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);background:rgba(30,40,44,.8);font-size:22px;line-height:1;z-index:5}
#avtu .fld{position:relative;margin-top:10px}
#avtu .fld input,#avtu .fld textarea{width:100%;min-width:0;background:var(--ink2);border:1.5px solid transparent;border-radius:16px;padding:24px 14px 10px;color:var(--paper);font:inherit;font-size:16px;appearance:none;-webkit-appearance:none;outline:0}
#avtu .fld textarea{min-height:92px;resize:none}
#avtu .fld label{position:absolute;left:15px;top:8px;font-size:11.5px;color:var(--mute);pointer-events:none}
#avtu .fld input:focus,#avtu .fld textarea:focus{border-color:var(--amber)}
#avtu .swr{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink2);border-radius:16px;padding:12px 14px;margin-top:10px;width:100%;border:0;text-align:left;min-height:56px}
#avtu .swr small{display:block;color:var(--dim);font-size:12.5px}
#avtu .sw{flex:none;width:50px;height:30px;border-radius:999px;background:var(--ink3);position:relative;transition:background .2s}
#avtu .sw::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:var(--paper);transition:transform .2s var(--ease)}
#avtu [aria-checked="true"] .sw{background:var(--moss)}
#avtu [aria-checked="true"] .sw::after{transform:translateX(20px)}
#avtu .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
#avtu .stepper{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:10px;align-items:center;margin:8px 0}
#avtu .stepper button{height:56px;border-radius:16px;border:1px solid var(--hair);background:var(--ink2);font-size:24px}
#avtu .stepper output{font-family:var(--disp);font-weight:900;font-size:44px;text-align:center;color:var(--amber);font-variant-numeric:tabular-nums}
#avtu .wz{position:fixed;inset:0;z-index:45;background:var(--bg);display:flex;flex-direction:column}
#avtu .wz.in{animation:avtu-up .3s var(--ease)}
@container (min-width:700px){
#avtu .wzw{position:fixed;inset:0;z-index:45;background:rgba(6,9,10,.72);display:grid;place-items:center}
#avtu .wz{position:relative;inset:auto;width:520px;height:min(780px,94%);border-radius:28px;border:1px solid var(--hair);overflow:hidden}
}
#avtu .wz-h{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 8px}
#avtu .wz-h button{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);background:var(--ink);font-size:20px;flex:none}
#avtu .wz-p{flex:1;display:flex;gap:5px}
#avtu .wz-p i{flex:1;height:4px;border-radius:2px;background:var(--ink3)}
#avtu .wz-p i.on{background:var(--amber)}
#avtu .wz-b{flex:1;overflow:auto;padding:6px 18px 18px}
#avtu .wz-q{font-family:var(--disp);font-weight:800;font-size:28px;line-height:1.1;margin:8px 0 4px;text-wrap:balance}
#avtu .wz-s{color:var(--dim);margin:0 0 14px}
#avtu .wz-f{padding:10px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hair);background:var(--ink)}
#avtu .wz-f .btn{width:100%}
#avtu .search{display:flex;align-items:center;gap:10px;background:var(--ink2);border-radius:16px;padding:0 14px;height:54px;border:1.5px solid transparent}
#avtu .search:focus-within{border-color:var(--amber)}
#avtu .search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--paper);font:inherit;font-size:16px}
#avtu .picked{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#avtu .pk{background:var(--amber);color:#1A1206;border:0;border-radius:999px;padding:8px 12px;font-weight:700;font-size:13.5px;min-height:38px}
#avtu .clist{display:grid;gap:6px;margin-top:8px}
#avtu .co{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--ink);border:1px solid var(--hair);border-radius:14px;padding:10px 14px;min-height:52px;font-size:15.5px}
#avtu .co span:first-child{font-size:22px}
#avtu .co[aria-pressed="true"]{border-color:var(--amber);background:rgba(240,178,74,.1)}
#avtu .co em{margin-left:auto;font-style:normal;color:var(--amber2);font-size:12.5px}
#avtu .seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--ink);border:1px solid var(--hair);border-radius:14px;padding:4px;margin-bottom:12px}
#avtu .seg button{border:0;background:none;border-radius:10px;min-height:42px;color:var(--mute);font-weight:700;font-size:13.5px}
#avtu .seg button[aria-pressed="true"]{background:var(--paper);color:#0C1112}
#avtu .cal{background:var(--ink);border:1px solid var(--hair);border-radius:20px;padding:12px}
#avtu .cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#avtu .cal-h b{font-family:var(--disp);font-size:17px}
#avtu .cal-h button{width:42px;height:42px;border-radius:50%;border:1px solid var(--hair);background:var(--ink2);font-size:18px}
#avtu .cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:2px}
#avtu .cal-g span{font-size:11px;color:var(--mute);text-align:center;padding:4px 0}
#avtu .dy{height:44px;border:0;background:none;border-radius:0;font-size:15px;font-variant-numeric:tabular-nums;position:relative;z-index:1}
#avtu .dy.in{background:rgba(240,178,74,.16)}
#avtu .dy.s,#avtu .dy.e{background:var(--amber);color:#1A1206;font-weight:800;border-radius:14px}
#avtu .dy.s.r{border-radius:14px 0 0 14px}
#avtu .dy.e.r{border-radius:0 14px 14px 0}
#avtu .dy.td{box-shadow:inset 0 0 0 1.5px var(--mute);border-radius:14px}
#avtu .mg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#avtu .mo{height:50px;border-radius:14px;border:1px solid var(--hair);background:var(--ink2);font-weight:700}
#avtu .mo[aria-pressed="true"]{background:var(--amber);color:#1A1206;border-color:var(--amber)}
#avtu .sum{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--ink2);font-weight:700}
#avtu .sum small{display:block;font-weight:400;color:var(--dim)}
#avtu .warn{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(224,87,58,.12);border:1px solid rgba(224,87,58,.4);color:#F3B9AB;font-size:14px}
#avtu .drop{display:grid;place-items:center;gap:6px;text-align:center;border:2px dashed var(--ink3);border-radius:22px;padding:28px 16px;background:var(--ink);color:var(--dim);width:100%;min-height:150px}
#avtu .drop b{color:var(--paper);font-family:var(--disp);font-size:17px}
#avtu .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
#avtu .pth{position:relative;aspect-ratio:1;border-radius:14px;background:var(--ink2) center/cover;border:2px solid transparent;padding:0}
#avtu .pth[aria-pressed="true"]{border-color:var(--amber)}
#avtu .pth em{position:absolute;left:6px;top:6px;font-style:normal;font-size:10px;font-weight:800;background:var(--amber);color:#1A1206;border-radius:999px;padding:2px 7px}
#avtu .vibes{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
#avtu .vb{border:1px solid var(--hair);background:var(--ink);border-radius:999px;padding:9px 14px;min-height:40px;font-size:14px}
#avtu .vb[aria-pressed="true"]{background:var(--paper);color:#0C1112;font-weight:700;border-color:var(--paper)}
#avtu .lab{font-size:12px;letter-spacing:.08em;color:var(--mute);margin:16px 0 6px;font-family:var(--disp);font-weight:700}
#avtu .done{display:grid;place-items:center;text-align:center;gap:10px;padding:26px 8px}
#avtu .done .paper{width:230px;height:230px;border-radius:32px;background:var(--cream);display:grid;place-items:center;background-image:repeating-linear-gradient(135deg,rgba(42,36,24,.04) 0 2px,transparent 2px 9px)}
#avtu .done .big{width:180px;height:180px;animation:avtu-stamp .55s var(--ease) .1s both}
@keyframes avtu-stamp{from{transform:scale(2.3) rotate(-24deg);opacity:0}60%{transform:scale(.94) rotate(-9deg);opacity:1}to{transform:scale(1) rotate(-8deg)}}
#avtu .delta{display:grid;gap:8px;width:100%;margin-top:6px}
#avtu .delta div{background:var(--ink);border:1px solid var(--hair);border-radius:14px;padding:12px 14px;text-align:left}
#avtu .delta b{color:var(--amber2)}
#avtu .sv{position:fixed;inset:0;z-index:50;background:#000;display:flex;justify-content:center}
#avtu .fr{position:relative;width:100%;max-width:480px;height:100%;background:var(--ink2) center/cover}
#avtu .fr::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 62%,rgba(0,0,0,.82))}
#avtu .pg{position:absolute;z-index:3;left:10px;right:10px;top:calc(10px + env(safe-area-inset-top,0px));display:flex;gap:4px}
#avtu .pg i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
#avtu .pg i b{display:block;height:100%;width:0;background:#fff}
#avtu .hd{position:absolute;z-index:3;left:14px;right:64px;top:calc(24px + env(safe-area-inset-top,0px));font-size:13px}
#avtu .hd b{font-family:var(--disp);font-weight:800;font-size:15px;display:block}
#avtu .cap{position:absolute;z-index:3;left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom,0px));font-size:17px;font-weight:600;text-wrap:balance}
#avtu .hit{position:absolute;z-index:2;top:0;bottom:0;width:38%;background:none;border:0}
#avtu .hit.l{left:0}
#avtu .hit.r{right:0;width:62%}
#avtu .hit:active{transform:none}
#avtu .sv .x{z-index:4;top:calc(18px + env(safe-area-inset-top,0px))}
#avtu .shw{display:flex;justify-content:center}
#avtu .share{aspect-ratio:9/16;width:min(74%,290px);border-radius:22px;overflow:hidden;position:relative;background:var(--ink2) center/cover;border:1px solid var(--hair);container-type:inline-size;color:var(--paper)}
#avtu .share::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,17,18,.62) 0%,rgba(12,17,18,.08) 26%,rgba(12,17,18,.18) 46%,rgba(12,17,18,.94) 78%)}
#avtu .share.stk::before{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35))}
#avtu .share .in{position:absolute;inset:0;padding:7cqw;display:flex;flex-direction:column;justify-content:space-between}
#avtu .sc-wm{font-family:var(--disp);font-weight:800;letter-spacing:.24em;font-size:3.6cqw;color:var(--amber)}
#avtu .sc-k{font-family:var(--disp);font-weight:700;letter-spacing:.2em;font-size:3.3cqw;color:var(--dim)}
#avtu .sc-name{font-family:var(--disp);font-weight:900;font-size:11cqw;line-height:1;margin:1.5cqw 0 4cqw}
#avtu .sc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;margin-bottom:4.5cqw}
#avtu .sc-row b{display:block;font-family:var(--disp);font-weight:900;font-size:10cqw;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}
#avtu .sc-row span{font-size:3.2cqw;color:var(--dim)}
#avtu .sc-list{list-style:none;margin:0 0 4.5cqw;padding:0;display:grid;gap:1.6cqw;font-family:var(--disp);font-weight:800;font-size:4.6cqw}
#avtu .sc-list li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(245,241,232,.22);padding-bottom:1.4cqw}
#avtu .sc-list li span{color:var(--amber);font-variant-numeric:tabular-nums}
#avtu .sc-url{font-size:3.4cqw;color:var(--dim);letter-spacing:.02em}
#avtu .sc-huge{font-family:var(--disp);font-weight:900;font-size:34cqw;line-height:.86;color:var(--amber);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#avtu .sc-place{font-family:var(--disp);font-weight:900;font-size:11.5cqw;line-height:1.02;margin:2cqw 0 1.5cqw;text-wrap:balance}
#avtu .sc-yr{display:grid;gap:3.2cqw;margin:3cqw 0 5cqw}
#avtu .sc-yr div{display:flex;align-items:baseline;gap:3cqw;border-bottom:1px solid rgba(245,241,232,.22);padding-bottom:2.4cqw}
#avtu .sc-yr b{font-family:var(--disp);font-weight:900;font-size:17cqw;line-height:.9;color:var(--amber);min-width:24cqw;font-variant-numeric:tabular-nums}
#avtu .sc-yr span{font-family:var(--disp);font-weight:800;font-size:5.6cqw}
#avtu .stick{align-self:flex-start;background:rgba(12,17,18,.58);backdrop-filter:blur(6px);border:1px solid rgba(245,241,232,.32);border-radius:5cqw;padding:3.6cqw 4.4cqw}
#avtu .stick .sc-place{font-size:8.4cqw;margin:1cqw 0 .6cqw}
#avtu .toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translateX(-50%);box-shadow:0 10px 30px rgba(0,0,0,.45);z-index:60;background:var(--paper);color:#0C1112;font-weight:700;border-radius:999px;padding:10px 18px;animation:avtu-fade .25s;max-width:calc(100% - 32px);text-align:center}
#avtu .icb{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:var(--ink);display:grid;place-items:center;font-size:17px;flex:none}
#avtu .icb i{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--ember);color:#fff;font-style:normal;font-size:10.5px;font-weight:800;display:grid;place-items:center;padding:0 4px}
#avtu .pvrow{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 2px}
#avtu .how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
#avtu .how div{background:var(--ink);border:1px solid var(--hair);border-radius:16px;padding:12px 8px;text-align:center;font-size:11.5px;color:var(--dim);line-height:1.35}
#avtu .how b{display:block;font-family:var(--disp);font-size:13px;color:var(--paper);margin:4px 0 2px;letter-spacing:.06em}
#avtu .how span{font-size:22px}
#avtu .seg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--ink);border:1px solid var(--hair);border-radius:16px;padding:4px;margin-bottom:12px}
#avtu .seg3 button{border:0;background:none;border-radius:12px;min-height:54px;color:var(--mute);font-weight:700;font-size:11px;letter-spacing:.06em;line-height:1.2;font-family:var(--disp)}
#avtu .seg3 button b{display:block;font-size:18px;color:inherit}
#avtu .seg3 button[aria-pressed="true"]{background:var(--paper);color:#0C1112}
#avtu .match{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding:2px}
#avtu .match::-webkit-scrollbar{display:none}
#avtu .mc{flex:0 0 80%;max-width:310px;position:relative;border-radius:22px;overflow:hidden;min-height:190px;background:linear-gradient(140deg,#4A3510,#1E282C 70%) center/cover;border:1px solid rgba(240,178,74,.45);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
#avtu .mc::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,17,18,.2),rgba(12,17,18,.94))}
#avtu .mc>*{position:relative}
#avtu .mc b{font-family:var(--disp);font-size:20px;line-height:1.1;text-wrap:balance}
#avtu .mc small{color:var(--dim)}
#avtu .mc .row .btn{min-height:44px;padding:10px 12px;font-size:12.5px}
#avtu .fc{background:var(--ink);border:1px solid var(--hair);border-radius:20px;overflow:hidden}
#avtu .fc-h{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;width:100%;background:none;border:0;text-align:left}
#avtu .fc-h .a{width:40px;height:40px;font-size:13px}
#avtu .fc-h small{display:block;color:var(--dim)}
#avtu .fc-img{aspect-ratio:16/9;background:var(--ink2) center/cover}
#avtu .fc-a{display:flex;gap:8px;padding:10px 12px;flex-wrap:wrap}
#avtu .act{border:1px solid var(--hair);background:var(--ink2);border-radius:999px;padding:8px 13px;font-size:13px;min-height:40px}
#avtu .act[aria-pressed="true"]{background:rgba(240,178,74,.16);border-color:rgba(240,178,74,.6);color:var(--amber2);font-weight:700}
#avtu .wants{display:flex;gap:8px;flex-wrap:wrap}
#avtu .chat{position:fixed;inset:0;z-index:46;background:var(--bg);display:flex;flex-direction:column}
#avtu .chat.in{animation:avtu-up .28s var(--ease)}
#avtu .chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hair);background:var(--ink)}
#avtu .chat-h>button{width:42px;height:42px;border-radius:50%;border:1px solid var(--hair);background:var(--ink2);font-size:19px;flex:none}
#avtu .chat-h b{font-family:var(--disp)}
#avtu .chat-h small{display:block;color:#A9D39E;font-size:12px}
#avtu .msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
#avtu .bub{max-width:78%;padding:10px 14px;border-radius:18px;background:var(--ink2);align-self:flex-start;font-size:15px;overflow-wrap:anywhere}
#avtu .bub.me{align-self:flex-end;background:var(--amber);color:#1A1206}
#avtu .bub.card{padding:0;overflow:hidden;width:70%}
#avtu .bub.card i{display:block;aspect-ratio:16/9;background:var(--ink3) center/cover}
#avtu .bub.card span{display:block;padding:8px 12px;font-weight:700}
#avtu .bub.sys{align-self:center;background:none;color:var(--mute);font-size:12.5px;text-align:center;max-width:90%}
#avtu .quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 12px 0}
#avtu .quick::-webkit-scrollbar{display:none}
#avtu .quick .act{flex:0 0 auto}
#avtu .send{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))}
#avtu .send input{flex:1;min-width:0;height:48px;border-radius:999px;border:1.5px solid transparent;background:var(--ink2);color:var(--paper);padding:0 16px;font:inherit;font-size:16px;outline:0}
#avtu .send input:focus{border-color:var(--amber)}
#avtu .send button{width:48px;height:48px;border-radius:50%;border:0;background:var(--amber);color:#1A1206;font-size:20px;flex:none}
#avtu .inb{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;background:var(--ink2);border:0;border-radius:16px;padding:12px;margin-top:8px;min-height:64px}
#avtu .inb b{font-family:var(--disp)}
#avtu .inb small{display:block;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#avtu .inb em{font-style:normal;background:var(--ember);color:#fff;border-radius:9px;min-width:18px;height:18px;font-size:10.5px;font-weight:800;display:grid;place-items:center;padding:0 4px}
#avtu .inb.off{opacity:.6}
#avtu .cmp{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center;margin:12px 0}
#avtu .cmp div{background:var(--ink2);border-radius:14px;padding:10px 4px}
#avtu .cmp b{display:block;font-family:var(--disp);font-size:26px;color:var(--amber);font-variant-numeric:tabular-nums}
#avtu .cmp span{font-size:11.5px;color:var(--dim)}
#avtu [hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){
#avtu *{animation:none!important;transition:none!important}
}
