:root{--cream:#F5EFE5;--paper:#F7C679;--orange:#F36927;--ink:#1B1916;--muted:#6B6359;--line:#D8CBBA;--sand:#F0E7D9;--mint:#DADECC;--font:Inter,Arial,Helvetica,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:96px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-family:Georgia,serif;font-size:41px;font-weight:900;line-height:1;color:var(--ink);background:var(--orange)}.brand-type{display:flex;flex-direction:column;gap:4px}.brand-type strong{font-size:13px;letter-spacing:.01em;font-weight:900}.brand-type small{font-size:9px;letter-spacing:.12em;color:#74685B;font-weight:700}.top-nav{display:flex;gap:26px}.top-nav a,.admin-back{text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.08em;color:#75695C}.top-nav a.active{color:var(--ink)}.tiny-dot,.orange-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;vertical-align:middle;margin-left:4px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:min(7vw,100px);align-items:center;min-height:710px;padding-top:55px;padding-bottom:76px}.overline{font-size:10px;letter-spacing:.17em;font-weight:900;line-height:1.8;display:flex;align-items:center;gap:10px}.hero-copy h1{font-size:clamp(55px,6.1vw,95px);font-weight:950;letter-spacing:-.077em;line-height:.92;margin:23px 0 30px}.hero-copy h1 em,.archive-head h2 em,.final-banner em,.live-route h1 em,.admin-main h1 em{font-family:Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.085em}.accent-dot{color:var(--orange)}.hero-copy p{max-width:420px;color:#5F564B;font-size:15px;line-height:1.8}.hero-meta{margin-top:45px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-weight:800;font-size:9px;letter-spacing:.07em}.meta-sep{color:var(--orange);font-size:17px}.composer-region{position:relative;perspective:1200px;padding-top:15px}.sticky-compose{background:var(--paper);padding:30px 31px 21px;box-shadow:4px 14px 2px #A8855421,10px 24px 30px #38281325;min-height:518px;display:flex;flex-direction:column;transform:rotate(1.3deg);animation:paper-enter .35s cubic-bezier(.16,1,.3,1) both;transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s ease;position:relative;isolation:isolate}.sticky-compose:focus-within{transform:rotate(.1deg) translateY(-4px);box-shadow:3px 18px 45px #412B1C35}.sticky-compose.fly-off{animation:flyoff .6s cubic-bezier(.6,.05,.65,.99) forwards!important}.paper-tape{position:absolute;z-index:3;left:42%;top:0;width:100px;height:29px;transform:rotate(-8deg);background:#F1E2BCB8;box-shadow:0 2px 4px #8B79552D}.paper-header{display:flex;justify-content:space-between;gap:8px;color:#7B4F20;font-size:10px;letter-spacing:.09em;font-weight:900}.paper-code{font-size:9px;opacity:.8}.sticky-compose textarea{display:block;resize:none;flex:1;min-height:110px;margin:28px 0 8px;border:0;outline:none!important;color:#261D13;background:transparent;width:100%;font-size:clamp(19px,2.4vw,29px);line-height:1.3;font-weight:700;letter-spacing:-.025em;overflow-y:auto}.sticky-compose textarea::placeholder{font-family:Georgia,serif;font-style:italic;color:#8E714E;font-weight:400}.sticky-compose textarea:focus-visible{outline:none!important}.paper-lower{margin-top:auto}.input-ig{height:39px;border-bottom:1px solid #C99959;display:flex;align-items:center;gap:8px}.input-ig svg{width:19px;height:19px;color:#755027}.input-ig input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:#3A2A1C;font-size:13px;font-weight:700}.input-ig input::placeholder{color:#86653F}.paper-options{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.option-label{font-size:9px;letter-spacing:.1em;font-weight:900;color:#75522A}.identity-options{display:flex;gap:4px;background:#E4B36C;padding:4px;border-radius:40px}.identity{padding:7px 9px;border:0;border-radius:30px;font-size:9px;font-weight:900;letter-spacing:.02em;background:transparent;color:#6A4823}.identity.active{background:var(--ink);color:#fff}.consent{display:flex;align-items:flex-start;gap:10px;margin:17px 0 5px;color:#674C30;font-size:10px;line-height:1.5;cursor:pointer}.consent input{accent-color:var(--ink);margin:2px 0 0;flex-shrink:0}.consent a{font-weight:900}.paper-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}.attach-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.camera-button{height:37px;width:37px;display:grid;place-items:center;background:transparent;border:1px solid #AC7F46;border-radius:50%;color:#513518;transition:transform .2s}.camera-button:hover{transform:scale(1.09)}.camera-button svg{width:19px;height:19px}.attach-meta>span{font-size:9px;font-weight:850;letter-spacing:.06em;color:#73512C}.char-count{font-variant-numeric:tabular-nums}.send-button{width:64px;height:64px;flex-shrink:0;border-radius:50%;background:var(--ink);border:0;color:white;display:grid;place-items:center;transition:transform .2s,background .2s}.send-button svg{width:31px;height:31px}.send-button:hover{background:var(--orange);transform:translateY(-4px) rotate(5deg)}.send-button:active{transform:scale(.9)}.send-button.loading{opacity:.7;pointer-events:none}.send-button.loading svg{animation:spin 1s linear infinite}.photo-preview{position:relative;background:#FBE6C4;padding:9px 9px 22px;margin:8px 0 15px;width:min(100%,210px);box-shadow:0 6px 12px #40220C22;transform:rotate(-3deg)}.photo-preview img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-preview span{position:absolute;bottom:5px;left:9px;font-weight:900;font-size:8px;color:#755939}.photo-remove{position:absolute;right:-12px;top:-12px;background:var(--ink);color:white;border:0;width:26px;height:26px;border-radius:50%;font-size:18px}.form-error{font-size:12px;color:#AD240C;font-weight:750;line-height:1.5}.composer-under{display:flex;justify-content:space-between;gap:15px;margin-top:29px;font-size:10px;font-weight:900;color:#726454;letter-spacing:.09em}.archive-section{background:#EEE5D7;padding:100px 0 75px;min-height:700px}.archive-head{display:flex;align-items:center;justify-content:space-between}.archive-head h2{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.07em;margin:18px 0}.archive-head p{color:#625648;font-size:14px}.scribble{font-family:Georgia,serif;font-size:130px;color:var(--orange);transform:rotate(-15deg)}.archive-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:43px 0 29px;padding-bottom:16px;border-bottom:1px solid #C8BBA9}.view-toggle{background:#E3D7C5;padding:4px;display:flex}.view-opt{border:0;background:transparent;padding:11px 17px;font-weight:900;font-size:11px;color:#665A4C;letter-spacing:.04em}.view-opt.active{background:var(--ink);color:white}.archive-filters{display:flex;gap:9px}.archive-filters select,.note-manager select{border:1px solid #BCAF9E;background:transparent;padding:12px 32px 12px 12px;font-size:10px;font-weight:900;color:var(--ink);max-width:170px}.wall-lock,.wall-empty{text-align:center;padding:85px 16px;border:1px dashed #B4A390;max-width:790px;margin:0 auto 50px}.lock-icon{font-size:34px;color:var(--orange)}.wall-lock h3,.wall-empty h3{font-size:clamp(27px,4vw,47px);line-height:1;letter-spacing:-.05em;margin:20px 0}.wall-lock p,.wall-empty p{max-width:460px;margin:0 auto 24px;font-size:13px;color:#665849;line-height:1.65}.outline-button{border:1px solid currentColor;color:var(--ink);background:transparent;padding:13px 19px;font-size:10px;font-weight:900;letter-spacing:.05em;transition:.2s}.outline-button:hover{background:var(--ink);color:#fff}.wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 19px;align-items:start;padding:15px 8px 60px}.note-card{padding:22px 20px 17px;min-height:207px;display:flex;flex-direction:column;box-shadow:3px 9px 15px #32221719;border:0;width:100%;text-align:left;color:#2C2118;cursor:pointer;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;position:relative;animation:reveal-note .35s ease both}.note-card:hover{transform:rotate(0deg) translateY(-7px)!important;box-shadow:5px 17px 22px #3222172C}.note-card:nth-child(4n+1){background:#F6C77E;transform:rotate(-2deg)}.note-card:nth-child(4n+2){background:#F39E72;transform:rotate(2deg)}.note-card:nth-child(4n+3){background:#DDE1D1;transform:rotate(-1deg)}.note-card:nth-child(4n+4){background:#E4CFAC;transform:rotate(2.2deg)}.note-card:before{content:'';position:absolute;top:10px;left:calc(50% - 4px);border-radius:50%;background:#D5A05B;width:8px;height:8px;box-shadow:1px 2px 2px #58391155}.note-type{font-size:9px;font-weight:950;letter-spacing:.11em;opacity:.75;margin-top:12px}.note-card p{font-size:15px;font-weight:750;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;margin:18px 0;flex:1}.note-card small{font-size:10px;font-weight:850;display:flex;flex-direction:column;gap:5px;opacity:.75}.note-card.photo-card{padding:10px 10px 16px;background:#FFF8EC;transform:rotate(-2deg)}.note-card.photo-card:before{display:none}.note-card.photo-card .note-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block}.note-card.photo-card p{margin:12px 8px 8px;font-size:12px}.note-card.photo-card .note-type,.note-card.photo-card small{margin-left:8px}.timeline{max-width:810px;margin:0 auto 70px;border-left:2px solid #C8B49B;padding:10px 0 15px 30px}.timeline-entry{position:relative;display:flex;flex-direction:column;margin-bottom:20px;padding:20px;background:#F8F3E9;box-shadow:0 2px 0 #D7CAB8;animation:reveal-note .25s ease both;cursor:pointer}.timeline-entry:before{content:'';position:absolute;left:-39px;top:25px;width:15px;height:15px;border:3px solid #EFE5D7;border-radius:50%;background:var(--orange)}.timeline-entry .timeline-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:900;letter-spacing:.06em;color:#735F4C}.timeline-entry p{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-entry img{max-width:270px;width:100%;max-height:190px;object-fit:cover}.timeline-entry .who{font-size:11px;color:#7C6147}.archive-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;color:#6B5D4E}.final-banner{background:var(--orange);padding:92px 0 95px}.final-inner h2{font-size:clamp(54px,10vw,148px);letter-spacing:-.08em;line-height:1;margin:17px 0}.final-inner p{font-size:18px}.banner-link{display:inline-block;margin-top:25px;font-size:11px;font-weight:900;text-decoration:none;border-bottom:1px solid;padding-bottom:10px}.footer{padding-top:30px;padding-bottom:40px;display:flex;gap:22px;flex-wrap:wrap;justify-content:space-between;font-size:10px;letter-spacing:.08em;font-weight:900}.footer details{flex-basis:100%;max-width:680px;color:#685E53;font-weight:500;line-height:1.7}.footer summary{font-weight:850;cursor:pointer}.toast{position:fixed;z-index:400;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:17px 21px;box-shadow:0 10px 35px #0003;font-size:12px;line-height:1.5;max-width:90vw;animation:toast-in .3s ease both}.note-dialog{border:0;max-width:min(530px,calc(100% - 30px));width:100%;padding:0;background:transparent;overflow:visible}.note-dialog::backdrop,.camera-dialog::backdrop{background:#14110FE0;backdrop-filter:blur(5px)}.note-dialog .note-card{min-height:300px;transform:none!important;padding:40px 38px}.note-dialog .note-card p{font-size:clamp(19px,4vw,31px)}.dialog-close{position:absolute;right:-15px;top:-18px;border:0;color:#fff;background:var(--ink);border-radius:50%;z-index:2;font-size:28px;width:43px;height:43px}.camera-dialog{padding:0;border:0;max-width:500px;width:calc(100% - 22px);background:#191817;color:#fff}.camera-inner{padding:18px}.camera-inner header,.camera-inner footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:.08em}.camera-inner header button{background:transparent;color:#fff;border:0;font-size:25px;width:42px;height:42px}.camera-view{margin:15px 0;aspect-ratio:3/4;min-height:270px;position:relative;background:#272521;overflow:hidden}.camera-view video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.camera-view #camera-message{position:absolute;bottom:18px;text-align:center;left:0;right:0;font-size:10px;letter-spacing:.13em;text-shadow:0 2px 4px #0008}.viewfinder-corners{position:absolute;inset:30px;border:1px solid #fff6;pointer-events:none}.camera-inner footer{padding:8px 0}.camera-inner footer span{width:95px;line-height:1.5;font-size:9px}.camera-shutter{width:78px;height:78px;border-radius:50%;border:3px solid white;background:transparent;padding:6px}.camera-shutter span{width:100%;height:100%;background:white;display:block;border-radius:50%}.camera-shutter:active span{transform:scale(.85)}
/* live display */
.live-route{background:#191816;color:#F5ECE0;min-height:100vh}.live-shell{height:100vh;min-height:620px;max-width:2100px;margin:auto;display:flex;flex-direction:column;padding:3vh 3.5vw 3vh;overflow:hidden}.live-header,.live-footer{display:flex;align-items:center;justify-content:space-between}.live-brand{display:flex;gap:12px;align-items:center}.live-brand strong{display:block;font-size:clamp(14px,1.5vw,27px);letter-spacing:-.03em;font-weight:950}.live-brand small{display:block;color:#BDB1A4;font-size:clamp(8px,.7vw,13px);letter-spacing:.12em;margin-top:5px}.live-controls{display:flex;align-items:center;gap:16px}.live-indicator{font-size:11px;letter-spacing:.08em;font-weight:900;color:var(--orange)}.live-indicator span{display:inline-block;border-radius:50%;width:7px;height:7px;background:var(--orange);animation:pulse 1.4s infinite}.live-control{background:transparent;border:1px solid #756558;color:#F5EDE0;font-weight:800;font-size:10px;padding:11px}.live-body{flex:1;display:flex;flex-direction:column;min-height:0;padding-top:4vh}.live-copy span{font-size:10px;font-weight:900;color:#EF9A61;letter-spacing:.15em}.live-copy h1{font-size:clamp(55px,8vw,148px);line-height:.85;letter-spacing:-.08em;margin:20px 0 16px}.live-notes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.25vw;margin-bottom:3vh}.live-notes .note-card{min-height:0;overflow:hidden;padding:1.5vw 1.4vw 1vw;pointer-events:none}.live-notes .note-card p{font-size:clamp(12px,1.3vw,27px);overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.live-notes .note-card small{font-size:clamp(8px,.62vw,13px)}.live-notes .note-photo{max-height:calc(100% - 70px);width:100%;object-fit:cover}.live-notes.spotlight{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:center}.live-notes.spotlight .note-card{width:min(65vw,750px);height:min(35vh,440px);transform:rotate(-2deg)!important;padding:3vw}.live-notes.spotlight .note-card p{font-size:clamp(20px,3.7vw,58px)}.live-footer{border-top:1px solid #51483E;padding-top:18px}.live-footer div:first-child strong{font-size:clamp(14px,2.3vw,35px);display:block;font-weight:950}.live-footer div:first-child span{font-size:clamp(8px,1vw,16px);font-weight:800;color:#B7AA9C;display:block;margin-top:6px}.live-qr{display:flex;align-items:center;gap:15px}.live-qr img{width:clamp(70px,7.5vw,135px);height:clamp(70px,7.5vw,135px);background:#fff;padding:5px}.live-qr span{font-size:12px;font-weight:950}
/* admin */
.admin-main{padding:65px 0 110px}.admin-main h1{font-size:clamp(48px,7vw,100px);letter-spacing:-.07em;line-height:.95;margin:13px 0 50px}.panel{background:#EFE7DA;padding:30px;border:1px solid #DFD3C1}.panel h2{font-size:23px;letter-spacing:-.045em;margin:0 0 11px}.panel>p,.manage-header p{color:#62594E;font-size:13px;line-height:1.65;margin-bottom:22px}.login-panel{max-width:480px}.panel form{display:grid;gap:14px}.panel form label{font-size:10px;letter-spacing:.08em;font-weight:900;display:grid;gap:8px}.panel input,.panel select{padding:14px;border:1px solid #C4B6A3;background:#F9F4EA;font-size:14px;color:#201B15;width:100%;min-width:0}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dark-button{background:var(--ink);color:#fff;border:0;font-size:12px;font-weight:900;letter-spacing:.06em;padding:17px 18px}.dark-button:hover{background:var(--orange);color:#1A1714}.admin-actions{display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-bottom:18px}.admin-actions span{margin-right:auto;font-size:11px;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat-box{background:#E7DBCA;padding:22px}.stat-box strong{font-size:45px;display:block;font-weight:950;letter-spacing:-.06em}.stat-box span{font-size:11px;font-weight:900}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.event-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #D0C2B0}.event-row strong{display:block;font-size:13px}.event-row small{display:block;font-size:11px;color:#796B5C;margin-top:5px}.event-row button{border:1px solid var(--ink);background:transparent;font-size:10px;font-weight:900;padding:10px}.event-row button.active{background:var(--orange);border-color:var(--orange)}.manage-header{display:flex;justify-content:space-between;align-items:start;gap:15px}.admin-note-list{display:grid;gap:12px}.admin-note{background:#FAF6EF;padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px}.admin-note p{font-size:14px;white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.admin-note small{color:#73685B;font-size:10px;font-weight:800}.admin-note img{height:100px;width:100px;object-fit:cover}.moderation-buttons{display:flex;gap:5px;align-items:start;flex-wrap:wrap}.moderation-buttons button{font-size:10px;padding:10px;border:1px solid #B7A99B;background:#F9F4E8;font-weight:850}.moderation-buttons button.approve{background:#D7E3D1}.moderation-buttons button.hide{background:#E9DBCB}.moderation-buttons button.delete{background:#F1C7B5}
@keyframes paper-enter{from{opacity:0;transform:translateY(48px) rotate(7deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(1.3deg) scale(1)}}@keyframes flyoff{0%{transform:rotate(.1deg) translateY(-4px) scale(1);opacity:1}35%{transform:rotate(-3deg) translateY(-38px) scale(1.03)}100%{transform:rotate(-9deg) translate(50vw,-36vh) scale(.25);opacity:0}}@keyframes reveal-note{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes toast-in{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3;transform:scale(.6)}}
@media(max-width:1050px){.hero{gap:40px}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-compose{padding:25px 24px}.hero-copy h1{font-size:clamp(48px,6vw,75px)}}@media(max-width:730px){.wrap{width:calc(100% - 35px)}.site-header{height:77px}.brand-mark{width:40px;height:40px;font-size:36px}.brand-type strong{font-size:11px}.brand-type small{font-size:8px}.top-nav{gap:15px}.top-nav a{font-size:10px}.hero{grid-template-columns:1fr;gap:38px;min-height:0;padding-top:51px;padding-bottom:85px}.hero-copy h1{font-size:clamp(53px,11vw,82px);margin:19px 0 19px}.hero-copy p{font-size:13px;max-width:500px;line-height:1.7}.hero-meta{margin-top:22px;font-size:8px}.composer-region{width:min(100%,450px);margin:auto}.sticky-compose{min-height:450px;padding:23px 21px 17px;transform:rotate(.6deg)}.sticky-compose textarea{font-size:25px;margin:20px 0 4px;min-height:105px}.sticky-compose:focus-within{transform:rotate(0deg)}.composer-under{font-size:8px}.archive-section{padding:65px 0}.archive-head h2{font-size:clamp(42px,9vw,70px)}.scribble{font-size:80px}.archive-toolbar{align-items:stretch;flex-direction:column;gap:11px;margin-top:32px}.archive-filters{justify-content:space-between}.archive-filters select{flex:1}.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding:10px 0 45px}.note-card{padding:15px 13px 11px;min-height:168px}.note-card p{font-size:12px}.note-card small{font-size:9px}.note-type{font-size:8px}.timeline{margin-left:8px}.final-banner{padding:66px 0}.final-inner h2{font-size:clamp(50px,12vw,100px)}.footer{font-size:9px}.admin-main{padding:50px 0}.admin-columns{grid-template-columns:1fr}.admin-main h1{font-size:60px}.manage-header{flex-direction:column}.admin-note{grid-template-columns:1fr}.live-shell{padding:3vh 3vw}.live-header{gap:10px}.live-brand small,.live-control:first-of-type{display:none}.live-controls{gap:8px}.live-notes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.live-notes .note-card:nth-child(n+7){display:none}.live-notes .note-card p{font-size:14px}.live-copy h1{font-size:63px}.live-qr span{display:none}}@media(max-width:380px){.brand-type small{display:none}.top-nav{gap:8px}.sticky-compose{padding:20px 16px}.identity{padding:7px;font-size:8px}.attach-meta>span{font-size:7px}.archive-filters select{max-width:140px}.two-inputs{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sticky-compose.fly-off{opacity:0!important}}

@media(max-width:730px){.sticky-compose:has(.photo-preview:not([hidden])) textarea{min-height:55px;max-height:90px;margin:12px 0 4px}.sticky-compose .photo-preview{width:145px;padding:6px 6px 18px}.sticky-compose:has(.photo-preview:not([hidden])){min-height:470px}}

/* Legible café TV grid: six notes, never eight cramped cards. */
.live-notes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.15vw}
.live-copy h1{font-size:clamp(55px,6.2vw,112px);margin:12px 0 19px}
.live-body{padding-top:2.4vh}
.live-notes .note-card{min-height:0;padding:1.2vw 1.4vw 1vw}
.live-notes .note-card .note-type{margin-top:8px}
.live-notes .note-card p{font-size:clamp(17px,1.75vw,30px);line-height:1.18;margin:11px 0 8px;display:block;overflow:hidden;max-height:5.9em}
.live-notes .note-card small{margin-top:auto}
@media(max-width:730px){.live-notes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.live-notes .note-card p{font-size:13px;margin:6px 0}.live-copy h1{font-size:58px}}

.report-button{width:100%;display:block;background:var(--ink);color:#fff;border:0;padding:15px;margin-top:8px;font-size:10px;letter-spacing:.08em;font-weight:900}

/* Repair states retain the existing paper and editorial visual system. */
.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.scribble .ui-icon{width:85px;height:85px}.lock-icon .ui-icon{width:40px;height:40px}.meta-sep .ui-icon{width:16px;height:16px}.view-opt,.outline-button,.admin-back,.live-control{display:inline-flex;gap:6px;align-items:center;justify-content:center}.photo-consents{border:1px solid #bd8d50;padding:12px;margin:16px 0 5px;min-width:0}.photo-consents legend{font-size:10px;font-weight:900;letter-spacing:.06em}.photo-consents p{font-size:11px;line-height:1.5;margin:5px 0 10px}.photo-consents label{display:flex;gap:9px;font-size:11px;line-height:1.5;margin:10px 0}.photo-consents input{flex-shrink:0;accent-color:var(--ink)}.photo-preview #retake-photo{padding:7px;font-size:9px;margin-top:5px}.photo-preview{animation:reveal-note .3s ease both}.camera-help{color:#fff;font-size:12px;line-height:1.5;text-align:center;padding:0 16px 14px}.camera-help a{color:#F7C679}#camera-message{max-width:92%;font-size:12px;line-height:1.6;white-space:normal}.camera-dialog{max-height:100dvh}.camera-view{max-height:65dvh}.owner-login{display:block;text-align:center;text-decoration:none;margin:18px 0}.app-error{padding:20px;border:1px solid var(--orange);margin-top:20px}.live-empty{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;color:#C5B19B;font-size:clamp(25px,3vw,60px);font-weight:900;letter-spacing:-.04em}.live-indicator.offline{color:#F7C679}#report-form{background:var(--cream);padding:18px;display:grid;gap:12px;font-size:13px}#report-form select{max-width:100%;padding:12px}#save-status{font-size:12px;line-height:1.5;font-weight:800}.sticky-compose textarea{scroll-margin-bottom:150px}.paper-actions{position:sticky;bottom:env(safe-area-inset-bottom,0px);background:var(--paper);z-index:2}.paper-options button,.photo-remove,.dialog-close,#camera-close,#camera-flip{min-height:40px;min-width:40px}.photo-remove .ui-icon{width:18px;height:18px}.send-button:active{transform:scale(.94)}
@media(max-width:730px){.sticky-compose{scroll-margin-top:20px}.sticky-compose:focus-within{transform:none}.sticky-compose textarea{font-size:22px}.paper-actions{min-height:70px}.photo-consents{padding:10px}.photo-consents label{font-size:11px}.camera-inner{max-height:100dvh;overflow:auto}.admin-actions{flex-wrap:wrap}.live-indicator{font-size:10px}.ui-icon{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.sticky-compose,.note-card,.photo-preview{transform:none!important;rotate:none!important}.send-button:active{transform:none}}