*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,p{margin:0}body{font-family:Inter,sans-serif;background:#fbf1da;color:#121212;min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.progress{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:100}.progress .dot{width:10px;height:10px;border-radius:50%;border:2px solid hsl(30,8%,70%);background:transparent;transition:width .3s ease,border-color .3s ease,background .3s ease}.progress .dot.active{width:24px;border-radius:12px;border-color:#d85f0e;background:#d85f0e1a}.progress .dot.completed{border-color:#d85f0e;background:#d85f0e}.step{display:none;min-height:100vh;min-height:100dvh;flex-direction:column;align-items:center;position:relative;z-index:1}.step.active{display:flex}.step-inner{width:100%;max-width:480px;padding:56px 20px 40px;display:flex;flex-direction:column;align-items:center;flex:1}.card{background-color:#ede4d4;padding:14px 18px;width:360px;max-width:100%;color:#03254b;font-size:.8rem;font-family:Sometype Mono,monospace;position:relative;box-shadow:inset 0 0 30px #e6d3b366,.6px .6px .9px #00000017,1.8px 1.8px 2.8px -.8px #00000017,4.4px 4.3px 6.9px -1.7px #00000017,10.8px 10.5px 16.8px -2.5px #00000017;animation:card-entrance .4s ease-out both}.card:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.2'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.card>*{position:relative;z-index:2}.card-details{display:flex;flex-direction:column;gap:.25rem}.card-details .label{font-weight:400}.card-details .label b{font-family:Gloria Hallelujah,cursive;font-weight:400;font-size:1.1rem}.card-event-title{font-weight:600}.card table{width:100%;border-collapse:separate;border-spacing:0;border-radius:5%;background:transparent;overflow:hidden;margin-top:14px;border:1px solid hsl(30,15%,65%);table-layout:fixed;font-size:.8rem}.card th,.card td{padding:8px 12px;text-align:left;font-weight:400;color:#03254b}.card th{letter-spacing:.03em;border-bottom:1px solid hsl(30,15%,65%);font-size:.75rem}.card th:not(:last-child),.card td:not(:last-child){border-right:1px solid hsl(30,15%,65%)}.card tr:not(:last-child) td{border-bottom:1px solid hsl(30,15%,65%)}.card td{font-family:Gloria Hallelujah,cursive;font-size:.8rem}.welcome-header{text-align:center;margin-bottom:32px}.welcome-header h1{font-family:Lora,serif;font-size:28px;font-weight:600;color:#121212;margin-bottom:8px}.welcome-header p{font-size:15px;color:#666}.instructions{width:100%;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;background:#ffffff80;padding:20px;border-radius:16px;border:1px solid hsl(30,8%,85%)}.instruction-item{display:flex;align-items:center;gap:16px}.instruction-badge{width:28px;height:28px;border-radius:50%;background:#d85f0e;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Sometype Mono,monospace;font-weight:700;font-size:14px;flex-shrink:0}.instruction-content{display:flex;flex-direction:column}.instruction-content strong{font-size:14px;color:#262626}.instruction-content span{font-size:13px;color:#737373}.form-fields{width:100%;display:flex;flex-direction:column;gap:20px;margin-top:28px}.form-fields .field{display:flex;flex-direction:column;gap:10px}.form-fields input{display:block;width:100%;padding:14px 16px;border:2px solid hsl(30,8%,78%);border-radius:12px;background:#fff;color:#121212;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-fields input:focus{outline:none;border-color:#d85f0e;box-shadow:0 0 0 3px #d85f0e26}.form-fields input::placeholder{color:#8c8c8c}.nav-btn{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#e6650f,#c9580d);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:28px;transition:transform .15s ease-out,opacity .2s;will-change:transform;box-shadow:.6px .6px .9px #00000017,1.8px 1.8px 2.8px -.8px #00000017,4.4px 4.3px 6.9px -1.7px #00000017;flex-shrink:0}.nav-btn:disabled{opacity:.25;cursor:not-allowed}.nav-btn:active:not(:disabled){transform:scale(.93)}.step-2-inner{padding-bottom:140px}.event-header{text-align:center;padding:0 20px;margin-bottom:24px}.event-header h1{font-family:Lora,serif;font-size:24px;font-weight:500;color:#121212;text-wrap:balance}.event-date{font-family:Sometype Mono,monospace;color:#666;font-size:13px}.sessions-header{width:100%;position:sticky;top:0;padding:20px 0 0;background:#fbf1da;z-index:10}.session-tabs{display:flex;gap:8px;padding:20px 5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;position:relative}.session-tabs::-webkit-scrollbar{display:none}.session-tab{flex-shrink:0;display:flex;flex-direction:row;align-items:flex-start;gap:2px;padding:10px 16px;border:1.5px solid hsl(30,8%,82%);border-radius:12px;background:#fff;cursor:pointer;font-family:Inter,sans-serif;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;min-width:0}.session-tab.active{border-color:#d85f0e;background:#fdf3ec;box-shadow:0 0 0 1px #d85f0e,0 2px 4px #cc70331a}.session-tab.disabled{opacity:.5;cursor:not-allowed;background:#f2f2f2;border-color:#e6e6e6}.tab-name{font-size:14px;font-weight:500;color:#595959;white-space:nowrap;transition:color .2s}.session-tab.active .tab-name{color:#d85f0e}.tab-time{font-family:Sometype Mono,monospace;font-size:11px;color:gray}.tab-check{position:absolute;top:6px;right:8px;font-size:12px;color:#d85f0e;font-weight:700;background:#fdf3ec;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.book-search{width:100%;padding:0 0 12px;display:flex;align-items:center;position:relative}.book-search svg{position:absolute;left:13px;color:gray;pointer-events:none}.book-search input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid hsl(30,8%,78%);border-radius:10px;background:#fff;font-family:Inter,sans-serif;font-size:14px;color:#121212;transition:border-color .2s,box-shadow .2s}.book-search input:focus{outline:none;border-color:#d85f0e;box-shadow:0 0 0 3px #d85f0e1f}.book-search input::placeholder{color:#8c8c8c}.book-list{width:100%;flex:1;padding:0 0 20px;display:flex;flex-direction:column;gap:8px}.book-row{background:#fff;border:1.5px solid hsl(30,8%,83%);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .2s,box-shadow .2s,opacity .2s,background .2s;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;gap:4px}.book-row:focus-visible{outline:none;box-shadow:0 0 0 3px #d85f0e33}@media (hover: hover){.book-row:hover:not(.full){border-color:transparent;box-shadow:0 0 0 1px #cbc7c2,0 2px 8px #0000000f}}.book-row:active:not(.full){transform:scale(.99)}.book-row.registered{border-color:#d85f0e;border-left:3px solid hsl(24,88%,45%);background:#fef6f0;box-shadow:0 2px 12px #cc703314}.book-row.full{opacity:.5;cursor:not-allowed}.book-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.book-row-title{font-family:Lora,serif;font-size:15px;font-weight:500;color:#2a2a28;line-height:1.3}.book-badges{display:flex;align-items:center;gap:6px;margin-top:2px}.table-badge{flex-shrink:0;font-family:Sometype Mono,monospace;font-size:10px;font-weight:600;color:#737373;background:#eeebe8;padding:2px 6px;border-radius:4px;border:1px solid hsl(30,15%,82%);white-space:nowrap}.table-stamp{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Sometype Mono,monospace;font-weight:700;font-size:11px;color:#d85f0e;border:2px solid hsl(24,88%,45%);padding:2px 6px;border-radius:6px;transform:rotate(-3deg);background:#d85f0e0d;box-shadow:1px 1px #d85f0e1a;line-height:1;text-transform:uppercase;letter-spacing:.05em;mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='black'/%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='black'/%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E")}.book-row-badge{flex-shrink:0;font-family:Sometype Mono,monospace;font-size:10px;font-weight:700;color:#fff;background:#d85f0e;padding:2px 8px;border-radius:6px;white-space:nowrap}.book-row-author{font-family:Inter,sans-serif;font-size:12px;color:#888}.book-row-synopsis{font-family:Inter,sans-serif;font-size:12px;color:#666;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.book-row-slots{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.slots-bar{flex:1;max-width:120px;height:6px;background:#e8e6e3;border-radius:3px;overflow:hidden}.slots-fill{height:100%;border-radius:3px;transition:width .4s ease}.slots-fill.available{background:#43a047}.slots-fill.low{background:#ef6c00}.slots-fill.full{background:#c62828}.slots-count{font-family:Sometype Mono,monospace;font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.slots-count.available{color:#2e7d32}.slots-count.low{color:#e65100}.slots-count.full{color:#c62828}.book-row-select{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#d85f0e;flex-shrink:0}.summary-bar{position:fixed;bottom:0;left:0;right:0;background:#fbf6eff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid hsl(30,8%,78%);padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:50}.summary-text{flex:1;font-size:13px;color:#666;text-align:center;font-family:Sometype Mono,monospace}.view-card-btn{padding:10px 20px;border:none;border-radius:12px;background:#c9580d;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;min-height:44px;transition:opacity .2s}.view-card-btn:disabled{opacity:.3;cursor:not-allowed}.summary-hint{color:#8c8c8c;font-size:11px}.nav-btn.back{width:44px;height:44px;background:transparent;border:1px solid hsl(30,8%,70%);color:#666;box-shadow:none;margin:0;flex-shrink:0}.final-card{animation:card-reveal .5s cubic-bezier(.68,-.55,.27,1.55) both;margin:0 auto;box-shadow:inset 0 0 30px #e6d3b366,.6px .6px .9px #00000017,1.8px 1.8px 2.8px -.5px #00000017,4.4px 4.3px 6.9px -1px #00000017,10.8px 10.5px 16.8px -1.5px #00000017,20px 20px 32px -2px #00000012}.below-card{text-align:center;margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px}.see-you-msg{color:#666;font-size:14px}.back-link{background:none;border:none;color:#666;font-family:Inter,sans-serif;font-size:14px;cursor:pointer;padding:8px;min-height:44px;transition:color .2s}.back-link:hover{color:#121212}.loading-msg{text-align:center;color:#666;padding:60px 20px;font-size:14px}.empty-msg{text-align:center;color:gray;padding:60px 20px;font-family:Lora,serif;font-size:18px}.toast{position:fixed;top:56px;left:50%;transform:translate(-50%) translateY(-12px);background:#333;color:#fff;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;z-index:200;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast.error{background:#b71c1c}@keyframes card-entrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(50px) rotate(-3deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes float-down{0%{transform:translateY(-60px) rotate(0);opacity:0}15%{opacity:.25}to{transform:translateY(110vh) rotate(180deg);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.cel-blob{display:none}}@media (max-width: 400px){.card{width:260px}}