@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;--bg-base: #f9f8f4;--bg-soft: #f2ece0;--text-strong: #1f2a2f;--text-soft: #4d5a60;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--accent: #0f9d8a;--accent-ink: #09463f;--line: rgba(26, 54, 63, .16);--shadow: 0 14px 40px rgba(12, 27, 34, .13)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 16%,#fff4d6 0%,transparent 38%),radial-gradient(circle at 82% 12%,#d8f7ef 0%,transparent 42%),linear-gradient(150deg,var(--bg-base),var(--bg-soft));color:var(--text-strong);overflow:hidden}.page{height:100dvh;position:relative;overflow:hidden}.page__ambient{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(10px);opacity:.33;pointer-events:none}.page__ambient--left{top:-120px;left:-100px;background:#ffbe79}.page__ambient--right{bottom:-110px;right:-90px;background:#80d8c8}.layout{width:min(1800px,97vw);margin:0 auto;height:100%;min-height:0;display:flex;flex-direction:column;gap:.7rem;padding:.7rem 0;position:relative;z-index:2}.selector{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.selector__button{border:1px solid var(--line);background:var(--surface);border-radius:14px;text-align:left;padding:.7rem .8rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease;display:grid;gap:.2rem}.selector__button:hover{transform:translateY(-2px);border-color:#0f9d8a73}.selector__button.is-active{background:var(--surface-strong);border-color:#0f9d8abf;box-shadow:0 8px 28px #0f9d8a38}.selector__index{font-size:.7rem;color:var(--accent-ink);font-weight:700;letter-spacing:.14em}.selector__name{font-size:.97rem;font-weight:600;color:var(--text-strong)}.viewer{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:.95rem;animation:fadeIn .3s ease-out}.viewer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.viewer__header h2{margin:0;font-size:1.25rem}.viewer__header p{margin:.35rem 0 0;color:var(--text-soft);font-size:.93rem}.viewer__link{border-radius:999px;padding:.58rem 1rem;text-decoration:none;color:#fff;background:linear-gradient(130deg,#ff8a42,#e35c32);font-size:.88rem;font-weight:700;white-space:nowrap}.viewer__link:hover{filter:brightness(1.05)}.viewer__frame-wrap{flex:1;min-height:0;border-radius:12px;overflow:hidden;border:1px solid rgba(23,49,59,.24);background:#fff}.viewer iframe{width:100%;height:100%;border:0}.viewer__hint{margin:.7rem 0 .1rem;color:var(--text-soft);font-size:.84rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){body{overflow:auto}.page{min-height:100dvh;height:auto}.layout{width:min(1150px,94vw);min-height:100dvh;height:auto;padding:.8rem 0}.viewer__header{flex-direction:column;align-items:flex-start}.viewer__frame-wrap{min-height:62vh}}@media (max-width: 580px){.selector{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer{padding:.7rem}.viewer__frame-wrap{min-height:58vh}}