:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e0e;--panel:#151515;--line:#ffffff1a;--text:#f6f4f0;--muted:#f6f4f0ad;--gold:#deb892}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-height:100%;margin:0;padding:0;font-family:Noto Sans JP,Noto Sans KR,Noto Sans,system-ui,sans-serif}input,textarea{-webkit-user-select:text;user-select:text}img,canvas,.opusx-artwork-canvas{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.opusx-secure-root{min-height:100%;position:relative}.opusx-secure-content[data-obscured="1"]{filter:blur(28px);pointer-events:none}.opusx-secure-overlay{z-index:9999;text-align:center;background:#0e0e0ef5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opusx-secure-overlay-inner{max-width:320px;padding:1.25rem 1.5rem}.opusx-secure-overlay-title{letter-spacing:.18em;color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:1.5rem}.opusx-secure-overlay-sub{color:var(--muted);margin:.5rem 0 0;font-size:.9rem;line-height:1.6}.opusx-artwork-stage{border:1px solid var(--line);background:#0a0a0a;border-radius:12px;position:relative;overflow:hidden}.opusx-artwork-canvas{object-fit:contain;width:100%;height:auto;max-height:min(72vh,760px);display:block}.opusx-watermark{pointer-events:none;mix-blend-mode:overlay;opacity:.5;position:absolute;inset:0}.opusx-viewer-overlay{z-index:200;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#0e0e0e;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.opusx-viewer-railtop{z-index:30;padding:max(.55rem, env(safe-area-inset-top)) max(.85rem, env(safe-area-inset-right)) .4rem max(.85rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.opusx-viewer-close{pointer-events:auto;color:#deb892d9;-webkit-backdrop-filter:blur(6px);cursor:pointer;background:#0006;border:1px solid #deb89240;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;display:flex}.opusx-viewer-close:hover{background:#0009}.opusx-viewer-brand{letter-spacing:.42em;color:#deb892c7;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:.72rem}.opusx-viewer-viewport{touch-action:none;flex:1 1 0;min-width:0;min-height:0;position:relative}.opusx-viewer-framewell{justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0;overflow:hidden}.opusx-viewer-rotbox{display:contents}.opusx-viewer-rotbox--rotated{justify-content:center;align-items:center;display:flex;position:relative}.opusx-viewer-panwrap{will-change:transform}.opusx-viewer-scalewrap{will-change:transform;background:#0a0a0a;border:1px solid #deb89299;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 26px 80px #00000061}.opusx-viewer-canvas{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.opusx-viewer-error{color:#f6f4f0b3;text-align:center;padding:0 1rem;font-size:.85rem}.opusx-viewer-nameplate{z-index:20;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.opusx-viewer-nameplate--bottom{left:0;right:0;bottom:max(.75rem, env(safe-area-inset-bottom));padding:0 1rem}.opusx-viewer-nameplate--side{padding:0 max(1rem, env(safe-area-inset-right));top:0;bottom:0;right:0}.opusx-viewer-nameplate-inner{text-align:center;flex-direction:column;max-width:min(88vw,28rem);padding:.5rem 1rem;display:inline-flex}.opusx-viewer-nameplate--side .opusx-viewer-nameplate-inner{text-align:right}.opusx-viewer-nameplate-title{letter-spacing:.12em;text-transform:uppercase;color:#deb892eb;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:.82rem;overflow:hidden}.opusx-viewer-nameplate-subtitle{letter-spacing:.18em;color:#deb892b3;white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;overflow:hidden}a{color:var(--gold)}.viewer-shell{width:min(1040px,100%);margin:0 auto;padding:1rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:1rem}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0;font-size:.72rem}.h1{margin:.5rem 0 0;font-size:clamp(1.1rem,3vw,1.75rem)}.muted{color:var(--muted)}.row{flex-wrap:wrap;gap:.75rem;display:flex}input,button,textarea{font:inherit}input[type=text],input[type=password],input[type=file]{border:1px solid var(--line);width:100%;color:var(--text);background:#0c0c0c;border-radius:10px;padding:.65rem .75rem}button{background:var(--gold);color:#1a120a;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.65rem 1rem;font-weight:700}button.ghost{border-color:var(--line);color:var(--text);background:0 0}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.78rem;display:inline-flex}.artwork{object-fit:contain;border:1px solid var(--line);background:#0a0a0a;border-radius:12px;width:100%;max-height:min(72vh,760px)}@media (max-width:720px){.viewer-shell{padding:.75rem}}.shelf-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.shelf-title{letter-spacing:.04em;color:var(--text);margin:0;font-size:clamp(1rem,2.4vw,1.25rem)}.shelf-count{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:.5rem}.shelf-toolbar{flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem;display:flex}.shelf-search{flex:200px;min-width:0}.shelf-sort{color:var(--text);border:1px solid var(--line);font:inherit;background:#0c0c0c;border-radius:10px;flex:none;padding:.55rem .75rem}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;display:grid}@media (max-width:480px){.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.6rem}}.shelf-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:2rem 1rem}.item-card{background:var(--panel);border:1px solid var(--line);text-align:left;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;padding:0;transition:border-color .16s,transform .16s;display:flex;overflow:hidden}.item-card:hover,.item-card:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-1px)}.item-card-thumb{aspect-ratio:1;background:#050505 50%/contain no-repeat;width:100%;position:relative}.item-card-thumb[data-empty="1"]:after{content:"OPUS";letter-spacing:.24em;color:#deb89259;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:.95rem;display:flex;position:absolute;inset:0}.item-card-body{padding:.55rem .65rem .7rem}.item-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.item-card-meta{color:var(--muted);justify-content:space-between;gap:.5rem;margin:.3rem 0 0;font-size:.72rem;display:flex}.item-card-edition{color:var(--gold);font-variant-numeric:tabular-nums}.now-viewing-dock{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom,.75rem));-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);z-index:50;background:#151515eb;border-radius:14px;align-items:center;gap:.65rem;width:min(640px,100% - 1.5rem);padding:.5rem .6rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.now-viewing-thumb{border:1px solid var(--line);background:#050505 50%/cover;border-radius:8px;flex:none;width:46px;height:46px}.now-viewing-meta{flex:auto;min-width:0}.now-viewing-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.now-viewing-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.72rem;overflow:hidden}.now-viewing-close{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex:none;width:28px;height:28px;padding:0;font-size:.9rem;line-height:1}.now-viewing-close:hover,.now-viewing-close:focus-visible{color:var(--text);border-color:var(--gold);outline:none}.install-block{padding:1rem}.install-block-title{letter-spacing:.04em;margin:0 0 .5rem;font-size:1rem}.install-cta{border:1px solid var(--gold);color:var(--text);letter-spacing:.03em;cursor:pointer;background:linear-gradient(#1a1815 0%,#131210 100%);border-radius:12px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.install-cta:hover,.install-cta:focus-visible{border-color:var(--gold);outline:none;box-shadow:inset 0 0 0 1px #deb89259}.install-guide{margin-top:.5rem}.install-guide-title{color:var(--gold);letter-spacing:.04em;margin:0 0 .5rem;font-size:.95rem}.install-steps{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.install-step{border:1px solid var(--line);background:#111;border-radius:10px;gap:.6rem;padding:.65rem .75rem;display:flex}.install-step-num{background:var(--gold);color:#0e0e0e;border-radius:999px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:700;display:flex}.install-step-body{flex-direction:column;flex:auto;gap:.15rem;display:flex}.install-step-ja{color:var(--text);margin:0;font-size:.88rem}.install-step-ko,.install-step-en{color:var(--muted);margin:0;font-size:.78rem}.install-notice{border:1px solid var(--line);background:#111;border-radius:10px;padding:.8rem}.install-qr-row{flex-direction:column;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.qr-inline{flex-direction:column;align-items:center;gap:.4rem;display:inline-flex}.qr-inline-art{background:#f6f4f0;border-radius:8px;padding:6px;overflow:hidden}.qr-inline-label{color:var(--muted);word-break:break-all;text-align:center;max-width:240px;margin:0;font-size:.72rem}.install-hint{border:1px solid var(--line);background:#111;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;padding:.55rem .75rem;display:flex}.install-hint-text{color:var(--muted);flex:auto;min-width:0;margin:0;font-size:.78rem}.install-hint-link{color:var(--gold);border:1px solid var(--line);border-radius:8px;flex:none;padding:.35rem .6rem;font-size:.78rem;text-decoration:none}.install-hint-link:hover,.install-hint-link:focus-visible{border-color:var(--gold);outline:none}.install-hint-dismiss{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex:none;width:22px;height:22px;padding:0;font-size:.8rem;line-height:1}.install-hint-dismiss:hover,.install-hint-dismiss:focus-visible{color:var(--text);border-color:var(--gold);outline:none}