*{box-sizing:border-box;margin:0;padding:0}:root{--font: "Neue Haas Grotesk Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--ui-grey: #dcdcdc;--ui-grey-press: #cacaca;--ui-text: #1a1a1a;--ui-yellow: #e4d44a;--ui-grey-light: #ececec;--ui-bar-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) ;--ui-edge-bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) ;--ui-mode-bottom: calc(var(--ui-bar-bottom) - 1.75rem)}@media(max-width:767px){:root{--ui-bar-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) ;--ui-mode-bottom: calc(var(--ui-bar-bottom) - 1.75rem - 5px)}.shutter{width:3.9rem;height:3.9rem}.shutter-yellow{width:3.36rem;height:3.36rem}.shutter-plus{width:1.44rem;height:1.44rem}#capture-ui,#capture-ui.is-capture-preview{height:3.9rem}}@media(min-width:768px){:root{--ui-mode-bottom: calc(var(--ui-bar-bottom) - 1.5rem)}.camera-switch{display:none!important}.capture-center,#capture-ui.is-capture-preview .capture-center,#capture-ui.is-capture-preview.is-video-preview .capture-center{transform:translate(-50%,-50%)}}html,body{min-width:320px;height:100%;overflow:hidden;background:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;min-width:320px;display:grid;place-items:center;background:#fff}.stage{--stage-w: 320px;position:relative;flex-shrink:0;overflow:hidden}.cutout{position:absolute;z-index:1;overflow:hidden;background:#e8e8e8}.camera-switch{position:absolute;top:50%;right:calc(var(--stage-w) * .039);z-index:1;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background:var(--ui-grey-light);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateY(-50%);transition:background .12s ease,transform .1s ease}.camera-switch:active{background:#dedede;transform:translateY(-50%) scale(.96)}.camera-switch-icon{display:block;width:1.55rem;height:auto;pointer-events:none;filter:brightness(0) invert(1);transform:rotate(0);transition:transform .4s cubic-bezier(.22,1,.36,1)}.shutter.is-recording .shutter-yellow{opacity:0}.shutter-timer{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);font-family:var(--font);font-size:.6875rem;font-weight:600;letter-spacing:normal;line-height:1;font-variant-numeric:tabular-nums;color:var(--ui-text);pointer-events:none;white-space:nowrap}.shutter-timer.hidden{display:none}#camera{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#camera.is-mirrored{transform:scaleX(-1)}.gallery-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.gallery-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.gallery-swipe{position:absolute;z-index:6;background:transparent;pointer-events:none;touch-action:none;-webkit-tap-highlight-color:transparent}.is-students.is-statement-visible .cutout{z-index:5}.is-students.is-statement-visible .gallery-fill{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.is-students.is-statement-visible .gallery-swipe{pointer-events:auto}.result{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:1}.frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:2;pointer-events:none}.hidden{display:none!important}.students-index{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:none;scrollbar-width:none;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}.students-index.is-open{opacity:1;visibility:visible;pointer-events:auto}.students-index::-webkit-scrollbar{display:none}.students-list{--name-list-gap: calc(var(--stage-w) * .004);--name-col-gap: calc(var(--stage-w) * .035);--name-duo-gap: calc(var(--stage-w) * .003);--name-row-h: calc(var(--stage-w) * .045);--name-duo-row-h: calc(var(--stage-w) * .078);--name-font-size: clamp(1rem, calc(var(--stage-w) * .058), 1.75rem);list-style:none;width:100%;padding-left:max(0px,calc(var(--stage-w) * .039 - 2px));padding-right:max(0px,calc(var(--stage-w) * .039 - 2px));padding-bottom:calc(var(--stage-w) * .039);display:flex;flex-direction:column;gap:var(--name-list-gap)}@media(min-width:768px){.students-list{--name-list-gap: 0;--name-col-gap: calc(var(--stage-w) * .008);--name-duo-gap: 0;--name-row-h: calc(var(--stage-w) * .042);--name-duo-row-h: calc(var(--stage-w) * .072);--name-font-size: clamp(1rem, calc(var(--stage-w) * .058), 1.5rem)}}.students-list li{min-height:var(--name-row-h);display:flex;align-items:center;flex-shrink:0}.students-list li.is-duo{min-height:var(--name-duo-row-h)}.student-btn{display:block;width:100%;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.student-btn--duo{display:flex;flex-direction:column;gap:var(--name-duo-gap)}.student-name-row{width:100%}.student-name-group{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--name-col-gap);width:100%}.student-name-group.is-settled{display:flex;width:max-content;margin-inline:auto;justify-content:center;gap:.35em}.student-btn .first,.student-btn .last,.student-name-group .first,.student-name-group .last{font-family:var(--font);font-size:var(--name-font-size);font-weight:700;line-height:.8;color:color-mix(in srgb,#a8a8a8 calc((1 - var(--center-progress, 0)) * 100%),#000);opacity:calc(.66 + .34 * var(--center-progress, 0));transition:color .28s cubic-bezier(.22,1,.36,1),opacity .28s cubic-bezier(.22,1,.36,1);will-change:transform}.student-name-group .first{text-align:left;justify-self:start;width:max-content;max-width:100%}.student-name-group .last{text-align:right;justify-self:end;width:max-content;max-width:100%}.student-name-group.is-settled .first,.student-name-group.is-settled .last{text-align:center;justify-self:center}.students-list li.is-centered .first,.students-list li.is-centered .last,.students-list li.name-rise .first,.students-list li.name-rise .last{color:#000;opacity:1}.student-detail{--name-col-gap: calc(var(--stage-w) * .035);--detail-title-size: clamp(1rem, calc(var(--stage-w) * .0625), 1.875rem);position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}@media(min-width:768px){.student-detail{--name-col-gap: calc(var(--stage-w) * .008);--detail-title-size: clamp(1rem, calc(var(--stage-w) * .058), 1.5rem)}}.student-detail-header{position:absolute;left:0;right:0;display:block;padding-inline:calc(var(--stage-w) * .039);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.student-detail-names{width:100%}.student-detail-names .student-name-group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.1em}.student-detail-names .first,.student-detail-names .last{font-family:var(--font);font-size:var(--detail-title-size);font-weight:700;line-height:.8;color:#000;opacity:1;width:auto;max-width:100%;text-align:center}.student-detail-names .last:empty{display:none}.student-detail-names.is-justified-title .student-name-group{display:flex}.student-detail-names.is-justified-title .first{display:block;width:auto;max-width:100%;text-align:center;text-align-last:center}@media(max-width:767px){.student-detail{--detail-title-size: clamp(1rem, calc(var(--stage-w) * .058), 1.75rem)}}.statement-lang{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:7;display:flex;align-items:center;justify-content:center;gap:.35rem;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}@media(max-width:767px){.statement-lang{bottom:calc(env(safe-area-inset-bottom,0px) + 2px)}}.statement-lang-btn{border:0;padding:0;background:none;font-family:var(--font);font-size:.75rem;font-weight:600;letter-spacing:.01em;line-height:1;color:var(--ui-text);opacity:.45;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.statement-lang-btn{font-size:1.0625rem}}.statement-lang-btn.is-active{opacity:1;font-weight:700}.statement-lang-btn.is-active:before{content:"("}.statement-lang-btn.is-active:after{content:")"}.artist-statement{position:absolute;left:calc(var(--stage-w) * .039);right:calc(var(--stage-w) * .039);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.artist-statement.is-overflowing:not(.is-at-bottom){-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.75rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 1.75rem),transparent 100%)}.artist-statement::-webkit-scrollbar{display:none}.artist-statement-text{margin:0;font-family:var(--font);font-size:clamp(.6875rem,calc(var(--stage-w) * .032),1rem);font-weight:500;line-height:1.05;letter-spacing:normal;color:var(--ui-text);white-space:pre-line}.artist-statement-text.is-lang-en{text-align:left}.artist-statement-text.is-lang-de{text-align:right}.is-students.is-statement-visible #statement-close{opacity:1;visibility:visible;pointer-events:auto}.is-students.is-names-exit .students-list li{transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.is-students.is-names-exit .students-list li.exit-up{opacity:0;transform:translateY(-120%)}.is-students.is-names-exit .students-list li.exit-down{opacity:0;transform:translateY(120%)}.is-students.is-names-exit .students-list li.name-rise{opacity:1!important;z-index:12;position:relative;transform:translateY(var(--rise-y, -6rem))}.is-students.is-names-exit .students-list li.name-rise .student-name-group{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--name-col-gap);width:100%;margin-inline:0}.is-students.is-names-exit .students-list li.name-rise .student-name-group .first{text-align:left;justify-self:start}.is-students.is-names-exit .students-list li.name-rise .student-name-group .last{text-align:right;justify-self:end}.is-students.is-statement .students-index{pointer-events:none;z-index:11}.is-students.is-statement-visible .student-detail-header{opacity:1;visibility:visible;z-index:6;pointer-events:auto}.is-students.is-statement-visible .statement-lang{opacity:1;visibility:visible;pointer-events:auto}.is-students.is-statement #shutter{opacity:0;pointer-events:none}.is-students.is-statement-visible .artist-statement{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity .42s cubic-bezier(.22,1,.36,1)}#statement-close{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.ui-bar{position:absolute;left:50%;z-index:5;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:1rem;pointer-events:auto}#capture-ui{top:auto;bottom:var(--ui-bar-bottom);left:0;right:0;width:100%;height:3.25rem;transform:none}.capture-center{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + 3px),-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.capture-center .shutter{position:relative;left:auto;top:auto;transform:none;pointer-events:auto;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.bracket-btn{border:0;padding:0;background:none;font-family:var(--font);font-size:.75rem;font-weight:700;letter-spacing:.01em;line-height:1;color:var(--ui-text);cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.bracket-btn{font-size:1.0625rem}}.bracket-btn:before{content:"( "}.bracket-btn:after{content:" )"}.bracket-btn:active:not(:disabled){opacity:.55}.bracket-btn:disabled{opacity:.45;cursor:not-allowed}.capture-mode{position:absolute;left:50%;bottom:var(--ui-mode-bottom);z-index:7;display:flex;align-items:center;justify-content:center;gap:.75rem;transform:translate(-50%);pointer-events:auto}.capture-mode.hidden{display:none}.capture-mode-btn{border:0;padding:0;background:none;font-family:var(--font);font-size:.75rem;font-weight:600;letter-spacing:.01em;line-height:1;color:var(--ui-text);opacity:.45;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.capture-mode-btn{font-size:1.0625rem}}.capture-mode-btn.is-active{opacity:1;font-weight:700}.capture-mode-btn.is-active:before{content:"("}.capture-mode-btn.is-active:after{content:")"}.capture-mode-btn:active{opacity:.55}#preview-ui{position:absolute;left:0;right:0;bottom:var(--ui-edge-bottom);z-index:7;display:flex;align-items:center;width:100%;padding-inline:calc(var(--stage-w) * .039);pointer-events:none}#preview-ui.hidden{display:none}.preview-actions-side{flex:1;display:flex;align-items:center;pointer-events:auto}.preview-actions-left{justify-content:flex-start}.preview-actions-right{justify-content:flex-end}.preview-actions-center{flex:0 0 auto;display:flex;justify-content:center;pointer-events:auto}.upload-success{position:absolute;left:50%;top:50%;z-index:12;transform:translate(-50%,-50%);font-family:var(--font);font-size:.8125rem;font-weight:700;letter-spacing:.01em;line-height:1;color:var(--ui-text);background:#fff;padding:1px 3px;pointer-events:none;white-space:nowrap}@media(min-width:768px){.upload-success{font-size:.875rem}}.upload-success.hidden{display:none}.upload-success.is-visible{display:inline-block;animation:upload-success-reveal 1.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes upload-success-reveal{0%{opacity:0;clip-path:inset(0 50% 0 50%);transform:translate(-50%,-50%) scaleX(.2)}18%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(-50%,-50%) scaleX(1)}72%{opacity:1;clip-path:inset(0 0 0 0);transform:translate(-50%,-50%) scaleX(1)}to{opacity:0;clip-path:inset(0 0 0 0);transform:translate(-50%,-50%) scaleX(1)}}#capture-ui.is-capture-preview{z-index:8;pointer-events:none;height:3.25rem}#capture-ui.is-capture-preview .capture-center{top:50%;transform:translate(calc(-50% + 3px),-50%)}#capture-ui.is-capture-preview .shutter{pointer-events:auto}#capture-ui.is-capture-preview.is-video-preview .capture-center{top:50%;transform:translate(calc(-50% + 3px),-50%)}#capture-ui.is-recording{z-index:8;pointer-events:none}#capture-ui.is-recording .shutter{pointer-events:auto}#capture-ui.is-recording~#preview-ui{z-index:9}#camera-prompt-ui{top:auto;bottom:var(--ui-bar-bottom);height:3.25rem;transform:translate(-50%)}.camera-prompt{color:#00fbff;cursor:default}.text-btn{border:none;border-radius:3px;background:var(--ui-grey);color:var(--ui-text);font-family:var(--font);font-size:.8125rem;font-weight:500;letter-spacing:normal;line-height:1;padding:5px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .12s ease,transform .1s ease}.text-btn:active{transform:scale(.97);background:var(--ui-grey-press)}.text-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.plain-btn{border:none;background:none;color:var(--ui-text);font-family:var(--font);font-size:.8125rem;font-weight:500;letter-spacing:.01em;line-height:1;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.plain-btn:active{opacity:.55}.students-open{position:absolute;left:50%;z-index:5;font-size:.75rem;font-weight:600;letter-spacing:.01em;background:none;transform:translate(-50%,-50%);pointer-events:auto}@media(min-width:768px){.students-open{font-size:1.0625rem}}.plain-btn.students-open:before{content:"("}.plain-btn.students-open:after{content:")"}.shutter{position:relative;width:3.25rem;height:3.25rem;border:none;background:transparent;padding:0;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.shutter-grey{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff;border:1.5px solid var(--ui-grey-light);transition:background .12s ease,border-color .12s ease}.shutter-yellow{position:absolute;width:2.8rem;height:2.8rem;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--ui-grey-light);border:none;transition:transform .1s ease,background .12s ease}.shutter-plus{position:absolute;top:50%;left:50%;z-index:2;width:1.2rem;height:1.2rem;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .15s ease}.shutter-plus:before,.shutter-plus:after{content:"";position:absolute;background:var(--ui-text);border-radius:0}.shutter-plus:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.shutter-plus:after{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.is-students #shutter .shutter-plus{opacity:1}.is-students #shutter:active:not(:disabled) .shutter-plus{transform:translate(-50%,-50%) scale(.94)}.shutter:disabled{opacity:.45;cursor:not-allowed}.shutter:active:not(:disabled) .shutter-yellow{transform:translate(-50%,-50%) scale(.94);background:#dedede}.shutter:active:not(:disabled) .shutter-grey{background:#fff;border-color:#dedede}.is-students .frame{pointer-events:none}.status{position:fixed;top:.75rem;left:50%;transform:translate(-50%);max-width:90vw;padding:.45rem .7rem;background:#f2f2f2;color:#555;font-family:var(--font);font-size:.6875rem;font-weight:700;letter-spacing:.03em;z-index:10}.status:empty{display:none}