/* The public entrance and the working desk share the paper stock, not the page proportions. */
:root {
  --desk-line: #ddcfc6;
  --sheet: #fffaf4;
  --mute: #705766;
  --press: #561b3b;
}
body[data-layout="public"] .sidebar, body[data-layout="workspace"] .public-bar { display:none; }
body[data-layout="public"] #main { margin:0; min-height:70vh; }
.film::after { opacity:.048; }
.public-bar,.landing,.account-shell { width:min(1216px,calc(100% - clamp(40px,9vw,160px))); margin-inline:auto; }
.public-bar,.public-bar nav,.landing-footer,.landing-footer nav,.hero-actions { display:flex; align-items:center; }
.public-bar { min-height:94px; justify-content:space-between; position:relative; }
.public-bar nav,.landing-footer nav,.hero-actions { gap:clamp(14px,2.8vw,34px); }
.wordmark { display:flex; align-items:center; min-height:44px; }
.wordmark img { display:block; height:auto; }
.public-bar nav a,.quiet-link,.landing-footer nav a,.quiet-button,.auth-forgot,.account-tail a,.breadcrumbs a { font:640 .92rem/1.25 var(--sans); color:#61293e; text-underline-offset:4px; }
.public-bar nav a,.landing-footer nav a { text-decoration:none; padding-block:12px; }
.public-bar nav a:hover,.landing-footer nav a:hover { text-decoration:underline; }
.public-bar nav .open-app { border:1px solid #a99087; border-radius:12px; padding:10px 16px; background:#fff9f1cc; }
.main-cta,.quiet-button,.icon-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; font:660 .94rem/1.2 var(--sans); text-decoration:none; cursor:pointer; }
.main-cta { padding:13px 19px; color:white; border:1px solid var(--press); border-radius:12px; background:var(--press); box-shadow:inset 0 1px 0 #ffffff28,0 2px 4px #51203819; --icon-accent:#ffbb93; }
.main-cta:hover { background:#742346; }
.main-cta .ico { width:20px; height:20px; }
.quiet-button,.icon-button { color:var(--press); border:0; background:transparent; }
.quiet-button { text-decoration:underline; }
.icon-button { width:42px; height:42px; padding:9px; border-radius:10px; flex:none; }
.icon-button:hover { background:#edd8cd; }
.icon-button .ico { height:21px; width:21px; }
body[data-layout="public"] .film { background:radial-gradient(ellipse at 75% 18%,#ffe9d8,transparent 57%),#fbf3eb; }
body[data-layout="public"] .orb-sun { opacity:.12; right:-27vw; top:22vh; }
body[data-layout="public"] .orb-plum { opacity:.18; right:84vw; bottom:-40vh; }
body[data-layout="public"] .orb-pearl { opacity:.18; left:52vw; bottom:-40vh; }
body[data-layout="workspace"] .orb-sun { opacity:.32; }
body[data-layout="workspace"] .orb-plum { opacity:.37; }
body[data-layout="workspace"] .orb-pearl { opacity:.34; }
.landing-plans { border-top:1px solid #d8c5b9; padding:clamp(36px,6vw,78px) 0; scroll-margin-top:16px; }
.landing-plans h2 { font:530 clamp(1.8rem,3.4vw,3.35rem)/1.13 var(--wide); letter-spacing:-.038em; margin-bottom:26px; }
.plans-duo,.profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.plan-paper,.module { min-width:0; background:var(--sheet); border:1px solid var(--desk-line); border-radius:18px; box-shadow:inset 1px 1px 1px #fff,0 7px 19px -17px #61213d80; }
.plan-paper { display:flex; flex-direction:column; align-items:flex-start; padding:clamp(21px,3.2vw,43px); }
.plan-forever { background:linear-gradient(128deg,#ffe6ca,#f9d9c2 65%,#f1c8bc); border-color:#d8b7a5; }
.plan-paper h3,.plan-paper h2,.profile-billing h2 { font:550 clamp(1.03rem,1.6vw,1.38rem)/1.35 var(--wide); letter-spacing:-.032em; }
.plan-price { margin:10px 0; font:560 clamp(1.55rem,2.5vw,2.35rem)/1.25 var(--wide); letter-spacing:-.038em; }
.plan-paper ul { margin:9px 0 21px; padding:0; list-style:none; color:#634859; }
.plan-paper li { position:relative; padding:4px 0 4px 16px; }
.plan-paper li::before { content:""; position:absolute; top:14px; left:1px; background:#a9405b; border-radius:50%; width:5px; height:5px; }
.plan-paper .ghost-button { margin-top:auto; }
.current-plan { display:inline-flex; align-items:center; gap:6px; font-weight:680; margin:4px 0; }.current-plan .ico { width:18px; height:18px; }
.plan-unavailable,.plan-paper .control-status { font-size:.9rem; margin-top:auto; }
.landing-footer { border-top:1px solid #d8c5b9; padding:22px 0 34px; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.account-shell { display:grid; place-items:start center; padding:clamp(23px,5.4vh,70px) 0 55px; }
.account-frame { display:grid; grid-template-columns:minmax(0,.77fr) minmax(0,1fr); width:min(870px,100%); border:1px solid var(--desk-line); background:var(--sheet); padding:8px; border-radius:24px; box-shadow:0 16px 46px -30px #66244448,inset 0 1px 0 white; }
.account-art { position:relative; overflow:hidden; isolation:isolate; border-radius:17px; background:linear-gradient(145deg,#521b3b,#8b3350 57%,#d76973); color:#fff3e9; min-height:340px; }
.account-art::before { content:""; position:absolute; width:140%; aspect-ratio:1; bottom:-38%; left:-51%; border-radius:50%; background:linear-gradient(125deg,#db787e,#a94665); }
.paper-label { position:relative; display:block; padding:30px 27px; font:550 clamp(2rem,3.6vw,3.5rem)/1 var(--wide); letter-spacing:-.04em; }
.account-art img { position:absolute; width:93%; height:auto; left:5%; top:48%; transform:translateY(-13%) rotate(-9deg); filter:drop-shadow(8px 12px 6px #42132e46); }
.account-form { padding:clamp(24px,3.4vw,46px); }
.account-form h1,.desk h1 { font:560 clamp(1.65rem,2.9vw,2.6rem)/1.15 var(--wide); letter-spacing:-.034em; }
.account-form form,.identity-module { display:grid; gap:15px; }
.account-form form { margin-top:21px; }.form-intro,.account-tail { color:var(--mute); font-size:.97rem; line-height:1.48; margin-top:12px; }
.account-tail { margin-top:22px; }.account-form .main-cta { width:100%; }
.auth-field { display:grid; gap:6px; width:100%; min-width:0; color:var(--cherry); font:620 .88rem/1.4 var(--sans); }
.auth-field input,.auth-field select,.share-tool input { box-sizing:border-box; width:100%; min-width:0; min-height:43px; padding:9px 12px; font:500 1rem/1.35 var(--sans); color:var(--cherry); background:#fffcf8; border:1px solid #c6b0a6; border-radius:9px; box-shadow:inset 1px 2px 4px #4c21300b; }
.auth-field select { appearance:auto; }
.terms-check { display:flex; align-items:flex-start; gap:8px; font-size:.86rem; line-height:1.4; color:#664a58; }
.terms-check input { width:17px; min-width:17px; height:17px; margin:1px 0 0; accent-color:var(--press); }
.auth-forgot { justify-self:end; }
.control-status { margin:10px 0 0; font:560 .9rem/1.4 var(--sans); color:#79294b; overflow-wrap:anywhere; }
.control-status:empty { display:none; }
.desk { width:min(1040px,calc(100% - clamp(44px,7vw,128px))); margin:clamp(40px,6vh,68px) auto 60px; }
.desk-head,.title-pair,.module-head,.name-inline,.room-crumb,.breadcrumbs,.identity-block { display:flex; align-items:center; gap:12px; }
.desk-head,.module-head { justify-content:space-between; flex-wrap:wrap; }
.desk-head { margin-bottom:23px; }
.desk-head h1,.identity-block h2,.identity-block p,.title-pair,.name-inline { overflow-wrap:anywhere; min-width:0; }
.title-pair { flex-wrap:wrap; gap:8px; }
.overview .choice { min-height:clamp(196px,19vw,265px); padding:clamp(18px,2vw,27px); }
.overview .choice-name { letter-spacing:-.042em; font-size:clamp(2.75rem,4.35vw,4.25rem); margin:8px 0 14px; }
.count-tag { font:640 .8rem/1.2 var(--sans); color:#754657; background:#f5e5df; border-radius:7px; padding:5px 8px; }
.module { padding:clamp(17px,2.35vw,27px); }
.module-head { margin-bottom:12px; }
.module-head h2,.shelf-empty h2,.identity-block h2 { font:640 clamp(1.05rem,1.45vw,1.3rem)/1.35 var(--sans); letter-spacing:-.018em; }
#recent-links:not(:empty) { margin-top:31px; }
.recent-list,.library-list { margin:0; padding:0; list-style:none; }
.recent-list { border-block:1px solid var(--desk-line); }
.recent-list a,.library-entry>a { display:flex; align-items:center; gap:12px; color:var(--cherry); text-decoration:none; padding:10px 0; min-height:54px; overflow-wrap:anywhere; }
.recent-list a,.library-entry>a { font-weight:630; }
.recent-list li+li,.library-list li+li { border-top:1px solid var(--desk-line); }
.recent-list a:hover>span:nth-child(2),.library-entry>a:hover strong { text-decoration:underline; text-underline-offset:3px; }
.recent-list time { margin-left:auto; white-space:nowrap; }
.file-mark { background:#f3e4d9; }
.shelf-empty { display:grid; justify-items:center; gap:10px; text-align:center; padding:35px 19px; }
.shelf-empty p { max-width:40ch; color:var(--mute); }
.room-desk,.profile-desk,.plans-desk,.library-desk { max-width:920px; }
.room-crumb,.breadcrumbs { margin-bottom:14px; font-size:.89rem; color:var(--mute); flex-wrap:wrap; }
.room-crumb a { font-weight:600; text-underline-offset:3px; }
.room-command,.file-module,.upload-wrap,.upload-more { margin-bottom:17px; }
.room-command { background:linear-gradient(122deg,#fffaf4,#faeee6); }
.room-command .desk-head { margin:0; }
.room-command h1 { font-size:clamp(1.44rem,2.8vw,2.35rem); }
.name-inline { gap:4px; max-width:100%; }
.share-tool { display:flex; align-items:center; gap:8px; margin-top:17px; }
.share-tool input { flex:1; background:#f8ede6; font-size:.9rem; }
.share-tool .main-cta { flex:none; }
.room-command .byline { margin:12px 0 0; }
.file-module .file-row,.library-list .file-row { min-height:65px; }
.file-module .file-row,.library-list .file-row,.project-card .file-row { flex-wrap:nowrap; }
.file-module .file-info,.library-list .file-info,.project-card .file-info { min-width:0; }
.room-empty { display:flex; align-items:center; gap:10px; padding:19px 2px 7px; border-top:1px solid var(--desk-line); color:var(--mute); font-size:.94rem; }
.empty-sign { display:inline-flex; padding:9px; color:#a15063; border-radius:11px; background:#f6e8df; }
.upload-more { padding:0 3px; }.upload-more .more { margin-top:0; }
.upload-wrap .picker { padding-block:30px; background:#f9eee4; }.upload-wrap .limits { font-size:.8rem; }
.profile-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr); }
.profile-billing { align-self:start; display:grid; justify-items:start; gap:15px; }
.identity-module { justify-items:start; }
.identity-block .avatar { width:44px; font-size:1rem; }.identity-block p,.record-cell span,.module-tag,.file-info small,.library-entry small { color:var(--mute); font-size:.86rem; }
.record-cell { display:grid; gap:2px; }.record-cell strong { font-weight:550; }
.manage-dialog { width:min(450px,calc(100% - 30px)); }.manage-dialog form { display:grid; gap:15px; }
.manage-dialog p { margin:0; }.manage-dialog .quiet-button { padding:8px 12px; }.remove-empty-object { justify-self:start; }
.library-module { padding-block:6px; }.library-entry { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.library-entry>a { min-width:0; flex:1; }.library-entry small,.library-list .file-info small { display:block; font-weight:500; }
.library-list .file-row { border-top:0; }.library-list li+li.file-row { border-top:1px solid var(--desk-line); }
.rail-link { min-width:0; }
@media(max-width:900px) {
  .public-bar,.landing,.account-shell { width:calc(100% - 52px); }
  
  
  
  .desk { width:calc(100% - 42px); }
}
@media(max-width:700px) {
  .plans-duo,.profile-grid { grid-template-columns:1fr; gap:14px; }
  .landing-plans { padding:30px 0; }.landing-plans h2 { margin-bottom:17px; }
  .account-frame { display:block; max-width:460px; padding:0; }.account-art { display:none; }.account-form { padding:25px; }
  .overview .choice { min-height:182px; }.desk { width:calc(100% - 30px); margin-top:29px; }
  .desk-head { gap:9px; margin-bottom:18px; }
  .file-module .file-download>span,.library-list .file-download>span { display:none; }
  .file-download { min-width:38px; }.share-tool { flex-wrap:wrap; }
  .library-list .file-row { gap:4px; }.library-list .file-mark { display:none; }.library-list .icon-button { width:35px; }
}
@media(max-width:460px) {
  .public-bar,.landing,.account-shell { width:calc(100% - 32px); }
  .public-bar { min-height:70px; }.public-bar .wordmark img { width:87px; }.public-bar nav { gap:13px; }.public-bar nav .open-app { padding:9px 12px; }
  .landing-footer .wordmark img { width:65px; }.landing-footer nav { gap:12px; }.landing-footer nav a { font-size:.84rem; }
  .hero-actions { gap:15px; }
  .desk { width:calc(100% - 20px); margin-top:22px; }.desk h1 { font-size:clamp(1.36rem,5.3vw,1.72rem); }
  .desk-head .ghost-button { min-height:37px; padding:7px 9px; font-size:.8rem; }.overview .choice { min-height:156px; padding:15px; }
  .overview .choice-name { font-size:2.65rem; margin:5px 0 8px; }.room-command,.file-module,.upload-wrap,.library-module { padding:12px; }
  .share-tool input,.share-tool .main-cta { width:100%; flex:1 1 100%; }.module-head { gap:5px; }
  .file-module .file-mark { width:27px; }.file-module .file-row { gap:4px; }.file-module .file-download { min-width:34px; }
  .recent-list a { gap:7px; font-size:.88rem; }.recent-list time { font-size:.73rem; }
  .project-files .file-download>span { display:none; }.project-files .file-download { min-width:30px; }
  .room-empty { gap:6px; }.library-module { padding:3px 8px; }.library-list .file-download,.library-list .icon-button { min-width:30px; width:30px; }
}
#purchase-form { display:grid; justify-items:start; gap:14px; width:100%; margin-bottom:14px; }
.withdraw-link { display:inline-block; margin-top:18px; }
.retention-note { margin:0 0 15px; color:var(--mute); }
@media(max-width:570px){.landing-footer nav { flex-wrap:wrap; gap:2px 16px; }}

/* A sheet of paper passes between two desks. The press grain lives on the paper and on its ink. */
:root { --print-ink:#45142f; --print-berry:#bd244f; --print-peach:#ffc495; --print-sheet:#fff3e5; }
body[data-layout="public"] .film { background:radial-gradient(ellipse at 60% 30%,#fff7e9,#fcf0e3 68%,#f7e2d6); }
.public-bar { display:grid; grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr); gap:24px; width:calc(100% - clamp(36px,7vw,116px)); max-width:1540px; min-height:76px; }
.public-bar .wordmark { justify-self:start; }.public-bar nav { display:contents; }.public-bar nav .open-app { justify-self:end; background:var(--print-ink); color:#fff7ef; border-color:var(--print-ink); border-radius:80px; padding:11px 18px; }
.public-bar nav .open-app:hover { background:#702642; text-decoration:none; }
.landing { max-width:1540px; width:calc(100% - clamp(36px,7vw,116px)); }
.landing-hero { position:relative; isolation:isolate; display:grid; place-items:center; min-height:clamp(460px,69vh,780px); padding:clamp(45px,8vh,105px) 0 clamp(62px,9vh,110px); }
.hero-copy { position:relative; z-index:1; display:grid; justify-items:center; width:max-content; max-width:87%; text-align:center; }
.hero-copy h1 { font:720 clamp(2.5rem,5.55vw,5.8rem)/.95 var(--sans); letter-spacing:-.045em; color:var(--print-ink); }
.hero-copy h1>span { white-space:nowrap; }.hero-copy h1 em { display:block; color:var(--print-berry); font:610 clamp(5.8rem,12.4vw,12.8rem)/.94 var(--wide); letter-spacing:-.065em; margin:8px 0 10px; }
@supports (mask-image:url('/media/sem.svg')) {
  .hero-copy h1 .hero-wordmark { position:relative; width:min(84%,510px); aspect-ratio:583/153; margin:18px auto 11px; background:var(--print-berry); mask:url('/media/sem.svg') center / contain no-repeat; }
  .hero-wordmark span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
}
.hero-copy p { max-width:37ch; margin:13px 0 21px; color:#664958; font-size:clamp(.98rem,1.25vw,1.16rem); line-height:1.5; text-wrap:pretty; }
.hero-actions { justify-content:center; }.hero-actions .main-cta { min-height:46px; border-radius:80px; padding-inline:23px; }
.poster-edges { position:absolute; inset:0; z-index:0; pointer-events:none; }
.poster-leaf { position:absolute; width:clamp(118px,17vw,263px); aspect-ratio:.96; isolation:isolate; display:grid; place-items:center; }
.poster-leaf::before,.poster-leaf::after { content:''; position:absolute; inset:0; z-index:-1; }
.poster-leaf::before { background:var(--print-peach); clip-path:polygon(8% 13%,78% 4%,94% 40%,84% 87%,8% 95%); }
.poster-leaf::after { background:url('/media/grain.webp'); mix-blend-mode:multiply; opacity:.11; clip-path:polygon(8% 13%,78% 4%,94% 40%,84% 87%,8% 95%); }
.poster-leaf img { display:block; width:102%; height:auto; }
.poster-in { left:0; top:16%; transform:rotate(-13deg); }
.poster-out { right:0; bottom:9%; transform:rotate(12deg); }
.poster-out::before,.poster-out::after { clip-path:polygon(13% 7%,81% 2%,84% 17%,99% 57%,87% 90%,20% 99%,3% 64%); }.poster-out::before { background:#e08391; }
.directions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); scroll-margin-top:20px; overflow:hidden; border-radius:5px; }
.directions article { min-width:0; position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr); align-items:center; gap:5px; padding:clamp(21px,3.2vw,48px); }
.directions article::after { content:''; position:absolute; inset:0; z-index:-1; background:url('/media/grain.webp'); mix-blend-mode:soft-light; opacity:.24; }
.direction-in { background:#571b38; color:#fff3e7; }.direction-out { background:#ffbf8b; color:var(--print-ink); }
.directions article h2 { font:575 clamp(2.4rem,5vw,5.1rem)/1 var(--wide); letter-spacing:-.052em; }
.direction-in h2 span { color:#ffb877; }.direction-out h2 span { color:#a72553; }
.directions article h3 { font:660 clamp(1.03rem,1.5vw,1.38rem)/1.2 var(--sans); margin:17px 0 7px; letter-spacing:-.025em; }
.directions article p { max-width:30ch; font-size:clamp(.91rem,1.08vw,1.03rem); line-height:1.46; }
.directions article img { width:112%; height:auto; max-width:none; margin-left:-7%; }
.landing-plans { padding:clamp(40px,6.4vw,96px) 0; border-top:0; }
.landing-plans .plan-paper { background:#fff7ed; }.landing-plans .plan-forever { background:#f3d6cc; }
.scene-sweep { position:fixed; z-index:9; pointer-events:none; overflow:hidden; inset:0 0 0 var(--rail-width); }
body[data-layout="public"] .scene-sweep { left:0; }
.scene-sweep i { display:block; position:absolute; top:-11%; height:126%; width:16%; min-width:52px; max-width:210px; opacity:0; border-radius:12% 95% 55% 5%; background:linear-gradient(103deg,#a6204a 0 65%,#d44e6b 65% 83%,#ffb16e 83%); }
.scene-sweep i::after { content:''; position:absolute; inset:0; background:url('/media/grain.webp'); mix-blend-mode:soft-light; opacity:.32; }
body[data-scene="knihovna"] .orb-sun { transform:translate(-4vw,20vh) scale(.84); }body[data-scene="knihovna"] .orb-plum { transform:translate(-12vw,18vh); }
body[data-scene="tarif"] .orb-sun { transform:translate(2vw,-15vh); }body[data-scene="tarif"] .orb-plum { transform:translate(-16vw,6vh); }
@media(prefers-reduced-motion:no-preference) {
  .poster-in img { animation:paper-in .65s cubic-bezier(.19,.7,.18,1) both; }
  .poster-out img { animation:paper-out .75s cubic-bezier(.19,.7,.18,1) both; }
  @keyframes paper-in { from{transform:translate(-17%,13%) rotate(-9deg)}to{transform:none} }
  @keyframes paper-out { from{transform:translate(14%,-12%) rotate(12deg)}to{transform:none} }
  ::view-transition-new(section-content){animation:sheet-enter .3s cubic-bezier(.18,.78,.2,1) both;}
  @keyframes sheet-enter { from { opacity:.45; transform:translate(12px,3px); }to {opacity:1;transform:none;} }
}
@media(max-width:880px) {
  .poster-in{left:-5px;top:10%;}.poster-out{right:-4px;bottom:11%;}.poster-leaf{width:15vw;}
  .directions article { padding:23px 19px; grid-template-columns:minmax(0,1.45fr) minmax(0,.63fr); }
}
@media(max-width:650px) {
  .public-bar,.landing { width:calc(100% - 32px); }.public-bar { display:flex; justify-content:space-between; gap:10px; min-height:66px; }.public-bar nav { display:flex; gap:12px; }.public-bar .how-nav { display:none; }
  .landing-hero { display:flex; flex-direction:column; justify-content:center; min-height:0; padding:18px 0 42px; }
  .poster-edges { position:relative; inset:auto; width:182px; height:94px; margin-bottom:13px; }
  .poster-leaf { width:105px; }.poster-in { left:0; top:-1px; transform:rotate(-15deg); }.poster-out { right:0; bottom:-3px; transform:rotate(12deg); }
  .hero-copy { width:100%; max-width:none; }.hero-copy h1 { font-size:clamp(2.03rem,6.7vw,3.25rem); line-height:1; }
  .hero-copy h1 em { font-size:clamp(4.8rem,16.8vw,7rem); line-height:.99; margin:4px 0 0; }
  .hero-copy p { margin:12px 0 17px; max-width:31ch; }.hero-actions .main-cta { min-height:43px; }
  .directions { grid-template-columns:1fr; }
  .directions article { grid-template-columns:minmax(0,1.45fr) minmax(0,.74fr); padding:22px; }.directions h2 { font-size:clamp(2.55rem,8.5vw,3.3rem); }.directions article h3 { margin-top:9px; }
  .directions article img { width:103%; margin:0; }
}
@media(prefers-reduced-motion:reduce){.scene-sweep { display:none; }}
.overview .choice { border-radius:15px; background:#551c38; box-shadow:0 4px 15px -12px #53192d85; }
.overview .choice.send { background:#ffbf8b; }
.overview .choice .stage img,.account-art img { filter:none; }
.overview .receive .cut-shape { background:#bb4c6a; }.overview .send .cut-shape { background:#e99586; }
@supports (animation-timeline:view()) {
  @media(prefers-reduced-motion:no-preference) {
    .directions article img { animation:ink-settle 1s linear both; animation-timeline:view(); animation-range:entry 0% cover 42%; }
    @keyframes ink-settle { from{transform:translateY(14px) rotate(-4deg)}to{transform:translateY(0) rotate(0)} }
  }
}
.file-report { flex:none; margin:0; }
.file-report .icon-button { width:auto; color:#78465b; gap:4px; padding-inline:7px; font-size:.82rem; }
.file-stopped { color:#783851; font-size:.84rem; line-height:1.2; text-align:end; }
@media(max-width:700px){.file-report .icon-button>span { display:none; }.file-report .icon-button { width:34px; min-height:42px; }}
.admin-nav { display:flex; align-items:center; gap:10px 18px; flex-wrap:wrap; padding-top:10px; border-top:1px solid var(--desk-line); }
.project-files .file-report .icon-button>span { display:none; }

.playground { margin:clamp(48px,7vw,104px) 0 0; scroll-margin-top:20px; }
.play-intro,.landing-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:end; gap:20px; }
.play-intro { margin-bottom:21px; }
.play-intro h2,.landing-faq h2 { color:var(--print-ink); font:550 clamp(1.9rem,4.1vw,3.9rem)/1.04 var(--wide); letter-spacing:-.05em; }
.play-intro p { justify-self:end; max-width:34ch; color:var(--mute); line-height:1.5; }
.play-mat { isolation:isolate; position:relative; overflow:hidden; padding:clamp(18px,4.5vw,64px); border-radius:16px; background:#b84d65; background-image:url('/media/grain.webp'),radial-gradient(ellipse at 0 100%,#5f1b44 0 24%,transparent 25%),radial-gradient(ellipse at 97% 0,#ffa66f 0 37%,transparent 38%),linear-gradient(126deg,#d96576,#a94265); background-blend-mode:soft-light,normal,normal,normal; }
.play-window { position:relative; display:grid; grid-template-columns:clamp(120px,13vw,172px) minmax(0,1fr); border-radius:15px; background:#fff9ef; overflow:hidden; box-shadow:0 19px 42px -20px #36123075; border:1px solid #fff5e7ac; }
.play-rail { display:flex; min-width:0; flex-direction:column; gap:clamp(26px,5vw,65px); padding:25px 12px 15px; background:#efe1d3; border-right:1px solid #ddc6b6; }
.play-brand { margin-left:8px; width:66px; height:auto; }
.play-routes { display:grid; gap:4px; }
.play-routes button { position:relative; display:grid; align-items:center; justify-content:start; gap:0 7px; grid-template-columns:20px minmax(0,1fr); font:650 .98rem/1.25 var(--sans); text-align:left; padding:8px 9px; min-height:46px; border:1px solid transparent; border-radius:8px; color:#4f263c; background:transparent; cursor:pointer; }
.play-routes button[aria-pressed="true"] { background:#fffaef; border-color:#dcbfaf; }
.play-routes button .ico { width:20px; height:20px; grid-row:span 2; }
.play-routes button small { font:500 .77rem/1.3 var(--sans); color:#714658; }
.play-local { margin-top:auto; display:flex; gap:8px; align-items:center; font:610 .83rem var(--sans); color:#654051; padding:7px; }
.play-local i { width:8px; height:8px; background:#ab3b5b; border-radius:50%; }
.play-surface { min-width:0; }
.play-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; padding:8px clamp(12px,2vw,25px); border-bottom:1px solid #e3cfc1; }
.play-tools label { font:550 .82rem var(--sans); color:#694354; display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.play-tools select,.play-tools button { font:650 .88rem var(--sans); border-radius:5px; cursor:pointer; color:var(--print-ink); }
.play-tools select { min-height:38px; border:1px solid #c6a99a; background:#fffcf5; padding:3px 9px; }
.play-tools button,.play-roles button { border:0; background:transparent; padding:7px; min-height:40px; text-decoration:underline; text-underline-offset:4px; }
.play-screens { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.play-panel { min-width:0; position:relative; padding:clamp(18px,2.3vw,31px); min-height:310px; color:var(--print-ink); display:flex; flex-direction:column; align-items:flex-start; gap:15px; }
.play-peer { border-left:1px solid #dfc7b7; background:#f7eadd; }
.play-who { display:flex; align-items:center; gap:8px; font:650 .9rem/1.2 var(--sans); }
.play-initial { display:grid; place-items:center; height:30px; width:30px; border-radius:50%; color:#fff9ef; background:#59203e; font:650 .85rem var(--sans); }
.play-peer .play-initial { background:#c77760; color:#371528; }
.play-who small,.play-received small { display:block; margin-top:2px; color:#705361; font-size:.75rem; font-weight:520; }
.play-panel h3 { font:560 clamp(1.05rem,1.8vw,1.65rem)/1.15 var(--wide); letter-spacing:-.045em; margin:6px 0 0; hyphens:auto; }
.play-panel h3:focus { outline:none; }
.play-panel h3:focus-visible { outline:2px solid #9b385c; outline-offset:4px; border-radius:2px; }
.play-wait { display:grid; align-content:start; justify-items:start; gap:10px; color:#684653; }
.play-wait .ico { width:42px; height:42px; color:#945067; --icon-accent:#e29883; }
.play-wait p,.play-hint { font:.94rem/1.43 var(--sans); color:#684653; max-width:28ch; }
.play-upload { width:100%; display:grid; gap:clamp(8px,1.2vw,17px); grid-template-columns:minmax(0,.93fr) minmax(0,1fr); align-items:stretch; }
.play-source,.play-target { cursor:pointer; font:620 .82rem/1.18 var(--sans); color:var(--print-ink); min-width:0; }
.play-source { display:flex; align-items:flex-start; flex-direction:column; position:relative; padding:0; border:0; background:transparent; text-align:left; touch-action:none; user-select:none; -webkit-user-select:none; cursor:grab; }
.play-source strong { width:100%; line-height:1.25; margin-top:6px; overflow-wrap:anywhere; }
.play-source>small { font:500 .74rem var(--sans); color:#715260; }
.play-paper { transition:transform .16s ease-out; transform:rotate(-3deg); align-self:center; display:block; width:min(88px,100%); filter:drop-shadow(2px 4px 2px #5b17351c); }
.play-source:hover .play-paper,.play-source:focus-visible .play-paper { transform:rotate(0) translateY(-3px); }
.play-lift { z-index:3; transform:translate(var(--travel-x,0),var(--travel-y,0)); }
.play-poster { display:grid; align-content:space-between; isolation:isolate; position:relative; overflow:hidden; width:100%; aspect-ratio:.8; background:#ffb77f; color:#501832; }
.play-poster>span { z-index:1; font:820 clamp(.68rem,1.4vw,1.03rem)/.99 var(--sans); padding:8% 6%; letter-spacing:-.055em; }
.play-poster i { position:absolute; top:37%; right:-47%; width:145%; aspect-ratio:1; border-radius:50%; background:repeating-radial-gradient(circle,#501832 0 7%,#ffb77f 7% 14%,#b44262 14% 21%,#ffb77f 21% 28%); }
.play-poster small { position:relative; padding:4% 5%; font:650 .54rem/1 var(--sans); color:#fff2de; background:#501832; }
.play-mini { display:grid; place-items:center; width:100%; aspect-ratio:.8; background:#ffecdb; }.play-mini svg { width:93%; height:auto; }
.play-target { display:grid; justify-items:center; align-content:center; gap:8px; padding:9px 5px; min-height:100px; align-self:stretch; border:1.5px dashed #a87180; border-radius:12px; background:#f5e9de; text-align:center; box-shadow:inset 0 1px 4px #6a2d3b0d; }
.play-target:hover,.play-over { background:#f6d5be; border-color:#832c4d; }
.play-target .ico { width:34px; height:34px; }
.play-action,.play-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:40px; border:none; border-radius:8px; padding:8px 13px; background:#561b3b; color:white; text-decoration:none; cursor:pointer; font:650 .87rem/1.18 var(--sans); text-align:center; }
.play-action:hover { background:#742746; }.play-secondary { background:transparent; color:var(--print-ink); text-decoration:underline; text-underline-offset:3px; }
.play-url,.play-received,.play-progress { width:100%; padding:12px; background:#fff9ef; border:1px solid #d6bbaa; color:var(--print-ink); border-radius:8px; font:.87rem/1.3 var(--sans); overflow-wrap:anywhere; }
.play-url span { display:block; font-size:.78rem; color:#694453; margin-bottom:2px; }
.play-received,.play-progress { display:flex; align-items:center; gap:9px; }
.play-received .ico,.play-progress .ico { min-width:26px;width:26px;height:26px; }
.play-progress { flex-wrap:wrap; }.play-progress progress { width:100%; height:8px; accent-color:var(--press); }
.play-file-actions { display:flex; gap:4px; flex-wrap:wrap; }.play-roles { display:none; }
.play-mat :is(button,a,select):focus-visible,.landing-faq summary:focus-visible { outline:3px solid #8e2a50; outline-offset:3px; }
.landing-faq { align-items:start; margin-top:clamp(46px,7vw,96px); }
.faq-list details { border-top:1px solid #d5c1b3; }.faq-list details:last-child { border-bottom:1px solid #d5c1b3; }
.faq-list summary { position:relative; display:block; cursor:pointer; padding:17px 27px 17px 0; color:var(--print-ink); font:630 1rem/1.35 var(--sans); }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:'+'; position:absolute; right:4px; top:15px; font-size:1.25rem; pointer-events:none; }.faq-list details[open] summary::after { content:'−'; }
.faq-list p { padding:0 22px 17px 0; color:var(--mute); font-size:.96rem; line-height:1.5; }
@media (min-width:700px) and (max-width:900px) {
  .play-mat { padding:14px; }.play-window { grid-template-columns:96px minmax(0,1fr); }.play-rail { padding-inline:5px; }.play-panel { padding:15px 11px; }.play-upload { gap:7px; }.play-target { min-height:91px; }
}
@media(max-width:699px) {
  .play-intro,.landing-faq { grid-template-columns:1fr; align-items:start; gap:10px; }
  .play-intro p { justify-self:start; max-width:35ch; }.play-mat { padding:8px; border-radius:12px; }
  .play-window { grid-template-columns:1fr; border-radius:9px; }.play-rail { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:5px; padding:6px 8px; border:0; border-bottom:1px solid #d9c2b4; }
  .play-brand { width:47px; margin-left:2px; }.play-routes { display:flex; gap:3px; }.play-routes button { padding:6px 9px; min-height:42px; grid-template-columns:auto 1fr; font-size:.87rem; gap:3px; }.play-routes button .ico { grid-row:auto; width:17px; height:17px; }
  .play-routes button small,.play-local { display:none; }.play-tools { padding:4px 9px; gap:2px; }.play-tools label { gap:5px; font-size:.73rem; }.play-tools button { font-size:.77rem; }
  .play-roles { display:flex; border-bottom:1px solid #e3cfc1; margin:0; padding:0 10px; gap:8px; }
  .play-roles button { align-self:stretch; min-height:42px; color:#6c4757; font:600 .82rem/1 var(--sans); text-decoration:none; border-bottom:2px solid transparent; }
  .play-roles button[aria-pressed="true"] { border-bottom-color:#9a3754; color:var(--print-ink); }
  .play-screens { display:block; }.play-panel { min-height:272px; padding:15px 13px; gap:11px; }
  .play-panel h3 { margin-top:4px; font-size:clamp(1.18rem,4.8vw,1.65rem); }
  .play-screens[data-screen="owner"] .play-peer,.play-screens[data-screen="peer"] .play-owner { display:none; }
  .play-peer { border-left:0; }.play-paper { width:72px; }.play-poster>span { font-size:.82rem; }
  .play-upload { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:14px; align-items:center; }
  .play-target { min-height:100px; align-self:center; }.play-source { font-size:.83rem; }
  .landing-faq { gap:17px; }
}
@media(prefers-reduced-motion:reduce) { .play-paper,.play-source .play-paper { transition:none;transform:none; } }

.public-bar { grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr); gap:clamp(10px,1.9vw,26px); }
:is(.public-bar nav a,.landing-footer nav a,.quiet-link,.breadcrumbs a,.auth-forgot,.account-tail a,.room-crumb a,.project-manage,.admin-nav a) {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-inline:5px;position:relative;text-decoration:none;
}
:is(.public-bar nav a,.landing-footer nav a,.quiet-link,.breadcrumbs a,.auth-forgot,.account-tail a,.room-crumb a,.project-manage,.admin-nav a):hover { text-decoration:none; }
:is(.public-bar nav a,.landing-footer nav a,.quiet-link,.breadcrumbs a,.auth-forgot,.account-tail a,.room-crumb a,.project-manage,.admin-nav a)::after,
:is(.rail-link,.rail .profile-link)>span:not(.avatar):not(.sr)::after {
  content:'';position:absolute;pointer-events:none;left:5px;right:5px;bottom:calc(50% - .77em);height:3px;
  border-bottom:2px solid currentColor;border-radius:42% 38% 45% 45%;opacity:.85;transform:scaleX(0) rotate(-1deg);
  transform-origin:left center;transition:transform .2s cubic-bezier(.2,.68,.25,1);
}
:is(.public-bar nav a,.landing-footer nav a,.quiet-link,.breadcrumbs a,.auth-forgot,.account-tail a,.room-crumb a,.project-manage,.admin-nav a):is(:hover,:focus-visible,[aria-current])::after,
:is(.rail-link,.rail .profile-link):is(:hover,:focus-visible,[aria-current])>span:not(.avatar):not(.sr)::after { transform:scaleX(1) rotate(-1deg); }
.public-bar nav .open-app::after { left:16px;right:16px; }
:is(.rail-link,.rail .profile-link)>span:not(.avatar):not(.sr) { position:relative;padding-bottom:4px; }
:is(.rail-link,.rail .profile-link)>span:not(.avatar):not(.sr)::after { left:0;right:0;bottom:0;height:2px; }
:is(.public-bar nav a,.landing-footer nav a,.rail a,.quiet-link,.breadcrumbs a,.auth-forgot,.account-tail a,.project-manage,.admin-nav a):focus-visible {outline:2px solid #9b385c;outline-offset:2px;}
@media(max-width:650px) {
  .public-bar nav { gap:3px; }.public-bar .how-nav { display:none; }.public-bar .wordmark img { width:clamp(58px,17vw,84px); }
  .public-bar nav a { font-size:.81rem; }.public-bar nav .open-app { padding:8px 10px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.public-bar nav a,.landing-footer nav a,.quiet-link,.breadcrumbs a,.auth-forgot,.account-tail a,.room-crumb a,.project-manage,.admin-nav a)::after,
  :is(.rail-link,.rail .profile-link)>span:not(.avatar):not(.sr)::after { transition:none; }
}
.public-bar { grid-template-columns:minmax(0,1fr) auto auto auto auto minmax(0,1fr); }
#public-sections { display:contents; }.public-bar .nav-toggle { display:none; }
:is(#jak,#tarify,#otazky,#vyzkouset) { scroll-margin-top:18px; }
@media(max-width:650px){
  .public-bar { z-index:4; }.public-bar nav { gap:8px; }
  .public-bar #public-sections { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:1px 7px; }
  .public-bar .how-nav { display:inline-flex; }
  .public-bar[data-enhanced] .nav-toggle { display:inline-flex; align-items:center; justify-content:center; padding:7px 9px; min-height:44px; background:transparent; border:0; color:var(--print-ink); font:640 .86rem/1.3 var(--sans); }
  .public-bar[data-enhanced] #public-sections { display:none; }
  .public-bar[data-menu="open"] #public-sections { display:grid; gap:0; position:absolute; z-index:4; inset:auto 0 auto auto; top:calc(100% - 7px); min-width:175px; padding:6px 10px; background:#fff8ec; border:1px solid #ccac9d; border-radius:11px; box-shadow:0 8px 16px -7px #521d3e55; }
  .public-bar[data-menu="open"] #public-sections a { justify-self:start; }
  .public-bar:not([data-enhanced]) { align-items:flex-start; }.public-bar:not([data-enhanced]) nav { flex-wrap:wrap;justify-content:flex-end; }
}

.rail-identity { display:grid; justify-items:start; min-width:0; gap:3px; }
.rail .profile-link .rail-name { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.profile-plan-badge { display:inline-flex; align-items:center; border:1px solid #d4a8a5; border-radius:5px; padding:2px 5px; background:#ffe3ce; color:#611936; font:730 .69rem/1.2 var(--sans); white-space:nowrap; }
.profile-plan-badge .badge-short { display:none; }
.profile-plan-dates { width:100%; margin:0; padding:0; }
.profile-plan-dates>div { padding:9px 0; border-top:1px solid var(--desk-line); }
.profile-plan-dates dt,.gift-note { color:var(--mute); font:520 .88rem/1.45 var(--sans); }
.profile-plan-dates dd { margin:2px 0 0; color:var(--print-ink); font:630 .97rem/1.4 var(--sans); }
.profile-gift { width:100%; }.gift-toggle { justify-content:flex-start; text-align:left; padding-inline:0; }
#gift-form { display:grid; gap:10px; justify-items:start; margin:4px 0 12px; }.profile-gift [hidden] { display:none; }
#gift-form .auth-field { width:100%; }#gift-code { font-variant-numeric:tabular-nums; }
#gift-code[aria-invalid="true"] { border-color:#a32c4b; }.gift-result { display:grid; justify-items:start; margin:0 0 12px; }
.gift-result strong { color:var(--press); }.gift-result a { padding-inline:0; }
@media(max-width:700px) {
  .rail-identity { justify-items:center; }
  .profile-plan-badge { font-size:9px; padding:2px 3px; }
  .profile-plan-badge .badge-short { display:inline; }.profile-plan-badge .badge-full { display:none; }
}
.profile-grid { align-items:start; }.profile-grid .identity-module { align-content:start; }
.rail .profile-link .rail-identity { display:grid; grid-template-columns:minmax(0,1fr); overflow:visible; }
@media(max-width:760px){
  .rail .profile-link>span.rail-identity:last-child { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; width:100%; overflow:visible; }
}
@media(max-width:420px){
  .rail { padding-inline:2px; }.rail .profile-link { padding-inline:0; }
  .profile-plan-badge { padding-inline:2px; }
}