:root{--color-primary:#6c5ce7;--color-primary-dark:#5a4bd1;--color-accent:#ffc93c;--color-bg:#f5f4ff;--color-surface:#fff;--color-ink:#262150;--color-muted:#857fb0;--color-line:#e7e4fb;--color-success:#1f9d55;--color-success-bg:#e7fbef;--font-family:system-ui, "Segoe UI", sans-serif;--font-emoji:"Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;--weight-body:500;--weight-strong:700;--weight-display:800;--radius-card:22px;--radius-control:16px;--radius-pill:999px;--space-screen:24px;--space-card:18px;--shadow-card:0 4px 0 var(--color-line);--shadow-primary:0 5px 0 var(--color-primary-dark)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);font-weight:var(--weight-body);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}.app-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex-direction:column;min-height:100%;display:flex}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.app-shell__bar{padding:var(--space-screen);padding-top:max(var(--space-screen), env(safe-area-inset-top));padding-left:max(var(--space-screen), env(safe-area-inset-left));padding-right:max(var(--space-screen), env(safe-area-inset-right));align-items:center;display:flex}.app-shell__brand{font-weight:var(--weight-display);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);font-size:22px;text-decoration:none}.app-shell__main{width:100%;max-width:880px;padding:var(--space-screen);padding-left:max(var(--space-screen), env(safe-area-inset-left));padding-right:max(var(--space-screen), env(safe-area-inset-right));padding-bottom:max(var(--space-screen), env(safe-area-inset-bottom));flex:1;margin:0 auto}.library__tip{color:var(--color-muted);margin:0 0 16px}.library__empty{color:var(--color-muted);padding:24px 4px}.library__filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.domain-chip{border:2px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);min-height:40px;color:var(--color-muted);font:inherit;font-weight:var(--weight-strong);cursor:pointer;padding:8px 14px;font-size:14px;transition:border-color .12s,color .12s,background .12s}.domain-chip:hover{border-color:var(--color-primary)}.domain-chip--on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (width<=620px){.library__grid{grid-template-columns:1fr}}.library__grid>li{display:flex}.ex-card{text-align:left;width:100%;padding:var(--space-card);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;font:inherit;color:inherit;border:2px solid #0000;flex:1;align-items:center;gap:14px;transition:transform .12s,border-color .12s;display:flex}.ex-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.ex-card__thumb{border-radius:var(--radius-control);width:52px;height:52px;color:var(--color-primary);background:#f1eefe;flex:none;place-items:center;display:grid}.ex-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ex-card__title{font-weight:var(--weight-strong)}.ex-card__subtitle{color:var(--color-muted);font-size:14px}.ex-card__domain{border-radius:var(--radius-pill);color:var(--color-primary);font-size:12px;font-weight:var(--weight-strong);background:#f1eefe;align-self:flex-start;margin-top:6px;padding:2px 9px}.ex-card__badge{border-radius:var(--radius-pill);font-size:13px;font-weight:var(--weight-strong);flex:none;padding:4px 10px}.ex-card__badge--play{background:var(--color-success-bg);color:var(--color-success)}.ex-card__badge--soon{background:var(--color-line);color:var(--color-muted)}.ex-card--ghost{border:2px dashed var(--color-line);box-shadow:none;cursor:default;opacity:.75;background:0 0}.ex-card--ghost:hover{border-color:var(--color-line);transform:none}.ex-card__thumb--ghost{background:var(--color-line);color:var(--color-muted)}.search-field{background:var(--color-surface);border:2px solid var(--color-line);border-radius:var(--radius-control);align-items:center;gap:10px;min-height:44px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--color-primary)}.search-field__icon{color:var(--color-muted);flex:none}.search-field__input{font:inherit;color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;padding:12px 0}.wp-emoji{font-family:var(--font-emoji)}.surface{padding:8px 0}.surface__title{font-weight:var(--weight-display);margin:0 0 8px;font-size:22px}.surface__lead{color:var(--color-muted);max-width:46ch;margin:0 0 20px}.back-link{min-height:44px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:8px 4px;display:inline-flex}.back-link:hover{color:var(--color-primary)}.btn-primary{border-radius:var(--radius-control);background:var(--color-primary);color:#fff;font:inherit;font-weight:var(--weight-strong);box-shadow:var(--shadow-primary);cursor:pointer;border:none;padding:12px 20px}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{border:2px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;padding:12px 16px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}