:root{--bg:#fbf3df;--ink:#493b27;--brand:#b84f2b;--muted:#94836b;--border:#e8dcc6;--card:#fffdf8;--soft:#f8e7d9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Nunito Sans',system-ui,sans-serif}.app{max-width:520px;margin:auto;padding:0 24px 100px}header{padding:22px 20px;background:linear-gradient(100deg,#8c343bc9,#bd531ac9),url('assets/autumn-poster.jpg') center/cover;color:var(--card);margin-bottom:16px}header p{font-size:12px;color:#f5d394;margin:0 0 8px}h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:500;line-height:1.25}h1{font-size:30px;margin:0 0 16px;display:flex;align-items:center;gap:10px}h1 img{width:44px;height:44px;background:var(--bg);border-radius:14px;padding:5px}.meta{font-size:12px}h2{font-size:22px;margin:20px 0 12px}h3{font-size:18px;margin:0 0 5px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);color:var(--ink);background:var(--card);border-radius:16px;padding:10px 16px;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #805715;outline-offset:3px}button:disabled{opacity:.5;cursor:default}input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--ink)}.filters{display:flex;gap:8px;overflow-x:auto;padding:0 0 8px;margin-bottom:8px}.filters button{white-space:nowrap;border-radius:30px;min-height:36px;padding:6px 14px;box-shadow:0 2px 3px #493b2712;font-size:14px}.active,.primary{background:var(--brand);color:var(--card);border-color:var(--brand)}.timeline{border-left:2px solid var(--border);padding-left:16px;margin:24px 0 0 0}.entry{position:relative;margin:0 0 18px}.entry:before{content:'';position:absolute;left:-22px;top:7px;background:#805715;width:8px;height:8px;border:3px solid var(--bg);border-radius:50%;box-sizing:content-box}.entry.line:before{background:var(--brand)}.time{background:#f7ebce;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;color:#805715}.entry p{margin:6px 0 0}.entry h2{margin:10px 0}.card{padding:16px;margin:0 0 14px;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:0 4px 14px #493b270a}.card.selected{background:var(--soft);border-color:#bb795f}.card-head{display:flex;gap:12px}.hall{align-self:flex-start;flex-shrink:0;font-size:12px;font-weight:700;border-radius:16px;background:var(--soft);padding:5px 10px}.speaker{color:var(--muted);font-size:14px;margin:0}.choice{width:100%;border:0;background:var(--soft);color:#85483d;font-weight:700;font-size:14px;border-radius:16px;margin-top:12px}.choice[aria-checked=true]{background:var(--brand);color:white}.caption{font-size:13px;color:#96733e}.avatar{width:48px;height:48px;border-radius:50%;background:#f7d892;display:grid;place-items:center;font-family:Lora,serif;flex-shrink:0}.speaker-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.speaker-session{border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.speaker-session .choice{width:auto}.search{margin-bottom:16px}.route-empty{border:1px dashed #cfb78d;border-radius:20px;padding:16px;margin-bottom:14px}.route-empty a{display:block;color:var(--brand);text-decoration:none;margin-top:12px}.route-card .caption{margin-bottom:10px}.route-card button{padding:6px 12px;font-size:14px;margin-top:8px}.map-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.map-grid button{grid-column:span 2;border-radius:13px;background:#f5d891;min-height:94px;padding:8px}.map-grid button:nth-child(-n+2){grid-column:span 3;min-height:102px}.map-grid button.active{background:var(--brand);color:white}.map-grid .facility{grid-column:span 2;background:#f7ebcd;border:1px solid var(--border);border-radius:13px;padding:20px 8px;text-align:center}.map-grid .entrance{grid-column:span 6}.map-note{text-align:center;font-size:12px;color:var(--muted);margin:10px 0 0}.map-program ul{padding-left:18px}.map-program li{margin:10px 0}.address{background:var(--soft)}.address p{margin:0 0 8px}.links{display:flex;gap:8px}.links a,.buy{display:block;text-align:center;text-decoration:none;border-radius:16px;padding:11px 14px;flex:1;background:var(--card);color:var(--ink);font-size:14px;font-weight:700}.links .primary,.buy{background:var(--brand);color:white}.ticket{background:var(--brand);color:var(--card);padding:20px;border-radius:22px}.ticket p{margin:0 0 12px}.ticket form{display:flex;gap:8px}.ticket input{min-width:0}.ticket button{background:#d79373;color:#783929;border:0}.ticket-number{font:24px Lora,serif;overflow-wrap:anywhere}.ticket small{display:block;margin:10px 0}.price{display:flex;justify-content:space-between;align-items:center;gap:12px}.price strong{font:20px Lora,serif;color:#805715;white-space:nowrap}.price p{margin:0}.price small{color:var(--muted);font-size:14px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffdf8f5;border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:5;backdrop-filter:blur(10px)}nav a{width:100px;max-width:20%;text-align:center;color:var(--muted);text-decoration:none;font-size:11px;position:relative}nav svg{display:block;width:22px;height:22px;margin:6px auto}nav a[aria-current=page]{color:var(--brand)}nav a[aria-current=page]:before{content:'';position:absolute;top:-7px;left:35%;width:30%;height:3px;border-radius:3px;background:var(--brand)}nav a[aria-current=page] svg{background:var(--soft);box-shadow:0 0 0 7px var(--soft);border-radius:8px}#offline{background:#805715;color:white;text-align:center;padding:8px;font-size:14px}#notice:not(:empty){position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 18px;border-radius:14px;z-index:10;max-width:90%;width:max-content}.empty{padding:28px 12px;text-align:center;color:var(--muted)}@media(min-width:800px){.app{max-width:760px}header{padding:30px}h1{font-size:36px}}@media(max-width:360px){.app{padding-left:12px;padding-right:12px}header{padding:18px 12px}h1{font-size:26px}}
.install-banner{display:flex;align-items:center;gap:8px;margin:12px 0;padding:12px;background:var(--soft);border-radius:16px;font-size:14px}.install-banner span{flex:1}.install-banner button{font-size:14px;padding:8px}

/* FestPsy brand */
:root{--bg:#fff4da;--ink:#402b23;--brand:#07503d;--muted:#765d49;--border:#e8d4a6;--card:#fffbf1;--soft:#f7e5c0}
body{background:linear-gradient(#fff1d0,#fff9e9)}
header{min-height:245px;text-align:center;background:linear-gradient(#fff8e8a8,#fff0d8b8),url('assets/autumn-poster.jpg') center/cover;color:#75141a;border:2px solid #d7a25b;border-radius:0 0 24px 24px;box-shadow:0 6px 20px #78481c22}
header p{color:#07503d;font-weight:800}header h1{justify-content:center;flex-direction:column;font-size:34px;font-weight:700;color:#83131a}header h1 img{width:85px;height:85px;object-fit:contain;background:#fff6e8d9;border-radius:50%;padding:8px}header .meta{background:#fff8e8e0;border-radius:30px;padding:6px 12px;color:#7b1519;font-weight:800}h2{color:#79171c;font-weight:700}.card{background:linear-gradient(125deg,#fffdf7,#fff5df);border-color:#e9d4a5}.active,.primary,.links .primary,.buy,.choice[aria-checked=true],.map-grid button.active{background:#07503d;color:#fff;border-color:#07503d}.ticket{background:linear-gradient(120deg,#07503d,#06382e)}nav{background:#063d30f7;border-top:2px solid #d6a64d}nav a{color:#f0dfb9}nav a[aria-current=page]{color:white}nav a[aria-current=page]:before{background:#e5b451}nav a[aria-current=page] svg{background:#175b48;box-shadow:0 0 0 7px #175b48}

/* Approved FestPsy mobile mockup */
:root{--brand:#064a39;--bg:#fff6e4;--ink:#39261c;--border:#e8d4a5;--card:#fffaf0;--muted:#7b6550;--soft:#f8e8c9}
html{background:#f4e6c8}body{background:linear-gradient(90deg,#f6e7cb,#fff9ea 30%,#fff9ea 70%,#f6e7cb);min-height:100vh}.app{max-width:430px;padding:0 10px 105px;background:#fff6e4;min-height:100vh;box-shadow:0 0 35px #70461c25}
header{position:relative;min-height:225px;margin:0 -10px 12px;padding:22px 14px 12px;background:linear-gradient(180deg,#fff7e4d9 0%,#fff3d3a8 65%,#f7dfb278 100%),url('assets/autumn-poster.jpg') center 45%/cover;border:0;border-bottom:3px solid #d8a85e;border-radius:0;box-shadow:none}
header p{font:700 10px/1.35 Lora,Georgia,serif;color:#07503d;max-width:220px;margin:0 auto 8px}header h1{font:700 30px/1.06 Lora,Georgia,serif;color:#8c151a;display:flex;flex-direction:column;gap:4px;margin:0 auto 8px;max-width:250px;text-shadow:0 1px 0 #fff}header h1 img{width:76px;height:76px;border:0;border-radius:0;background:transparent;padding:0}header .meta{font-size:11px;background:#fff8e8e8;padding:5px 12px;border-radius:24px;color:#8a2920}
.screen-heading{text-align:center;padding:4px 6px 10px}.screen-heading h2{font-size:26px;color:#86191c;margin:3px 0}.screen-heading p{font-size:12px;line-height:1.3;margin:0;color:#6c503b}.filters{gap:5px;margin:0 0 6px;padding:2px 0 6px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{padding:5px 10px;min-height:34px;font-size:12px;border-radius:10px;background:#fff3d8;border:1px solid #edddba;box-shadow:none}.filters button.active{background:#07503d;color:white;border-color:#07503d}
.timeline{border-left:0;padding:0;margin:10px 0}.entry{margin:0 0 10px;padding:8px 6px;border-bottom:1px solid #e8d5ae}.entry:before{display:none}.entry.line{padding:10px 0}.entry h2{font-size:18px;color:#7c171c;margin:5px 6px 9px}.entry:not(.line){display:flex;align-items:center;gap:10px}.entry:not(.line) p{font-size:13px;margin:0}.time{flex-shrink:0;font-size:11px;padding:5px 7px;border-radius:10px;color:#07503d;background:#f6e6c4}
.card{padding:12px;margin-bottom:8px;border:1px solid #e9d8b5;border-radius:15px;background:#fffdf6;box-shadow:0 3px 9px #7150230e}.card-head{gap:10px;align-items:start}.card h3{font-size:14px;line-height:1.3;color:#39251d}.card .speaker{font-size:11px;color:#806957}.hall{font-size:10px;background:#f8e5cf;color:#7b371e;padding:4px 7px;border-radius:12px}.choice{min-height:32px;margin-top:8px;border-radius:9px;font-size:11px;background:#f7e6c7;color:#784323}.choice[aria-checked=true]{background:#8b1720;color:white}.card.selected{background:#fff3e4;border-color:#a73b2e}
.route-card{position:relative;padding:12px 14px}.route-card .caption{font-size:11px;color:#7e4426}.route-card button{background:#fff0dc;border:1px solid #e4c6a6}.route-empty{background:#fffaf0;border:1px dashed #d9b778;border-radius:13px;padding:12px}.route-empty a{color:#07503d;font-weight:800}.avatar{width:52px;height:52px;background:#f6d8a2;color:#783d20;border:2px solid #e2ba79;font-weight:800}.speaker-head h3{font-size:17px}.speaker-session{font-size:13px}.search{border-radius:12px;background:#fffaf0;margin-bottom:10px;font-size:13px}
.map-grid{gap:7px}.map-grid button{border:2px solid #fff4e4;border-radius:12px;color:white;font-weight:800;background:#ae4929}.map-grid button:nth-child(1){background:#a32136}.map-grid button:nth-child(2){background:#347c57}.map-grid button:nth-child(3){background:#e78136}.map-grid button:nth-child(4){background:#276d91}.map-grid button:nth-child(5){background:#785072}.map-grid button.active{outline:3px solid #e3b65e;outline-offset:1px}.map-grid .facility{font-size:12px;background:#f6e7c9;padding:13px 4px}.address{background:#fff5dc}
.ticket{background:linear-gradient(125deg,#07503d,#08372f);border-radius:15px}.price{background:#fffaf0}.price p{color:#7c191d;font-family:Lora,serif;font-weight:700}.price strong{font-size:16px;color:#07503d}.buy{margin:14px 0;background:#07503d;border-radius:12px}
nav{left:50%;right:auto;transform:translateX(-50%);width:min(430px,100%);background:#064434;border:1px solid #d3a45b;border-bottom:0;border-radius:14px 14px 0 0;padding:8px 3px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px #33251222}nav a{font-size:10px;color:#e3d7b8}nav a[aria-current=page]{color:#fff}nav a[aria-current=page]:before{top:-8px;background:#e7bd71}nav a[aria-current=page] svg{background:none;box-shadow:none}nav svg{width:21px;height:21px;margin:3px auto 5px}
@media(min-width:800px){.app{max-width:430px}header{min-height:225px;padding:22px 14px 12px}header h1{font-size:30px}}
@media(max-width:360px){.app{padding-left:8px;padding-right:8px}header{margin-left:-8px;margin-right:-8px}header h1{font-size:27px}}

.speaker-photo{width:58px;height:58px;flex:0 0 58px;object-fit:cover;object-position:center top;border-radius:50%;border:2px solid #dfb775;background:#f7e6c9}.speaker-head{align-items:center}.speaker-head h3{overflow-wrap:anywhere}

.speaker-photo{width:76px;height:76px;flex:0 0 76px;object-fit:cover;object-position:center 20%;border-radius:10px;border:1px solid #e3c18d;background:#f7e6c9}.speaker-head{align-items:flex-start;gap:12px}.speaker-head h3{padding-top:5px}

.help-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px;padding:12px 14px;background:#07503d;color:#fff;border-radius:13px;text-decoration:none;box-shadow:0 3px 10px #0b44301f}.help-entry span{font-size:14px;font-weight:800}.help-entry small{font-size:11px;color:#f1ddb1;text-align:right}.help-entry:focus-visible{outline:3px solid #c98929;outline-offset:2px}