.pc{width:min(560px,100%);margin-inline:auto;font-optical-sizing:auto;display:flex;flex-direction:column}.pc--reveal:not(.is-revealed){flex:1 1 auto;min-height:0}.pc-specimen{padding-top:var(--space-8);border-top:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.pc-specimen:first-child{padding-top:0;border-top:0}.pc-surface{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0;background:transparent;isolation:isolate}.pc--reveal:not(.is-revealed) .pc-surface{cursor:pointer;flex:1 1 auto;min-height:60vh}.pc-scroll{position:relative;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0;background:transparent;isolation:isolate}.pc--fit .pc-action{margin-top:var(--space-5)}.pc-body{display:flex;flex-direction:column;gap:var(--space-5)}.pc-head{position:relative;text-align:center}.pc-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent-text);margin:0}.pc-eyebrow,.pc-folio{font-family:var(--font-mono);font-size:11px}.pc-folio{position:absolute;top:0;right:0;letter-spacing:.08em;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.pc-main{flex-direction:column;gap:var(--space-5);text-align:center}.pc-hero,.pc-main{display:flex;align-items:center}.pc-hero{min-height:4.5rem;justify-content:center;position:relative}.pc-hero .scs-glyph{display:inline-block;color:var(--color-accent-text);line-height:1;letter-spacing:.005em;text-shadow:0 1px 0 color-mix(in srgb,var(--color-bg) 65%,transparent),0 -1px 0 color-mix(in srgb,var(--color-text-primary) 12%,transparent)}.pc .scs-glyph--lg{font-size:clamp(4.5rem,14vw,8rem);font-weight:500}.pc .scs-glyph--md{font-size:clamp(1.75rem,6vw,2.75rem);font-weight:500}.pc-prompt{font-family:var(--font-english-serif);font-style:italic;font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.pc-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.pc-back{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.pc-more__toggle{appearance:none;border:0;background:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary)}.pc-more__toggle:hover{color:var(--color-text-secondary)}.pc-more__toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pc-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent)}.pc-gutter{display:none}@media (min-width:760px){.pc--dense.is-revealed .pc-main{display:grid;grid-template-columns:1fr 1px 1.2fr;align-items:start;column-gap:var(--space-6);text-align:left}.pc--dense.is-revealed .pc-hero{grid-column:1;align-self:center}.pc--dense.is-revealed .pc-gutter{display:block;grid-column:2;align-self:stretch;width:1px;background:var(--color-border)}.pc--dense.is-revealed .pc-back{grid-column:3;align-items:flex-start}}.pc-action{flex-direction:column;gap:var(--space-6)}.pc-action,.pc-grades{display:flex;width:100%}.pc-grades{justify-content:center;align-items:center;gap:var(--space-3)}.pc-grade-forgot{transition:background .2s var(--ease-standard),border-color .2s var(--ease-standard),color .2s var(--ease-standard),transform .1s var(--ease-standard)}.pc-grade-forgot.btn-open--quiet:active:not(:disabled),.pc-grade-forgot.btn-open--quiet:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.pc-play{gap:var(--space-3)}.pc-play,.pc-play__btn{display:inline-flex;align-items:center}.pc-play__btn{position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-round);border:1px solid var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent-text);justify-content:center;cursor:pointer;transition:background .15s ease-out,transform 60ms ease-out}.pc-play__btn:hover{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.pc-play__btn:active{transform:scale(.96)}.pc-play__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pc-play__btn svg{width:15px;height:15px;fill:currentColor}.pc-play__btn--silent{border-color:var(--color-border);background:transparent;color:var(--color-text-tertiary);cursor:default}.pc-play__btn.is-press{background:color-mix(in srgb,var(--color-accent) 34%,transparent)}.pc-play__btn.is-loading:before{content:"";position:absolute;inset:-4px;border-radius:var(--radius-round);border:2px solid transparent;border-top:2px solid var(--color-accent);animation:pf-spin .72s linear infinite;pointer-events:none}.pc-play__btn.is-playing{background:var(--color-accent-fill);border-color:var(--color-accent-fill);color:var(--color-on-accent)}.pc-play__btn.is-playing:after{content:"";position:absolute;inset:0;border-radius:var(--radius-round);border:1px solid var(--color-accent);pointer-events:none;animation:pc-pulse 1.6s var(--ease-standard) infinite}@keyframes pc-pulse{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.55);opacity:0}}.pc-play__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.pc-play__gap,.pc-play__label{font-family:var(--font-mono);color:var(--color-text-tertiary)}.pc-play__gap{font-size:10px;letter-spacing:.1em;font-style:normal}.pc-play__wave{width:clamp(72px,30vw,132px)}.pc-ledger{width:100%;max-width:19.5rem;display:flex;flex-direction:column}.pc-ledger__row{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.pc-ledger__row:last-child{border-bottom:0}.pc-ledger__label{flex:0 0 5.75rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary)}.pc-ledger__lead{flex:1;border-bottom:1px dotted color-mix(in srgb,var(--color-border) 80%,transparent);transform:translateY(-3px)}.pc-ledger__value{font-family:var(--font-english-serif);font-size:var(--text-base);color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:right}.pc-ledger__value--thai{font-family:var(--font-thai-serif);font-size:19px}.pc-ledger__value--accent{color:var(--color-accent-text);font-style:italic;font-feature-settings:"liga" 1,"dlig" 1}.pc-note{width:100%}.pc-note__toggle{appearance:none;border:0;background:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-text)}.pc-note__toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pc-note__preview{color:var(--color-text-secondary);text-transform:none;letter-spacing:0;font-family:var(--font-english-serif);font-style:italic}.pc-note__fields{gap:18px}.pc-note__field,.pc-note__fields{display:flex;flex-direction:column}.pc-note__lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:6px}.pc-note__input{appearance:none;display:block;width:100%;border:0;border-bottom:1px solid var(--color-border);background:transparent;margin:0;padding:0 0 6px;font-family:var(--font-english-serif);font-size:16px;line-height:1.4;color:var(--color-text-primary);resize:none;overflow:hidden}.pc-note__input::placeholder{color:var(--color-text-tertiary);font-style:italic;opacity:1}.pc-note__input:focus{outline:none;border-bottom-color:var(--color-accent)}.pc-note__actions{display:flex;gap:var(--space-6);align-items:center;margin-top:24px}.pc-note__btn{appearance:none;border:0;background:none;padding:var(--space-1) 0;cursor:pointer;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.pc-note__btn--save{color:var(--color-mark-2-text)}.pc-note__btn--cancel{color:var(--color-text-tertiary)}.pc-note__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pc-note__saved{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-tertiary)}@media (prefers-reduced-motion:no-preference){.pc.is-revealed .pc-action>*,.pc.is-revealed .pc-back>*{animation:pc-rise .32s cubic-bezier(.22,.61,.36,1) both}.pc.is-revealed .pc-back>:first-child{animation-delay:0s}.pc.is-revealed .pc-back>:nth-child(2){animation-delay:60ms}.pc.is-revealed .pc-back>:nth-child(3){animation-delay:.12s}.pc.is-revealed .pc-back>:nth-child(4){animation-delay:.18s}.pc.is-revealed .pc-back>:nth-child(5){animation-delay:.24s}.pc.is-revealed .pc-action>*,.pc.is-revealed .pc-back>:nth-child(n+6){animation-delay:.3s}}@keyframes pc-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.pc--reveal.is-revealed:not(.pc--fit) .pc-grades{position:sticky;bottom:0;z-index:5;background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-4) 0 calc(env(safe-area-inset-bottom, 0px) + var(--space-4));margin-top:var(--space-2)}.pc--reveal.is-revealed:not(.pc--fit) .pc-surface{padding-bottom:var(--space-6)}.pc--reveal.is-revealed:not(.pc--fit) .pc-action>.pc-grades{animation:none}.pc--fit{height:100%;min-height:0;margin-inline:0;width:100%;max-width:100%}.pc--fit .pc-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-inline:var(--space-4)}.pc--fit.pc--reveal:not(.is-revealed) .pc-scroll{cursor:pointer}.pc--fit .pc-action{flex:none;margin-top:0;position:relative;background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-4) calc(env(safe-area-inset-bottom, 0px) + var(--space-4))}.pc--fit .pc-action:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--space-6);transform:translateY(-100%);background:linear-gradient(to top,var(--color-bg),transparent);pointer-events:none}.pc--fit.is-revealed .pc-action>*{animation:none}.pc--fit{position:relative}.pc--fit .pc-scroll{touch-action:pan-y;z-index:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pc--fit .pc-action{z-index:1}.pc--fit.is-dragging{user-select:none}.pc-lift{inset:var(--space-2);z-index:0;background:var(--color-bg-raised);box-shadow:var(--shadow-hover);transition:opacity .16s var(--ease-standard)}.pc-cue,.pc-lift{position:absolute;opacity:0;border-radius:var(--radius-lg);pointer-events:none}.pc-cue{inset:0;z-index:3;display:flex;align-items:flex-start;padding:var(--space-6) var(--space-5);transition:opacity .12s linear}.pc-cue--forgot{justify-content:flex-start;color:var(--color-accent);background:linear-gradient(to left,transparent 40%,color-mix(in srgb,var(--color-accent) 16%,transparent))}.pc-cue--gotit{justify-content:flex-end;color:var(--color-status-known);background:linear-gradient(to right,transparent 40%,color-mix(in srgb,var(--color-status-known) 16%,transparent))}.pc-cue__tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.pc-edge{position:absolute;top:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 76px);width:18%;max-width:96px;z-index:4;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent;transition:background .12s linear}.pc-edge--left{left:0}.pc-edge--right{right:0}.pc-edge--left:active{background:linear-gradient(to right,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent)}.pc-edge--right:active{background:linear-gradient(to left,color-mix(in srgb,var(--color-status-known) 14%,transparent),transparent)}@media (max-width:360px){.pc-ledger__label{flex-basis:4.75rem}.pc-ledger__row{gap:var(--space-1)}}}@media (pointer:coarse){.pc-play__btn{width:44px;height:44px}.pc-note__toggle{display:inline-flex;align-items:center;min-height:44px}.pc-grades .btn-open{min-height:44px}}@media (prefers-reduced-motion:reduce){.pc-cue,.pc-edge,.pc-lift{transition:none}}