#experience-atunci [hidden]{display:none!important}.camera-dialog .camera-controls>label,.camera-dialog .camera-controls [role=status]{color:#fffdf7}.camera-dialog .camera-controls output{color:#fffdf7}.time-anchor{display:block;scroll-margin-top:92px}.time-intro h3{max-width:630px}.time-choice{border:0;padding:0;margin:0 0 26px;min-width:0}.time-choice legend,.time-tools h4,.time-comparison h4{font-size:1rem;font-weight:700;color:var(--blue);margin-bottom:14px}.time-select{display:grid;gap:8px;max-width:540px}.time-select>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.time-select select{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;font:inherit;color:var(--blue-deep)}
#experience-atunci .archive-options{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 0 14px;margin:0;max-height:none;overscroll-behavior-inline:contain}#experience-atunci .archive-option{flex:0 0 148px;scroll-snap-align:start}#experience-atunci .archive-option img{height:90px;width:100%;object-fit:cover}#experience-atunci .archive-option strong{font-size:.85rem}#experience-atunci .archive-option span{font-size:.75rem}
#experience-atunci .time-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);align-items:start}#experience-atunci .time-frame{height:auto;min-height:0;aspect-ratio:1280/1099;background:#173f76;position:relative;overflow:hidden}#experience-atunci .time-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-height:none}#experience-atunci .time-frame [data-time-new],.time-public-now{clip-path:inset(0 0 0 var(--compare,50%))}
.time-tools{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fffdf7}.time-tools>*+*{margin-top:16px}.time-tools input[type=file]{max-width:100%;font-size:.8rem}.time-upload{display:grid;gap:10px;border:1px dashed var(--blue);padding:16px;border-radius:12px}.time-camera-button{width:100%;min-height:52px}.time-guidance{font-size:.85rem;line-height:1.6}.time-guidance p{margin:0 0 10px}.time-guidance button,.camera-dialog details button{display:block;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--blue)}.time-guidance a{color:var(--blue)}
.time-downloads{flex-wrap:wrap}.time-publish{margin:24px 0;padding:24px;border-radius:18px;background:#e8eee8;border:1px solid #b9c9bf}.time-check{display:flex!important;align-items:flex-start;gap:12px!important;line-height:1.5}.time-check input{flex:0 0 auto;width:20px!important;height:20px!important;margin:2px 0}.time-publish fieldset{border:0;min-width:0;padding:20px 0 0;display:grid;gap:16px}.time-publish fieldset[hidden]{display:none}.time-publish label{display:grid;gap:8px}.time-publish textarea{font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;width:100%;background:white}.time-publish p{font-size:.85rem;line-height:1.6}.time-video{border-block:1px solid var(--line);padding:20px 0;margin:24px 0}.time-video>summary{cursor:pointer;font-weight:700;color:var(--blue);min-height:44px;display:list-item}.time-community{margin-top:40px}.time-community h3{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.04em}.time-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.time-public-card{min-width:0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.time-public-card h4{margin:14px 0 8px}.time-public-card p{font-size:.85rem;overflow-wrap:anywhere}.time-public-card>a{display:block;font-size:.72rem;color:var(--blue);margin-bottom:10px}.time-public-card>input{width:100%;min-height:44px}.time-public-card button,.time-draft button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;color:var(--blue);background:var(--paper)}.time-draft{padding:20px;background:#f5e8c5;border-radius:14px;margin-bottom:22px}.time-draft button+button{margin-left:10px}
.camera-dialog{width:min(1060px,100%);max-width:100%;height:100%;height:100svh;max-height:100svh;margin:auto;padding:16px 20px;border:0;background:#102640;color:white;overflow:auto}.camera-dialog:not([open]){display:none}.camera-dialog::backdrop{background:#071325df}.camera-dialog header{display:flex;justify-content:space-between;gap:16px;align-items:center}.camera-dialog h3{font-size:1.15rem;margin:0;color:white}.camera-dialog header button{min-height:44px;padding:10px 14px;border:1px solid #ffffff70;border-radius:24px;background:transparent;color:white;font:inherit;white-space:nowrap}.camera-dialog>p{font-size:.8rem;line-height:1.5;margin:12px 0}.camera-frame{--camera-ratio:1.16;position:relative;width:min(100%,calc(max(100px,100svh - 315px)*var(--camera-ratio)));aspect-ratio:var(--camera-ratio);margin:0 auto;background:#071325;overflow:hidden}.camera-frame video,.camera-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.camera-frame [hidden]{display:none}.camera-frame [data-camera-overlay]{pointer-events:none;opacity:.5}.camera-controls{max-width:800px;margin:14px auto 0}.camera-controls>label{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:.9rem}.camera-controls input[type=range]{grid-column:1/-1;width:100%;min-height:36px;accent-color:#f4c655}.camera-controls [role=status]{font-size:.8rem;line-height:1.5;min-height:1.5em;margin:6px 0}.camera-dialog .experience-actions{justify-content:center;gap:10px}.camera-dialog .explore-button{min-height:48px;background:#f4c655;color:#102640;border:1px solid #f4c655}.camera-dialog .explore-button.secondary{background:#fffdf7;color:#102640;border-color:#fffdf7}.camera-dialog details{font-size:.8rem;margin-top:12px}.camera-dialog details a{color:#f4c655}.camera-dialog details p{margin:8px 0}.camera-dialog :focus-visible{outline:3px solid #f4c655;outline-offset:3px}
.time-feature{display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:center;padding:28px clamp(20px,6vw,90px);background:#e7eee9;border-block:1px solid #173f7625}.time-feature img{width:140px;height:95px;object-fit:cover;border-radius:12px}.time-feature h2{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 8px;color:var(--blue-deep);letter-spacing:-.04em}.time-feature p{margin:0;max-width:600px;font-size:.9rem;line-height:1.5}.time-feature a{white-space:nowrap}.shooting-pin{width:38px;height:38px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#d05b35;color:white;box-shadow:0 2px 10px #0004}.shooting-pin svg{width:27px;height:27px;transform:rotate(var(--bearing,0deg))}
@media(max-width:850px){#experience-atunci .time-layout{grid-template-columns:1fr}.time-tools{grid-row:1}.time-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-feature{grid-template-columns:90px 1fr;gap:15px}.time-feature img{width:90px;height:85px}.time-feature a{grid-column:1/-1;justify-self:start}.camera-dialog{padding:12px}.camera-dialog .experience-actions{gap:7px}.camera-dialog .explore-button{font-size:.8rem;padding:12px}.time-publish{padding:18px}}
@media(max-width:480px){.time-community-grid{grid-template-columns:1fr}.time-tools{padding:16px}.time-choice legend{font-size:.9rem}.camera-dialog header button{font-size:.75rem}.camera-dialog h3{font-size:.95rem}.camera-frame{width:min(100%,calc(max(100px,100svh - 350px)*var(--camera-ratio)))}.time-public-card{padding:12px}}
@media(orientation:landscape) and (max-height:500px){.camera-dialog{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.75fr);gap:8px 16px}.camera-dialog:not([open]){display:none}.camera-dialog header{grid-column:1/-1}.camera-dialog>p{display:none}.camera-frame{width:min(100%,calc((100svh - 90px)*var(--camera-ratio)));align-self:start}.camera-controls{margin:0}.camera-controls .experience-actions{flex-wrap:wrap}.camera-controls details{margin-top:8px}}

.time-showcase{padding:24px;margin:0 0 28px;border:1px solid #a8beb4;border-radius:22px;background:#e8eee8;overflow-wrap:anywhere}
.time-showcase h4{font-size:clamp(1.35rem,3vw,2rem);margin:8px 0 20px;color:var(--blue-deep)}
.time-showcase-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:24px;align-items:start}
.time-showcase-layout>div{min-width:0}.time-showcase-details p{margin:0 0 16px;line-height:1.6}.time-showcase-details>a{color:var(--blue);font-size:.8rem}
.time-primary-badge{font-size:.78rem;font-weight:700;color:var(--blue);letter-spacing:.015em}
.time-showcase .compare-control{display:grid;gap:6px;font-size:.85rem}.time-showcase input[type=range]{width:100%;min-height:44px}
.time-showcase-options{display:flex;overflow-x:auto;gap:12px;padding:4px 0 14px;max-width:100%}
.time-showcase-options button{flex:0 0 132px;min-height:44px;border:2px solid transparent;border-radius:12px;background:#fffdf7;padding:8px;font:inherit;color:var(--blue);text-align:left}
.time-showcase-options button[aria-pressed=true]{border-color:var(--blue);background:#fff4d3}
.time-showcase-options img{width:100%;height:76px;object-fit:cover;border-radius:7px}.time-showcase-options span{display:block;font-size:.75rem;margin-top:7px;overflow-wrap:anywhere}
#experience-atunci .time-layout.has-example{grid-template-columns:1fr}.time-tools{scroll-margin-top:100px}
@media(max-width:850px){.time-showcase-layout{grid-template-columns:1fr}.time-showcase{padding:16px}.time-showcase-details .explore-button{white-space:normal}}

.time-showcase{scroll-margin-top:100px}
.time-draggable{touch-action:pan-y;cursor:ew-resize;user-select:none}
.time-draggable img{pointer-events:none}
.time-draggable .time-divider::after{content:'↔';position:absolute;left:-21px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:2px solid white;border-radius:50%;background:#173f76;color:white;font:700 22px Arial;box-shadow:0 2px 10px #0004}
@media(min-width:851px){
 #experience-atunci .time-comparison>.time-frame,#experience-atunci .time-showcase-layout>div>.time-frame{width:100%;max-width:calc(min(520px,60svh)*var(--photo-ratio,1.16));margin-inline:auto}
 .time-showcase-layout{grid-template-columns:minmax(0,1.1fr) minmax(240px,1fr)}
}

/* Compact creation flow: remove inherited flex gaps + sibling margins stacking. */
#experience-atunci .time-tools{gap:12px;padding:18px}
#experience-atunci .time-tools>*{margin:0}
#experience-atunci .time-tools h4{margin-bottom:2px}
#experience-atunci .time-tools .time-upload{padding:12px}
#experience-atunci .time-tools .explore-button{min-height:44px;padding-block:12px}
#experience-atunci .time-tools details{font-size:.84rem}
#experience-atunci .time-check{flex-direction:row!important;align-items:flex-start}
#experience-atunci .time-check>span{flex:1}
#experience-atunci .time-check input{padding:0;min-width:20px;min-height:20px}
#experience-atunci [role=status]:empty{display:none}
#experience-atunci .time-publish{margin:4px 0 0;padding:14px;border-radius:12px}
#experience-atunci .time-publish p{margin:8px 0 0}
#experience-atunci .time-publish fieldset{padding-top:12px;gap:12px}
#experience-atunci .time-community{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
#experience-atunci .time-community h3{font-size:1.3rem;margin:0 0 8px;letter-spacing:-.02em}
#experience-atunci .time-community>p{font-size:.84rem;line-height:1.5;margin:8px 0}
#experience-atunci .time-community-grid:empty{display:none}
#experience-atunci .time-showcase.is-empty{padding:12px 16px;margin-bottom:18px;border-radius:12px}
#experience-atunci .time-showcase.is-empty .eyebrow,#experience-atunci .time-showcase.is-empty h4{display:none}
#experience-atunci .time-showcase.is-empty p{margin:0;font-size:.84rem}
.time-flow-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.time-flow-nav button{font:inherit;font-size:.78rem;font-weight:600;color:var(--blue);background:#fffdf7;border:1px solid var(--line);border-radius:24px;padding:10px 14px;min-height:44px;cursor:pointer}
.time-choice,.time-community,.time-layout{scroll-margin-top:100px}
.time-draggable .time-divider{border-left-width:2px}
.time-draggable .time-divider::after{left:-13px;width:24px;height:32px;border:1px solid #fff9;background:#fffdf7dd;color:#173f76;font:500 16px Arial;box-shadow:0 1px 4px #0002;border-radius:12px}
@media(min-width:851px){
 #experience-atunci .time-comparison>.time-frame,#experience-atunci .time-showcase-layout>div>.time-frame{max-width:calc(min(620px,70svh)*var(--photo-ratio,1.16))}
}

.history-entry{margin:0 0 20px;font-size:.9rem;font-weight:600}.history-entry a{color:var(--blue);text-underline-offset:4px}
.time-flow-nav[role=tablist]{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e6ece7;padding:6px;border-radius:16px;position:relative}.time-flow-nav [role=tab]{border-radius:11px;border:0;font-size:.95rem;min-height:48px;background:transparent}.time-flow-nav [aria-selected=true]{background:#173f76;color:#fffdf7;box-shadow:0 2px 6px #10264020}#time-compare-panel{scroll-margin-top:100px}#time-compare-panel:focus{outline:none}.shorts-source{background:#f6edd7;border-radius:10px;padding:12px;font-size:.82rem;line-height:1.5;margin:0}.camera-zoom{padding:8px 0 12px}.camera-zoom-presets{display:flex;justify-content:center;gap:12px;margin-bottom:8px}.camera-zoom button{border:1px solid #fff8;color:#fffdf7;background:#173f76;border-radius:24px;min-width:52px;min-height:44px;font:inherit}.camera-zoom button[aria-pressed=true]{background:#f4c655;color:#102640}.camera-zoom button:disabled{opacity:.4}.camera-zoom label{display:grid!important;grid-template-columns:1fr auto;gap:4px;color:white}.camera-zoom select{grid-column:1/-1;width:100%;max-width:100%;font:inherit;font-size:.85rem;padding:10px;border-radius:8px;color:#102640;background:#fffdf7}.camera-zoom p{font-size:.76rem;line-height:1.4;color:#e5eaf0;margin:6px 0}.camera-frame video{transform-origin:center}.camera-dialog .camera-frame{width:min(100%,calc(max(120px,100svh - 470px)*var(--camera-ratio)))}@media(max-width:480px){.time-flow-nav [role=tab]{font-size:.8rem;padding:10px 7px}}@media(orientation:landscape) and (max-height:500px){.camera-dialog .camera-frame{width:min(100%,calc((100svh - 90px)*var(--camera-ratio)))}}
.time-flow-nav[role=tablist]{position:sticky;top:82px;z-index:20;box-shadow:0 3px 8px #10264012}#experience-atunci #studio-video,#experience-atunci #time-compare-panel{scroll-margin-top:154px}.shorts-context{display:flex;align-items:center;gap:12px;margin:0 0 16px}.shorts-context .shorts-source{flex:1}.shorts-context button{flex:0 0 auto;font-size:.8rem;padding:10px 14px;min-height:44px}@media(max-width:1120px){.time-flow-nav[role=tablist]{top:72px}#experience-atunci #studio-video,#experience-atunci #time-compare-panel{scroll-margin-top:144px}}@media(max-width:650px){.shorts-context{align-items:stretch;flex-direction:column}.shorts-context button{align-self:flex-start}.shorts-context .shorts-source{font-size:.78rem}}