*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root{--bg: #0b0b0c;--text: #e9e4d8;--dim: #e9e4d8;--faint: #2a2926;--accent: #ff3b24;--accent-2: #d92c18;--circle-outline: #505050;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--pad: clamp(1.4rem, 2.4vw, 2.8rem);--works-h: clamp(150px, 23vh, 220px);--p: 0}.light{--bg: #ece6d8;--text: #1a1a18;--dim: #807c72;--faint: #cdc6b4}html{scroll-behavior:auto}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{height:250vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .8s var(--ease-soft)}.experience-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:1;opacity:0;transition:opacity 1.6s var(--ease-soft)}.is-ready .experience-canvas{opacity:1}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 20% 72%,rgba(0,0,0,.72) 100%)}.light .vignette{background:linear-gradient(to bottom,rgba(236,230,216,.5) 0%,transparent 22% 74%,rgba(236,230,216,.62) 100%)}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,2%)}40%{transform:translate(3%,-3%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,-1%)}to{transform:translate(0)}}.gb-btn{position:absolute;left:calc(var(--pad) + 3.4rem);bottom:calc(var(--works-h) + 1.2rem);z-index:8;display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 55%,var(--faint));border-radius:999px;color:var(--text);font:inherit;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease);animation:gb-btn-glow 2.4s ease-in-out infinite,gb-btn-nudge 5.5s ease-in-out infinite}.gb-btn:hover{color:#fff;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 55%,transparent);animation:none}.gb-btn__dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.gb-btn__dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--accent);animation:gb-ping 1.8s ease-out infinite}@keyframes gb-btn-glow{0%,to{box-shadow:0 0 #ff3b2400}50%{box-shadow:0 0 16px 1px #ff3b2461}}@keyframes gb-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(3.2);opacity:0}}@keyframes gb-btn-nudge{0%,14%,to{transform:none}4%{transform:translateY(-3px) rotate(-1.6deg)}8%{transform:translateY(1px) rotate(1.2deg)}11%{transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.gb-btn,.gb-btn__dot:after{animation:none}}.gb-toast{position:absolute;left:var(--pad);bottom:calc(var(--works-h) + 4.2rem);z-index:8;padding:.55rem .85rem;border-radius:8px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--faint);color:var(--text);font-size:.68rem;letter-spacing:.04em;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none;white-space:nowrap}.gb-toast.is-on{opacity:1;transform:translateY(0)}.gb-marker{transform:scale(1);pointer-events:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;opacity:0}.gb-marker.is-on{opacity:1;pointer-events:auto}.gb-icon{display:flex;align-items:center;justify-content:center;gap:3px;width:26px;height:19px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--faint);border-radius:6px;box-shadow:0 6px 18px #00000047;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.gb-icon i{width:3px;height:3px;border-radius:50%;background:var(--text);transition:background .3s var(--ease)}.gb-marker:hover .gb-icon,.gb-marker.is-hot .gb-icon{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 18px #00000047}.gb-marker:hover .gb-icon i,.gb-marker.is-hot .gb-icon i{background:var(--accent)}.gb-marker.is-flash{animation:gb-pop .55s var(--ease)}@keyframes gb-pop{0%{transform:scale(.4)}55%{transform:scale(1.12)}to{transform:scale(1)}}.gb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;display:grid;place-items:center}.gb-backdrop.is-open{opacity:1;visibility:visible}.gb-panel{width:min(94vw,640px);background:var(--bg);color:var(--text);border:1px solid var(--faint);border-radius:16px;box-shadow:0 50px 120px #0000008c;transform:translateY(20px) scale(.97);transition:transform .6s var(--ease);display:grid;grid-template-columns:44% 56%;overflow:hidden;font-size:.9rem}.gb-backdrop.is-open .gb-panel{transform:translateY(0) scale(1)}.gb-panel__head{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;padding:1.15rem 1.6rem .95rem;border-bottom:1px solid var(--faint)}.gb-head__main{display:flex;flex-direction:column;gap:.3rem}.gb-head__en{font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.gb-head__ja{font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--text)}.gb-head__desc{margin:0;text-align:right;font-size:.6rem;line-height:1.7;color:var(--dim);letter-spacing:.04em}.gb-panel__left{padding:1.5rem 1.6rem 1.6rem;border-right:1px solid var(--faint);display:flex;flex-direction:column;gap:1.3rem;align-items:stretch}.gb-panel__kicker{display:none}.gb-reel{position:relative;width:100%;height:220px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}.gb-reel__strip{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.gb-reel__row{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 1.6rem;transform:scale(var(--s, 1));transform-origin:center;color:var(--dim);font-size:.92rem;letter-spacing:.01em}.gb-reel__name{white-space:nowrap}.gb-reel__num{font-size:.66rem;color:var(--dim);font-variant-numeric:tabular-nums}.gb-reel__row.is-center{color:var(--text);font-weight:600}.gb-reel__row.is-center .gb-reel__num{color:var(--accent)}.gb-reel.is-picked .gb-reel__row.is-center{background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:8px}.gb-reel__center{position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);pointer-events:none;border-top:1px solid var(--faint);border-bottom:1px solid var(--faint)}.gb-reel.is-spinning .gb-reel__center{border-color:color-mix(in srgb,var(--accent) 60%,var(--faint))}.gb-arrow{position:absolute;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:.8}.gb-arrow--l{left:.25rem;transform:translateY(-50%);border-left:7px solid var(--accent)}.gb-arrow--r{right:.25rem;transform:translateY(-50%);border-right:7px solid var(--accent)}.gb-reel.is-spinning .gb-arrow{animation:gb-arrow-twitch .2s var(--ease) infinite}.gb-mreel{position:relative;width:100%;height:0;opacity:0;overflow:hidden;border-radius:8px;transition:height .3s var(--ease),opacity .3s var(--ease),margin-top .3s var(--ease);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.gb-mreel.is-on{height:84px;opacity:1;margin-top:-.35rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--faint))}.gb-mreel__strip{position:absolute;top:0;bottom:0;left:0;display:flex;width:max-content;will-change:transform}.gb-mreel__cell{flex:0 0 96px;display:flex;align-items:center;justify-content:center;border-right:1px solid color-mix(in srgb,var(--faint) 55%,transparent);padding:4px;overflow:hidden}.gb-mreel__img{width:100%;height:100%;object-fit:contain;display:block;opacity:.85;transform:scale(.86);transition:opacity .2s var(--ease),transform .2s var(--ease),filter .2s var(--ease)}.gb-mreel__cell.is-center .gb-mreel__img{opacity:1;transform:scale(1.02)}.gb-mreel__cell.is-ph{color:var(--dim);font-size:1.1rem;font-weight:200}.gb-mreel__cell.is-won{background:color-mix(in srgb,var(--accent) 9%,transparent);border-radius:6px}.gb-mreel__cell.is-won canvas{width:100%;height:100%;object-fit:contain}.gb-mreel__center{position:absolute;left:50%;top:0;bottom:0;width:0;z-index:2;transform:translate(-50%);pointer-events:none;border-left:2px solid var(--accent)}.gb-mreel__center:before,.gb-mreel__center:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent}.gb-mreel__center:before{top:0;border-top:6px solid var(--accent)}.gb-mreel__center:after{bottom:0;border-bottom:6px solid var(--accent)}@keyframes gb-arrow-twitch{0%{transform:translateY(-50%)}25%{transform:translateY(calc(-50% - 2.5px))}50%{transform:translateY(-50%)}75%{transform:translateY(calc(-50% + 2.5px))}to{transform:translateY(-50%)}}.gb-panel__caption{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;min-height:2.1em;font-size:.58rem;color:var(--dim)}.gb-cap__kicker{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.gb-cap__main{font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--text);word-break:break-all}.gb-step{display:flex;align-items:flex-start;gap:.7rem}.gb-step__no{flex:0 0 auto;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--faint);color:var(--dim);font-size:.72rem;font-weight:700;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}.gb-step__en{font-size:.48rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-bottom:.2rem;transition:color .4s var(--ease)}.is-active .gb-step__en{color:var(--accent)}.gb-step__title{font-size:.86rem;font-weight:700;color:var(--text);line-height:1.35}.gb-step__hint{margin-top:.15rem;font-size:.66rem;line-height:1.5;color:var(--dim)}.is-active .gb-step__no{background:var(--accent);border-color:var(--accent);color:#fff;animation:gb-step-pulse 1.6s ease-in-out infinite}.is-done .gb-step__no{background:var(--accent);border-color:var(--accent);color:#fff;animation:none}.gb-panel__right.is-dim{opacity:.38;pointer-events:none}.gb-panel__right{transition:opacity .45s var(--ease)}.gb-panel__left.is-done .gb-step__hint{color:var(--accent)}@keyframes gb-step-pulse{0%,to{box-shadow:0 0 #ff3b2473}55%{box-shadow:0 0 0 7px #ff3b2400}}.gb-roll{align-self:center;margin-top:auto;padding:.6rem 2rem;cursor:pointer;display:inline-flex;align-items:baseline;gap:.6rem;font:inherit;text-transform:uppercase;color:var(--text);background:none;border:1px solid var(--text);border-radius:999px;transition:background .35s var(--ease),color .35s var(--ease),transform .15s var(--ease)}.gb-roll__ja{font-size:.72rem;letter-spacing:.14em}.gb-roll__en{font-size:.52rem;letter-spacing:.26em;color:var(--dim);transition:color .35s var(--ease)}.gb-roll:hover .gb-roll__en,.gb-panel__left.is-active .gb-roll:hover .gb-roll__en{color:inherit}.gb-mnext,.gb-mback,.gb-msteps{display:none}.gb-panel__left.is-active .gb-roll{border-color:var(--accent);color:var(--text);animation:gb-step-pulse 1.6s ease-in-out infinite}.gb-roll:hover,.gb-panel__left.is-active .gb-roll:hover{background:var(--text);color:var(--bg);animation:none}.gb-roll:active{transform:scale(.97)}.gb-panel__right{padding:1.5rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:1.1rem}.gb-field{display:flex;flex-direction:column;gap:.35rem}.gb-field label{display:flex;align-items:baseline;gap:.55rem}.gb-field label:before{content:"→";color:var(--accent);font-size:.62rem;line-height:1;opacity:0;transform:translate(-6px);transition:opacity .4s var(--ease),transform .4s var(--ease)}.gb-panel__right.is-active .gb-field label:before{opacity:1;transform:none;animation:gb-guide-nudge 1.6s ease-in-out infinite}.gb-panel__right.is-active .gb-field label:before{transition-delay:.05s}.gb-panel__right.is-active .gb-field+.gb-field label:before{transition-delay:.18s;animation-delay:.2s}.gb-panel__right.is-active .gb-field+.gb-field+.gb-field label:before{transition-delay:.31s;animation-delay:.4s}@keyframes gb-guide-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.gb-l-ja{font-size:.64rem;letter-spacing:.1em;color:var(--dim)}.gb-l-en{font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--dim) 55%,transparent)}.gb-field input,.gb-field textarea{font:inherit;font-size:.92rem;background:none;color:var(--text);border:none;border-bottom:1px solid var(--faint);padding:.35rem 0;resize:none;transition:border-color .3s var(--ease)}.gb-field textarea{min-height:18.5em;line-height:1.5}.gb-field input::placeholder,.gb-field textarea::placeholder{color:var(--dim);opacity:.6}.gb-field input:focus,.gb-field textarea:focus{outline:none;border-color:var(--accent)}.gb-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:auto}.gb-btn-action{padding:.5rem 1.2rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:baseline;gap:.45rem;font:inherit;text-transform:uppercase;border:1px solid var(--faint);background:none;color:var(--dim);transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}.gb-ba-ja{font-size:.66rem;letter-spacing:.1em}.gb-ba-en{font-size:.48rem;letter-spacing:.2em;opacity:.6}.gb-btn-action:hover{color:var(--text);border-color:var(--text)}.gb-btn-action.is-primary{border-color:var(--accent);background:var(--accent);color:#fff}.gb-btn-action.is-primary[disabled]{opacity:.4;cursor:not-allowed}.gb-view{width:min(92vw,460px);max-height:78vh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--faint);border-radius:14px;box-shadow:0 50px 120px #0000008c;padding:1.6rem 1.6rem 1.2rem;transform:translateY(20px) scale(.97);transition:transform .6s var(--ease)}.gb-backdrop.is-open .gb-view{transform:translateY(0) scale(1)}.gb-view__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1rem}.gb-view__title{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.gb-view__close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--dim);line-height:1;transition:color .3s var(--ease)}.gb-view__close:hover{color:var(--text)}.gb-notes{display:flex;flex-direction:column;gap:1.2rem;padding-top:.2rem}.gb-note{--paper: #ffe58a;position:relative;background:var(--paper);color:#2a2620;border-radius:3px 3px 12px;padding:1.15rem 1.15rem .8rem;box-shadow:0 10px 22px #0000004d;transform:rotate(var(--rot, -1deg));transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.gb-note:hover{transform:rotate(0) translateY(-2px);box-shadow:0 16px 30px #0000005c}.gb-note__pin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 2px 5px #0006,inset 0 1px 1px #ffffff80}.gb-note__nick{font-size:1rem;font-weight:700;letter-spacing:.01em}.gb-note__from{margin-top:2px;font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:#2a26208c}.gb-note__body{margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(42,38,32,.14);font-size:.92rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.gb-note__date{margin-top:.75rem;text-align:right;font-size:.55rem;letter-spacing:.1em;color:#2a262080;font-variant-numeric:tabular-nums}.gb-view__empty{color:var(--dim);font-size:.85rem}.gb-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;overflow:hidden}.gb-confetti i{position:absolute;top:0;left:0;width:9px;height:14px;border-radius:2px;will-change:transform,opacity}@media (max-width: 820px){.gb-btn{left:calc(var(--pad) + 3.2rem);bottom:calc(var(--works-h) + 1.1rem);padding:.5rem .75rem;font-size:.58rem;letter-spacing:.14em}.gb-toast{max-width:calc(100vw - 2 * var(--pad));white-space:normal}.gb-panel{width:min(86vw,340px);grid-template-columns:1fr;max-height:82dvh;overflow-y:auto;font-size:.86rem}.gb-panel.is-s1 .gb-panel__right,.gb-panel.is-s2 .gb-panel__left{display:none}.gb-panel.is-s2 .gb-panel__right{opacity:1;pointer-events:auto}.gb-panel__head{padding:.9rem 1.1rem .75rem}.gb-head__desc{display:none}.gb-msteps{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 2rem .15rem}.gb-mstep{display:flex;flex-direction:column;align-items:center;gap:.3rem}.gb-mstep__no{width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--faint);color:var(--dim);font-size:.68rem;font-weight:700;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}.gb-mstep__lb{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.6rem;color:var(--dim);transition:color .4s var(--ease)}.gb-mstep__lb i{font-style:normal;font-size:.44rem;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.gb-msteps__line{flex:1;height:1px;margin-top:.75rem;background:var(--faint);position:relative}.gb-msteps__line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.gb-panel.is-s1 .gb-mstep.is-1 .gb-mstep__no,.gb-panel.is-s2 .gb-mstep .gb-mstep__no{background:var(--accent);border-color:var(--accent);color:#fff}.gb-panel.is-s1 .gb-mstep.is-1 .gb-mstep__no,.gb-panel.is-s2 .gb-mstep.is-2 .gb-mstep__no{animation:gb-step-pulse 1.6s ease-in-out infinite}.gb-panel.is-s1 .gb-mstep.is-1 .gb-mstep__lb,.gb-panel.is-s2 .gb-mstep.is-2 .gb-mstep__lb{color:var(--text)}.gb-panel.is-s2 .gb-msteps__line:before{transform:scaleX(1)}.gb-panel__left{border-right:none;border-bottom:none;padding:1.1rem 1.1rem 1.2rem;gap:.85rem}.gb-reel{height:132px}.gb-mreel.is-on{height:76px}.gb-roll{padding:.55rem 1.7rem;margin-top:.1rem}.gb-mnext.is-show{display:inline-flex;align-items:baseline;gap:.5rem;align-self:center;padding:.55rem 1.9rem;border-radius:999px;cursor:pointer;font:inherit;text-transform:uppercase;background:var(--accent);border:1px solid var(--accent);color:#fff;animation:gb-pop .45s var(--ease)}.gb-panel__right{padding:1rem 1.1rem 1.2rem;gap:.85rem}.gb-field textarea{min-height:5.5em}.gb-mback{display:inline-flex;align-items:baseline;gap:.45rem;align-self:flex-start;padding:0;margin-bottom:-.2rem;background:none;border:none;cursor:pointer;font:inherit;color:var(--dim);text-transform:uppercase}.gb-mback .gb-ba-ja{font-size:.62rem}.gb-mback .gb-ba-en{font-size:.46rem}.gb-view{max-height:82dvh;padding:1.2rem 1.1rem 1rem}}.msg-btn{position:absolute;right:var(--pad);bottom:calc(var(--works-h) + 1.2rem);z-index:8;display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:none;border:1px solid var(--faint);border-radius:999px;color:var(--dim);font:inherit;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .4s var(--ease),border-color .4s var(--ease)}.msg-btn:hover{color:var(--text);border-color:var(--text)}.msg-btn__dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.msg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8990;display:grid;place-items:center;padding:var(--pad);background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}.msg-backdrop.is-open{opacity:1;visibility:visible}.msg-panel{width:min(94vw,760px);max-height:min(82vh,720px);display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);background:var(--bg);color:var(--text);border:1px solid var(--faint);border-radius:14px;box-shadow:0 50px 120px #0000008c;overflow:hidden;transform:translateY(20px) scale(.97);transition:transform .6s var(--ease)}.msg-backdrop.is-open .msg-panel{transform:translateY(0) scale(1)}.msg-form,.msg-list{min-height:0;padding:1.55rem}.msg-form{border-right:1px solid var(--faint);display:flex;flex-direction:column;gap:1rem}.msg-list{display:flex;flex-direction:column;gap:1rem;overflow:auto}.msg-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.msg-title{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.msg-close{background:none;border:none;color:var(--dim);cursor:pointer;font-size:1.35rem;line-height:1;transition:color .3s var(--ease)}.msg-close:hover{color:var(--text)}.msg-field{display:flex;flex-direction:column;gap:.35rem}.msg-field label{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.msg-field input,.msg-field textarea{width:100%;font:inherit;font-size:.92rem;background:none;color:var(--text);border:none;border-bottom:1px solid var(--faint);padding:.38rem 0;resize:none;transition:border-color .3s var(--ease)}.msg-field textarea{min-height:9.5rem;line-height:1.55}.msg-field input::placeholder,.msg-field textarea::placeholder{color:var(--dim);opacity:.6}.msg-field input:focus,.msg-field textarea:focus{outline:none;border-color:var(--accent)}.msg-submit{align-self:flex-start;margin-top:auto;padding:.55rem 1.2rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s var(--ease),transform .15s var(--ease)}.msg-submit:disabled{opacity:.45;cursor:not-allowed}.msg-submit:active:not(:disabled){transform:scale(.97)}.msg-status{min-height:1.4em;color:var(--dim);font-size:.68rem;line-height:1.5}.msg-status.is-error{color:var(--accent)}.msg-status.is-success{color:var(--text)}.msg-items{display:flex;flex-direction:column;gap:.85rem}.msg-card{border:1px solid var(--faint);border-radius:8px;padding:.9rem .95rem;background:color-mix(in srgb,var(--text) 3%,transparent)}.msg-card__top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.msg-card__name{font-size:.78rem;font-weight:700;color:var(--text)}.msg-card__date{flex:0 0 auto;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.msg-card__body{white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.65;color:var(--text)}.msg-empty,.msg-loading,.msg-error{border:1px dashed var(--faint);border-radius:8px;padding:1rem;color:var(--dim);font-size:.78rem;line-height:1.6}.msg-error{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--faint))}@media (max-width: 820px){.msg-btn{right:var(--pad);bottom:calc(var(--works-h) + 4.15rem)}.msg-panel{grid-template-columns:1fr;max-height:84vh;overflow:auto}.msg-form{border-right:none;border-bottom:1px solid var(--faint)}.msg-list{overflow:visible}.msg-field textarea{min-height:7rem}}:root{--ol-bg:#0a0a0b;--ol-fg:#f2f2f0}#orbit-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--ol-bg);color:var(--ol-fg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;cursor:wait}#orbit-loader canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ol-corner{position:absolute;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:#f2f2f06b;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;white-space:nowrap;-webkit-user-select:none;user-select:none}.ol-tl{top:26px;left:30px}.ol-bl{bottom:28px;left:30px}.ol-tl b{color:#f2f2f0cc;font-weight:400}.ol-meta{position:absolute;right:30px;bottom:22px;text-align:right;-webkit-user-select:none;user-select:none}.ol-meta .ol-cap{display:block;margin-bottom:2px;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:#f2f2f06b;font-family:ui-monospace,SF Mono,Menlo,monospace}.ol-num{font-size:clamp(44px,6.5vw,72px);font-weight:200;line-height:1;letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:var(--ol-fg)}.ol-num .ol-pct{font-size:.32em;font-weight:300;color:#f2f2f080;margin-left:.18em;letter-spacing:0;vertical-align:.12em}.ol-bar{position:absolute;left:0;bottom:0;width:100%;height:1px;background:#f2f2f08c;transform:scaleX(0);transform-origin:0 50%}#composition-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}#composition-host>[data-composition]{opacity:0;visibility:hidden}#composition-host>[hidden]{display:none!important}.shared-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease-soft)}.is-ready .shared-ui{opacity:1}.shared-ui>button,.shared-ui>.gb-backdrop{pointer-events:auto}.shared-ui[data-composition=two]{--works-h: 0px}.shared-ui[data-composition=two] .gb-btn{bottom:var(--pad)}.composition-switch{position:fixed;z-index:30;left:50%;top:12px;transform:translate(-50%);display:flex;gap:2px;padding:3px;border:1px solid var(--faint);border-radius:99px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity 1.2s var(--ease-soft)}.is-ready .composition-switch{opacity:1}.composition-switch[hidden]{display:none}.composition-switch.is-docked{position:static;transform:none;opacity:1;z-index:auto}.composition-switch button{padding:.42rem .8rem;color:var(--dim);background:transparent;border:0;border-radius:99px;font:inherit;font-size:.62rem;cursor:pointer;white-space:nowrap;transition:background .35s,color .35s}.composition-switch button[aria-pressed=true]{color:var(--bg);background:var(--text)}.composition-switch button:hover{color:var(--accent)}.composition-switch button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.composition-switch button:disabled{cursor:progress}@media (max-width: 820px){.composition-switch{top:auto;bottom:12px}.shared-ui{--pad: 1.2rem;--works-h: clamp(96px, 15vh, 150px)}.shared-ui[data-composition=two] .gb-btn{left:auto;right:1.2rem;bottom:3.7rem;font-size:.5rem;padding:.5rem .65rem}}@media (prefers-reduced-motion: reduce){.composition-switch,.shared-ui{transition-duration:.15s}}