:root{--color-bg: #080808;--color-surface: #111111;--color-border: #222222;--color-border-soft: #1a1a1a;--color-border-hover: #333333;--color-text: #E8E4DC;--color-text-secondary: #6B6560;--color-accent: #1B3BA8;--color-accent-deep: #0D2470;--color-silver: #9A968F;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--font-mark: "Jost", var(--font-ui);--radius: 8px;--transition: .2s ease;--transition-slow: .36s cubic-bezier(.22, 1, .36, 1);--gap-xl: 60px;--gap-lg: 40px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#1b3ba866;color:#fff}.osp-scroll::-webkit-scrollbar{width:8px}.osp-scroll::-webkit-scrollbar-track{background:transparent}.osp-scroll::-webkit-scrollbar-thumb{background:#181818;border-radius:8px}.osp-scroll::-webkit-scrollbar-thumb:hover{background:#222}#root{min-height:100vh}.osp-stage{position:relative;min-height:100vh;width:100%;overflow:hidden}.osp-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.osp-bg canvas{display:block;width:100%;height:100%}.osp-fog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 38%,#e8e4dc09,#08080800 55%),radial-gradient(90% 60% at 50% 120%,#1b3ba80d,#08080800 60%)}.osp-content{position:relative;z-index:2}.osp-logo{display:inline-flex;align-items:center;gap:.62em;-webkit-user-select:none;user-select:none;line-height:1}.osp-logo.is-link{cursor:pointer}.osp-orb{position:relative;border-radius:50%;flex:none;background:radial-gradient(circle at 40% 33%,#284599,#1b3ba8 26%,#14307f 60%,#0d2470);box-shadow:inset 0 1px 2px #6e8ceb4d,inset 0 -7px 16px #050a22e6,0 0 22px #14287847,0 0 0 .5px #5a78dc14}.osp-orb:before{content:"";position:absolute;top:14%;left:20%;width:42%;height:34%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#b2c4ff57,#b2c4ff00 72%);filter:blur(1.5px)}.osp-orb .osp-seven{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mark);font-weight:500;color:#b0c4ff4d;text-shadow:0 1px 1px rgba(4,10,38,.6),0 0 6px rgba(120,150,255,.18)}.osp-wordmark{font-family:var(--font-mark);font-weight:500;letter-spacing:.18em;color:var(--color-text);white-space:nowrap;line-height:1}.osp-wm-col{display:flex;flex-direction:column;align-items:flex-start;gap:.42em}.osp-wm-desc{font-family:var(--font-ui);font-weight:300;letter-spacing:.36em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap;text-indent:.36em;line-height:1}.osp-logo.on-light .osp-wm-desc{color:#8a857d}.osp-orbit-host{position:relative;display:inline-flex;line-height:0}.osp-orbit-host>svg{animation:ospBreathe 9s ease-in-out infinite}.osp-moon-plane{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) rotate(-16deg) scaleY(.5);pointer-events:none}.osp-moon{position:absolute;left:0;top:0;width:var(--m, 4px);height:var(--m, 4px);margin:calc(var(--m, 4px) / -2);border-radius:50%;background:#cfd9ff;box-shadow:0 0 5px #aebdffb3;animation:ospOrbit 17s linear infinite}@keyframes ospOrbit{0%{transform:rotate(0) translate(var(--r, 30px)) scale(1);opacity:.95}50%{transform:rotate(180deg) translate(var(--r, 30px)) scale(.55);opacity:.2}to{transform:rotate(360deg) translate(var(--r, 30px)) scale(1);opacity:.95}}.osp-mark-float{display:inline-flex;line-height:0;animation:ospFloat 7s ease-in-out infinite}@keyframes ospFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ospBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.osp-logo.on-light .osp-wordmark{color:#0c0c0c}.osp-stage[data-seven="0"] .osp-seven{display:none}.osp-access{position:relative;display:inline-block;background:none;border:none;padding:6px 2px;margin:0;cursor:pointer;font-family:var(--font-ui);font-weight:300;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--color-text);text-indent:.32em;transition:color var(--transition)}.osp-access:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--color-silver);transform:scaleX(.34);transform-origin:center;opacity:.55;transition:transform var(--transition-slow),opacity var(--transition),background var(--transition)}.osp-access:hover{color:#fff}.osp-access:hover:after{transform:scaleX(1);opacity:1;background:var(--color-text)}.osp-access:focus-visible{outline:none;color:#fff}.osp-access:focus-visible:after{transform:scaleX(1);opacity:1;background:var(--color-text)}.osp-landing{position:relative;min-height:100vh;display:grid;grid-template-rows:1fr auto}.osp-landing-center{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 32px 40px}.osp-landing-logo{margin-bottom:64px}.osp-phrase{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.12;color:var(--color-text);margin:0 0 76px;max-width:16ch;text-wrap:balance}.osp-landing-foot{grid-row:2;display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:34px}.osp-foot-rule{width:120px;height:1px;background:linear-gradient(90deg,transparent,#1d1d1d 35%,#1d1d1d 65%,transparent)}.osp-foot-text{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--color-text-secondary)}.osp-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.osp-login-logo{margin-bottom:72px;cursor:pointer}.osp-login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:44px}.osp-field{position:relative}.osp-field input{width:100%;background:none;border:none;border-bottom:1px solid var(--color-border);padding:8px 2px 10px;font-family:var(--font-ui);font-weight:300;font-size:15px;color:var(--color-text);letter-spacing:.02em;transition:border-color var(--transition)}.osp-field input::placeholder{color:transparent}.osp-field input:focus{outline:none;border-bottom-color:var(--color-silver)}.osp-field label{position:absolute;left:2px;top:9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-secondary);pointer-events:none;transition:transform var(--transition),color var(--transition),opacity var(--transition);transform-origin:left center}.osp-field input:focus+label,.osp-field input.has-value+label{transform:translateY(-22px) scale(.86);color:var(--color-silver);opacity:.8}.osp-login-submit{margin-top:14px;display:flex;justify-content:center}.osp-forgot{margin-top:26px;text-align:center;font-size:11px;letter-spacing:.06em;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-weight:300;transition:color var(--transition)}.osp-forgot:hover{color:var(--color-silver)}.osp-app{min-height:100vh;display:flex;flex-direction:column}.osp-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;position:sticky;top:0;z-index:10;background:#080808b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.osp-nav-left{display:flex;align-items:center;gap:18px}.osp-back{background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:300;font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color var(--transition),transform var(--transition)}.osp-back:hover{color:var(--color-text);transform:translate(-3px)}.osp-nav-title{font-family:var(--font-ui);font-weight:300;font-size:20px;color:var(--color-text);letter-spacing:.01em}.osp-initials{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);background:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:400;font-size:11px;letter-spacing:.1em;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.osp-initials:hover{border-color:var(--color-border-hover);color:var(--color-text)}.osp-menu{position:absolute;top:44px;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:6px;min-width:150px;text-align:left;box-shadow:0 18px 40px #00000080}.osp-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:300;font-size:13px;padding:9px 12px;border-radius:5px;cursor:pointer;transition:background var(--transition),color var(--transition)}.osp-menu button:hover{background:#181818;color:var(--color-text)}.osp-hub{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:64px 40px 80px}.osp-greet{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2rem,3.4vw,2.6rem);color:var(--color-text);margin:0 0 56px}.osp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.osp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:26px 26px 24px;cursor:pointer;min-height:152px;display:flex;flex-direction:column;text-align:left;font-family:var(--font-ui);transition:border-color var(--transition),transform var(--transition),background var(--transition)}.osp-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);background:#131313}.osp-card-name{font-weight:300;font-size:16px;color:var(--color-text);letter-spacing:.01em;margin-bottom:14px}.osp-card-preview{font-weight:300;font-size:13px;line-height:1.5;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.osp-card-time{margin-top:14px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.7}.osp-project{flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 40px 120px}.osp-newentry-trigger{background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:300;font-size:13px;letter-spacing:.04em;cursor:pointer;padding:0 0 6px;transition:color var(--transition)}.osp-newentry-trigger:hover{color:var(--color-text)}.osp-editor{margin:8px 0 4px;animation:ospFade var(--transition-slow)}@keyframes ospFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.osp-editor textarea{width:100%;background:none;border:none;resize:none;color:var(--color-text);font-family:var(--font-ui);font-weight:300;font-size:15px;line-height:1.85;padding:0;min-height:28px;overflow:hidden}.osp-editor textarea:focus{outline:none}.osp-editor textarea::placeholder{color:var(--color-text-secondary);opacity:.55}.osp-editor-tools{display:flex;align-items:center;gap:16px;margin-top:16px;animation:ospFade var(--transition)}.osp-label-input{background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-ui);font-weight:400;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:3px 2px 5px;width:130px;transition:border-color var(--transition)}.osp-label-input:focus{outline:none;border-bottom-color:var(--color-silver)}.osp-label-input::placeholder{color:var(--color-text-secondary);opacity:.6}.osp-editor-hint{margin-left:auto;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);opacity:.6}.osp-save{background:none;border:none;color:var(--color-text);font-family:var(--font-ui);font-weight:300;font-size:11px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;padding:2px 0;position:relative;transition:color var(--transition)}.osp-save:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--color-silver);transform:scaleX(.4);transform-origin:left;transition:transform var(--transition)}.osp-save:hover:after{transform:scaleX(1)}.osp-save:disabled{color:#3a3a3a;cursor:default}.osp-save:disabled:after{display:none}.osp-entries{margin-top:8px}.osp-divider{height:1px;background:var(--color-border-soft);margin:32px 0}.osp-entry{animation:ospFade var(--transition-slow)}.osp-entry-meta{font-family:var(--font-ui);font-weight:400;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:14px;display:flex;gap:10px;align-items:center}.osp-entry-meta .dot{opacity:.5}.osp-entry-body{font-family:var(--font-ui);font-weight:300;font-size:15px;line-height:1.85;color:var(--color-text);white-space:pre-wrap;margin:0;max-width:60ch}.osp-switch{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:60;display:flex;gap:4px;padding:5px;border-radius:999px;background:#0c0c0c99;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:.28;transition:opacity var(--transition)}.osp-switch:hover{opacity:1}.osp-switch button{background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:7px 16px;border-radius:999px;cursor:pointer;transition:color var(--transition),background var(--transition)}.osp-switch button:hover{color:var(--color-text)}.osp-switch button.active{color:var(--color-text);background:#ffffff0f}.osp-sheet{position:relative;z-index:2;min-height:100vh;max-width:1080px;margin:0 auto;padding:110px 40px 100px}.osp-sheet-head{margin-bottom:64px}.osp-sheet-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:18px}.osp-sheet-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2.2rem,4vw,3rem);margin:0;color:var(--color-text)}.osp-specimen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.osp-specimen{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.osp-specimen-stage{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;padding:48px}.osp-specimen-stage.on-dark{background:#080808}.osp-specimen-stage.on-light{background:#edeae3}.osp-specimen-cap{border-top:1px solid var(--color-border);background:var(--color-surface);padding:14px 20px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center}.osp-specimen-cap .hex{font-family:var(--font-ui);letter-spacing:.05em;opacity:.7}.osp-specimen.span2{grid-column:span 2}.osp-swatch-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}.osp-swatch{flex:1 1 120px;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.osp-swatch-chip{height:70px}.osp-swatch-meta{padding:12px 14px}.osp-swatch-name{font-size:12px;color:var(--color-text);margin-bottom:4px}.osp-swatch-hex{font-size:10px;letter-spacing:.1em;color:var(--color-text-secondary);text-transform:uppercase}.osp-type-row{margin-top:40px;display:flex;flex-direction:column;gap:28px}.osp-type-item{border-bottom:1px solid var(--color-border-soft);padding-bottom:26px}.osp-type-tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:16px}.osp-sheet-section-title{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--color-silver);margin:80px 0 26px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.osp-mobile-wrap{position:relative;z-index:2;min-height:100vh;padding:100px 24px 80px}.osp-mobile-head{text-align:center;margin-bottom:56px}.osp-mobile-row{display:flex;gap:40px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.osp-mobile-item{display:flex;flex-direction:column;align-items:center;gap:20px}.osp-mobile-cap{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary)}.osp-m{width:100%;height:100%;background:var(--color-bg);position:relative;overflow:hidden}.osp-m-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:30px;text-align:center}.osp-m-phrase{font-family:var(--font-display);font-style:italic;font-size:30px;line-height:1.15;margin:40px 0 48px;color:var(--color-text);max-width:12ch}.osp-m-foot{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-secondary)}.osp-m-hub{height:100%;overflow-y:auto;padding:22px}.osp-m-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.osp-m-greet{font-family:var(--font-display);font-style:italic;font-size:26px;margin:6px 0 26px}.osp-m-cards{display:flex;flex-direction:column;gap:14px}@media (max-width: 860px){.osp-cards,.osp-specimen-grid{grid-template-columns:1fr}.osp-specimen.span2{grid-column:span 1}.osp-nav{padding:22px 24px}.osp-hub{padding:44px 24px 60px}.osp-project{padding:32px 24px 100px}.osp-phrase{margin-bottom:56px}.osp-landing-logo{margin-bottom:48px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}