/* The control stays small. The floral watch and its chain cross the viewport. */
#signature-preferences{scroll-margin-top:90px}
.reading-specimen{--reading-wall:#1d2626;--reading-ink:#ede8da;--reading-muted:#a8b1a6;--reading-rule:#cbbb9027;--reading-metal:#cdb275;position:relative;border:1px solid var(--nz-line);border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#b2934b14,transparent 60%),var(--reading-wall);color:var(--reading-ink)}
html[data-appearance="light"] .reading-specimen{--reading-wall:#f0ecdf;--reading-ink:#393d34;--reading-muted:#666e61;--reading-rule:#76603d2d;--reading-metal:#8b6c37;background:radial-gradient(ellipse at 80% 35%,#fff9df,transparent 65%),var(--reading-wall)}
.reading-specimen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 30px;border-bottom:1px solid var(--reading-rule)}
.reading-specimen .nz-label{color:var(--reading-muted);font-size:11px;letter-spacing:.13em;margin:0}
.reading-live{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--reading-muted)}
.reading-live i{width:5px;height:5px;background:var(--reading-metal);border-radius:50%}
.reading-composition{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;min-height:330px;padding:44px 48px;gap:36px}
.reading-copy{max-width:540px;min-width:0}
.reading-copy h4{font-family:var(--nz-serif);font-size:clamp(34px,3.5vw,52px);font-weight:400;line-height:1.14;letter-spacing:-.035em;margin:18px 0;color:var(--reading-ink)}
.reading-copy h4 em{font-weight:400;color:var(--reading-metal)}
.reading-copy>p:not(.nz-label){font-size:15px;line-height:1.85;margin:0;max-width:41ch;color:var(--reading-muted)}
.reading-appearance{display:inline-flex;align-items:center;gap:12px;margin:25px 18px 0 0;padding:12px 17px;border:1px solid var(--reading-rule);border-radius:6px;background:var(--reading-wall);color:var(--reading-ink);font:14px/1.5 var(--nz-sans);cursor:pointer;min-height:48px;transition:border-color 200ms,transform 200ms}
.reading-appearance:hover{border-color:var(--reading-metal);transform:translateY(-1px)}
.reading-toggle-icon{display:block;width:17px;height:17px;border:1px solid var(--reading-metal);border-radius:50%;background:linear-gradient(90deg,var(--reading-metal) 50%,transparent 50%)}
.reading-appearance-arrow{margin-left:8px;color:var(--reading-metal)}
.reading-theme-state{display:inline-block;font-size:12px;color:var(--reading-muted)}
.reading-transition-note{display:grid;gap:15px;border-left:1px solid var(--reading-rule);padding:16px 0 16px 30px;font-size:12px;color:var(--reading-muted);line-height:1.6}
.reading-orbit-mark{font-size:64px;line-height:1;color:var(--reading-metal);font-family:Georgia,serif;margin-bottom:12px;opacity:.55}
.reading-controls{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-top:1px solid var(--reading-rule);gap:20px}
.reading-language-control{display:flex;align-items:center;gap:18px;min-width:0}
.reading-language-control strong{display:block;font-size:14px;font-weight:400;color:var(--reading-ink)}
.reading-language-control small{display:block;font-size:11px;letter-spacing:.04em;color:var(--reading-muted);margin-top:6px}
.reading-language{width:82px;height:48px;flex:none;background:none;border:0;padding:0;cursor:pointer;perspective:500px;border-radius:5px;touch-action:manipulation}
.reading-plaque{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 520ms cubic-bezier(.3,.1,.2,1);transform:rotateY(0deg)}
html[data-locale="zh"] .reading-plaque{transform:rotateY(180deg)}
.reading-plaque-front,.reading-plaque-back{display:grid;place-items:center;position:absolute;inset:3px 0;border-radius:4px;background:linear-gradient(115deg,#58452d,#d1b67b 22%,#f0d69a 35%,#b18e4d 53%,#d8bd80 80%,#806036);color:#372b1b;border:1px solid #c6a564;box-shadow:inset 0 0 0 2px #5f441b40,inset 0 0 0 3px #ecd3958c,0 3px 9px #0003;font:18px/1 Georgia,SimSun,serif;letter-spacing:.1em;backface-visibility:hidden}
.reading-plaque-back{transform:rotateY(180deg)}
.reading-plaque-front:before,.reading-plaque-back:before,.reading-plaque-front:after,.reading-plaque-back:after{content:"";position:absolute;top:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#6e522b;box-shadow:0 1px 0 #f4dda2;left:9px}
.reading-plaque-front:after,.reading-plaque-back:after{left:auto;right:9px}
.reading-system.nz-link{color:var(--reading-muted);font-size:12px;min-height:44px;flex:none}
.reading-specimen button:focus-visible{outline:2px solid var(--reading-metal);outline-offset:4px}
.reading-specimen button[aria-disabled="true"]{cursor:progress}
html[data-locale="zh"] .reading-copy h4{font-size:clamp(32px,3vw,43px);line-height:1.45;letter-spacing:.02em}
.reading-clock-overlay{position:fixed;inset:0;z-index:100000;isolation:isolate;overflow:hidden;touch-action:none;overscroll-behavior:contain;view-transition-name:reading-pendulum}
.reading-clock-overlay[hidden]{display:none}
.reading-clock-space{--pendulum-height:min(94dvh,1100px);position:absolute;inset:0;perspective:1450px;perspective-origin:50% 0;pointer-events:none}
.reading-clock-rig{position:absolute;left:50%;top:calc(var(--pendulum-height)*-.04);margin-left:calc(var(--pendulum-height)/-3);width:calc(var(--pendulum-height)*2/3);height:var(--pendulum-height);transform-origin:50% 4%;transform-style:preserve-3d;will-change:transform,opacity;opacity:0}
.reading-clock-photo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(20px 28px 16px #0005);user-select:none;-webkit-user-drag:none}
.reading-clock-skip{position:absolute;right:28px;top:24px;display:flex;gap:24px;align-items:center;padding:10px 16px;border:1px solid #cfc3a647;border-radius:5px;background:#172020d9;color:#efeade;font:13px/1.5 var(--nz-sans);min-height:44px;cursor:pointer;z-index:3}
.reading-clock-skip:focus-visible{outline:1px solid #f0d8a4;outline-offset:4px}
.reading-clock-skip span{font-size:22px}
/* The soft fan shares the chain's screen-space pivot and projected angle. */
@property --clock-sweep-angle{syntax:'<angle>';inherits:false;initial-value:180deg}
@property --clock-fill{syntax:'<number>';inherits:false;initial-value:0}
html[data-clock-transition]::view-transition{pointer-events:none}
html[data-clock-transition]::view-transition-group(root),
html[data-clock-transition]::view-transition-group(reading-pendulum){animation:none}
html[data-clock-transition]::view-transition-old(root),
html[data-clock-transition]::view-transition-new(root){animation:none;mix-blend-mode:normal;opacity:1}
html[data-clock-transition]::view-transition-old(root){z-index:0}
html[data-clock-transition]::view-transition-new(root){z-index:1;opacity:0;mask-image:conic-gradient(from 90deg at 50% 0%,rgb(0 0 0 / var(--clock-fill)) 0deg calc(var(--clock-sweep-angle) - 114deg),rgb(0 0 0 / calc(.15625 + var(--clock-fill)*.84375)) calc(var(--clock-sweep-angle) - 102deg),rgb(0 0 0 / calc(.5 + var(--clock-fill)*.5)) calc(var(--clock-sweep-angle) - 90deg),rgb(0 0 0 / calc(.84375 + var(--clock-fill)*.15625)) calc(var(--clock-sweep-angle) - 78deg),#000 calc(var(--clock-sweep-angle) - 66deg) 360deg);mask-size:100% 100%;mask-repeat:no-repeat}
html[data-clock-destination="dark"]::view-transition-new(root){mask-image:conic-gradient(from 90deg at 50% 0%,#000 0deg calc(var(--clock-sweep-angle) - 114deg),rgb(0 0 0 / calc(.84375 + var(--clock-fill)*.15625)) calc(var(--clock-sweep-angle) - 102deg),rgb(0 0 0 / calc(.5 + var(--clock-fill)*.5)) calc(var(--clock-sweep-angle) - 90deg),rgb(0 0 0 / calc(.15625 + var(--clock-fill)*.84375)) calc(var(--clock-sweep-angle) - 78deg),rgb(0 0 0 / var(--clock-fill)) calc(var(--clock-sweep-angle) - 66deg) 360deg)}
html[data-clock-transition]::view-transition-group(reading-pendulum){z-index:2}
html[data-clock-transition]::view-transition-old(reading-pendulum){display:none}
html[data-clock-transition]::view-transition-new(reading-pendulum){animation:none;mix-blend-mode:normal;opacity:1}
html[data-clock-fallback] body,
html[data-clock-fallback] body>:not(.reading-clock-overlay),
html[data-clock-fallback] body>:not(.reading-clock-overlay) *{transition:color 620ms ease,background-color 620ms ease,border-color 620ms ease!important}
@media(max-width:1000px){.reading-composition{grid-template-columns:minmax(0,1fr) 155px;padding:36px 30px;gap:24px}.reading-copy h4{font-size:38px}.reading-transition-note{padding-left:24px;font-size:11px}}
@media(max-width:640px){.reading-specimen-top{padding:18px;gap:10px}.reading-live{font-size:10px}.reading-composition{grid-template-columns:1fr;padding:30px 24px;gap:28px}.reading-copy h4{font-size:35px}.reading-copy>p:not(.nz-label){font-size:14px}.reading-transition-note{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-left:0;border-top:1px solid var(--reading-rule);padding:20px 0 0;font-size:10px}.reading-orbit-mark{display:none}.reading-controls{padding:18px;gap:12px;flex-wrap:wrap}.reading-language-control{gap:12px}.reading-language-control strong{font-size:12px}.reading-system.nz-link{font-size:11px}.reading-clock-space{--pendulum-height:min(90dvh,175vw);perspective:1000px}.reading-clock-skip{right:16px;top:16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.reading-specimen *{transition:none!important}}
body[data-nz-motion="off"] .reading-specimen *{transition:none!important}