*{box-sizing:border-box}:root{font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;color:#292621;background:#f8f5ee;font-synthesis:none}html,body,#root{height:100%;margin:0}body{min-width:320px;background:#f8f5ee;background-image:radial-gradient(#d6d0c6 .55px,transparent .55px);background-size:7px 7px}button,input{font:inherit}button{background:transparent;color:#292621;border:1px solid #837b70;border-radius:3px;padding:7px 11px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#ebe4d8;transform:translateY(-1px)}button.primary,.add-record{background:#292621;color:#fffdf8;border-color:#292621}input{background:#fffdf8cc;border:1px solid #837b70;border-radius:2px;color:#292621;padding:7px 8px}input:focus{outline:none;border-color:#b85c4b;box-shadow:0 0 0 2px #b85c4b1f}.app{display:flex;flex-direction:column;height:100vh;min-height:520px;overflow:hidden}.loading{display:grid;place-items:center;height:100vh;color:#6a6257;font-size:18px}.topbar{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px;background:#f8f5eef0;border-bottom:1px solid #b4aca0}.brand{letter-spacing:.2em;font-family:Georgia,serif;font-weight:700;font-size:19px}.tagline{color:#837b70;font-size:12px;margin-top:2px;max-width:60ch;line-height:1.4}.guide-card{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;background:#f2eadc;border-bottom:1px dashed #a69b8c;font-size:13px}.guide-card div{display:flex;align-items:center;gap:17px}.guide-card strong{color:#9e5144;font-family:Georgia,serif}.guide-card span{color:#6a6257}.guide-clear{border:0;padding:1px 5px;margin-left:12px;color:#9e5144;font-size:11px;text-decoration:underline}.guide-card button{border:0;padding:0 5px;font-size:20px;color:#837b70}.stage{flex:1;position:relative;overflow:hidden;min-height:250px;background:linear-gradient(#e9e5dc,#f8f5ee)}.world{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .15s ease-out}.world:before{content:"";position:absolute;left:0;right:0;top:24%;height:1px;background:#2926211f;transform:rotate(-.4deg)}.ground{position:absolute;left:0;right:0;bottom:0;height:115px;background:transparent;border-top:0;cursor:crosshair;z-index:0}.ground:before{content:"";position:absolute;left:-2%;right:-2%;top:42px;height:3px;background:#292621;transform:rotate(-.35deg);box-shadow:0 5px #29262138,0 -4px #2926211f}.ground:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;background:repeating-linear-gradient(-8deg,transparent 0 18px,rgba(41,38,33,.11) 19px 20px)}.tick{position:absolute;bottom:67px;width:1px;height:11px;background:#837b70;z-index:1}.tick-label{position:absolute;top:14px;left:-17px;font-size:11px;color:#6a6257}.seg-range{position:absolute;bottom:64px;height:12px;opacity:.8;z-index:1;border-radius:6px}.prop{position:absolute;bottom:72px;transform:translate(-50%);text-align:center;z-index:1;pointer-events:none}.sketch-scene-icon{display:block;margin:0 auto;overflow:visible}.prop-name{display:inline-block;margin-top:2px;padding:3px 7px;white-space:nowrap;background:#fffdf8e6;border:1px dashed #a69b8c;border-radius:2px;font-size:11px}.prop-delete{display:inline-block;margin-left:4px;padding:0 3px;border:0;font-size:13px;color:#a34538;cursor:pointer;line-height:1;vertical-align:middle}.character{position:absolute;bottom:64px;transform:translate(-50%);text-align:center;z-index:2;transition:left .15s ease-out}.sketch-character{overflow:visible;filter:drop-shadow(1px 2px 0 rgba(41,38,33,.08))}.sketch-character.walking{animation:gaitBody .72s linear infinite}.sketch-character.walking .gait-leg-left{animation:gaitThigh .72s linear infinite}.sketch-character.walking .gait-shin-left{animation:gaitShin .72s linear infinite}.sketch-character.walking .gait-leg-right{animation:gaitThigh .72s linear infinite;animation-delay:-.36s}.sketch-character.walking .gait-shin-right{animation:gaitShin .72s linear infinite;animation-delay:-.36s}@keyframes gaitBody{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-1.5px)}}@keyframes gaitThigh{0%{transform:rotate(-9deg)}25%{transform:rotate(0)}50%{transform:rotate(9deg)}75%{transform:rotate(2deg)}to{transform:rotate(-9deg)}}@keyframes gaitShin{0%{transform:rotate(2deg)}25%{transform:rotate(0)}50%{transform:rotate(0)}65%{transform:rotate(28deg)}80%{transform:rotate(12deg)}to{transform:rotate(2deg)}}.bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%) rotate(-1deg);background:#fffdf8;border:1px solid #837b70;color:#292621;font-size:12px;padding:4px 8px;white-space:nowrap;margin-bottom:5px;box-shadow:2px 2px #2926211f}.hud{position:absolute;top:14px;left:50%;transform:translate(-50%) rotate(-1deg);background:#fffdf8;border:1px solid #837b70;padding:5px 13px;font-size:14px;color:#9e5144;z-index:3;white-space:nowrap;box-shadow:2px 2px #2926211a}.timeline-bar{position:relative;height:64px;flex:0 0 64px;background:#f6f1e8f5;border-top:1px solid #a69b8c;border-bottom:1px solid #a69b8c;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-bar:before,.timeline-bar:after{position:absolute;bottom:5px;color:#837b70;font-size:11px}.timeline-bar:before{content:"00:00";left:8px}.timeline-bar:after{content:"24:00";right:8px}.tl-seg{position:absolute;top:12px;height:24px;border:1px solid rgba(41,38,33,.45);border-radius:2px;opacity:.65;pointer-events:none}.tl-selection{position:absolute;top:6px;height:36px;background:#b85c4b21;border:1px dashed #b85c4b;font-size:11px;padding:5px;white-space:nowrap;overflow:hidden;pointer-events:none}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:#b85c4b;box-shadow:1px 0 #b85c4b38;pointer-events:none}.controls{display:flex;gap:7px;align-items:center;padding:10px 18px;background:#f8f5eefa;border-top:1px solid #b4aca0;flex:0 0 auto}.controls button{white-space:nowrap}.spacer{flex:1}.date-button{min-width:108px}.character-picker{position:relative;z-index:12}.picker-trigger{display:flex;align-items:center;gap:8px;min-width:170px;padding:4px 9px;text-align:left;background:#fffdf8cc}.picker-trigger span:not(.picker-chevron){display:flex;flex-direction:column}.picker-trigger strong,.picker-option strong{font-size:13px;font-weight:600}.picker-trigger small,.picker-option small{color:#837b70;font-size:10px}.picker-chevron{margin-left:auto;font-size:17px}.picker-menu{position:absolute;right:0;top:calc(100% + 8px);width:235px;padding:8px;background:#fffdf8;border:1px solid #837b70;box-shadow:4px 4px #29262124}.picker-heading{padding:4px 7px 8px;color:#837b70;font-size:11px;border-bottom:1px dashed #c1b8aa}.picker-option{width:100%;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #eee8de;text-align:left}.picker-option>span{display:flex;flex-direction:column}.picker-option.selected{background:#f2eadc}.picker-check{margin-left:auto;color:#9e5144;font-size:17px}.picker-new{width:100%;margin-top:6px;border:1px dashed #a69b8c}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#29262152;display:grid;place-items:center;z-index:20;padding:14px}.modal{background:#fffdf8;border:1px solid #837b70;box-shadow:6px 6px #2926212e;padding:17px;width:min(480px,92vw);max-height:86vh;overflow:auto;display:flex;flex-direction:column;gap:11px}.modal h3,.modal h4{margin:0;color:#292621;font-family:Georgia,serif}.row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.error{color:#a34538;font-size:12px}.warn{color:#a66c26;font-size:12px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scene{min-height:42px}.scene.selected,.char-pick.selected,.emoji.selected{border-color:#b85c4b;background:#f2eadc}.scene-icon{margin-right:4px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cal-week{color:#837b70;font-size:11px;padding-bottom:3px}.cal-day{position:relative;padding:8px 0}.cal-day.current{border-color:#b85c4b}.dot{position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#9e5144;border-radius:50%}.char-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px}.scene-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow:auto}.scene-row{display:flex;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid #eee8de}.scene-row button{margin-left:auto;padding:3px 6px;font-size:11px}.emoji{padding:6px;font-size:18px}.share-actions{display:flex;align-items:center;gap:8px}.share-badge{padding:5px 9px;border:1px dashed #9e5144;color:#9e5144;font-size:11px}.share-footer{padding:8px;text-align:center;color:#837b70;font-size:11px;border-top:1px dashed #a69b8c;background:#f8f5eef2}.share-cover{display:grid;place-items:center;height:100vh;background:linear-gradient(160deg,#e9e5dc,#f8f5ee)}.share-cover-content{text-align:center;max-width:420px;padding:40px 24px}.share-cover-brand{color:#9e5144;letter-spacing:.25em;font-family:Georgia,serif;font-size:14px;margin-bottom:16px}.share-cover-content h1{font-family:Georgia,serif;font-size:32px;margin:0 0 12px;color:#292621}.share-cover-intro{color:#6a6257;font-size:14px;line-height:1.6;margin:0 0 8px}.share-cover-date{color:#837b70;font-size:13px;margin:0 0 28px}.share-cover-play{font-size:18px;padding:12px 32px}.share-cover-hint{color:#837b70;font-size:11px;margin-top:14px}.live-dot{display:inline-block;width:8px;height:8px;background:#e74c3c;border-radius:50%;margin-right:4px;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.share-badge.live{border-color:#e74c3c;color:#e74c3c}.live-active{border-color:#e74c3c;color:#e74c3c;opacity:.7;cursor:default}.back-live{border-color:#e74c3c;color:#e74c3c;font-weight:600}.back-live:hover{background:#e74c3c1a}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-paper{width:min(390px,100%);padding:28px;background:#fffdf8;border:1px solid #837b70;box-shadow:7px 7px #29262121;display:flex;flex-direction:column;gap:12px}.auth-paper h1{margin:8px 0 0;font-family:Georgia,serif;font-size:28px}.auth-kicker,.auth-copy,.auth-note{color:#837b70;font-size:12px}.auth-paper label{display:flex;flex-direction:column;gap:5px;font-size:12px}.auth-submit{margin-top:8px}.auth-error{color:#a34538;font-size:12px}.user-list{display:flex;flex-direction:column;gap:4px}.user-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #eee8de}.user-row span{display:flex;flex-direction:column;gap:2px}.user-row small{color:#837b70;font-size:11px}@media (max-width: 640px){.topbar{padding:10px 12px}.brand{font-size:16px}.guide-card{padding:9px 12px}.guide-card div{display:block}.guide-card span{display:block;margin-top:3px;font-size:11px}.controls{gap:4px;padding:7px;overflow-x:auto}.controls button{padding:6px 7px;font-size:11px}.controls .spacer{display:none}.scene-grid{grid-template-columns:repeat(2,1fr)}.picker-trigger{min-width:140px}}