*{box-sizing:border-box}html,body,#root{height:100%}:root{--page-bg: #06080d;--surface: #111721;--surface-2: #0d121b;--panel-border: #273247;--text-color: #eaf0fa;--muted-text: #8f9fb7;--line: #586a82;--line-highlight: #7fd5e6;--line-preview: #efbd83;--accent: #4fd3bb;--accent-strong: #3bb29d;--card-bg: #121a25;--card-border: #33465f;--danger: #e2909f;--input-bg: #0b1017}body{margin:0;font-family:Outfit,Manrope,Segoe UI Variable Display,Segoe UI,sans-serif;color:var(--text-color);background:radial-gradient(1180px 620px at -12% -16%,rgba(105,141,196,.28) 0%,transparent 58%),radial-gradient(960px 560px at 108% -14%,rgba(74,168,151,.24) 0%,transparent 60%),linear-gradient(180deg,#06080d 0%,var(--page-bg) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% 28%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 28%,#000 0%,transparent 75%);opacity:.35}button,input,textarea,select{font:inherit;color:inherit}.status-screen{min-height:100vh;display:grid;place-items:center;font-size:1.04rem;background:var(--page-bg)}.status-card{display:grid;gap:12px;justify-items:center;text-align:center;padding:16px 18px;border-radius:12px;border:1px solid var(--panel-border);background:var(--surface)}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--panel-border);background:#090d14cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:14}.topbar-left h1{margin:0;font-size:1.06rem;letter-spacing:.03em;text-transform:none;font-weight:650}.topbar-left p{margin:6px 0 0;font-size:.88rem;color:var(--muted-text)}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-pill{min-width:34px;width:34px;height:34px;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-color:#5292a1;background:linear-gradient(135deg,#5dc0ca,#3f7f96);color:#f4f8ff}.site-shell{min-height:100%}.public-main{min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:clamp(28px,8vh,74px) 24px 24px}.hero-card,.auth-card,.panel-card{width:min(760px,100%);border:1px solid var(--panel-border);border-radius:16px;background:linear-gradient(180deg,#ffffff08,#ffffff02),var(--surface);box-shadow:0 18px 36px #00000057}.hero-card{padding:28px}.hero-card h1{margin:0 0 10px;font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.14;max-width:18ch}.hero-card p{margin:0;color:var(--muted-text);line-height:1.45}.eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#aac0d8}.hero-actions{margin-top:18px;display:flex;gap:10px}.hero-actions .primary-button,.hero-actions .secondary-button{text-decoration:none}.auth-card{width:min(450px,100%);padding:20px}.auth-card h1{margin:0;font-size:1.35rem;letter-spacing:.01em}.auth-subtitle{margin:7px 0 0;color:var(--muted-text);font-size:.9rem}.auth-footer{margin:12px 0 0;color:var(--muted-text);font-size:.86rem}.auth-footer a{color:#96e7e8}.auth-link-row{margin-top:10px;text-align:right}.auth-link-row a{color:#96e7e8;font-size:.86rem}.site-credit{position:fixed;left:12px;bottom:10px;z-index:30;pointer-events:none;color:#8fa3bb;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;background:#070c13bd;border:1px solid rgba(71,91,118,.45);border-radius:8px;padding:4px 8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-form{margin-top:14px;display:grid;gap:10px}.auth-form label{display:grid;gap:5px}.auth-form label span{font-size:.82rem;color:var(--muted-text)}.auth-form input{border:1px solid var(--panel-border);border-radius:10px;padding:10px;background:var(--input-bg)}.field-hint{margin:-2px 0 0;font-size:.79rem;color:#8ea2b8}.form-status{margin:10px 0 0;font-size:.86rem}.form-status.success{color:#9fd7b6}.form-status.error{color:#e4a2aa}.form-status.loading{color:#d2be91}.form-status.inline{margin:0}.inline-row{display:flex;align-items:center;gap:8px}.inline-form{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.inline-form input{flex:1;min-width:200px;max-width:540px;border:1px solid var(--panel-border);border-radius:12px;padding:9px 10px;background:var(--input-bg)}.inline-form select{border:1px solid var(--panel-border);border-radius:10px;padding:9px 10px;background:var(--input-bg)}.dashboard-main{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;width:min(980px,100%);margin:0 auto}.dashboard-main>.panel-card{width:min(920px,100%)}.dashboard-main>.panel-card:first-child h2{text-align:center}.settings-main{grid-template-columns:repeat(2,minmax(0,460px));justify-content:center}.panel-card{padding:15px}.panel-card h2{margin:0 0 10px;font-size:1.06rem}.guide-grid{display:flex;flex-direction:column;gap:10px;width:min(620px,100%);margin:0 auto}.guide-card{border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(150deg,#172334,#111a29);padding:12px;box-shadow:inset 0 1px #ffffff05}.guide-card h3{margin:0;font-size:1rem}.guide-card p{margin:7px 0 10px;font-size:.82rem;color:var(--muted-text)}.collaborator-list{display:flex;flex-direction:column;gap:10px}.collaborator-item{border:1px solid var(--panel-border);border-radius:12px;background:#141e2ea6;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.collaborator-item strong{font-size:.95rem}.collaborator-item p{margin:4px 0 0;font-size:.8rem;color:var(--muted-text)}.collaborator-item select{border:1px solid var(--panel-border);border-radius:8px;padding:6px 8px;background:var(--input-bg)}.share-link-row{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.share-link-row input{flex:1;min-width:260px;border:1px solid var(--panel-border);border-radius:10px;padding:9px 10px;background:var(--input-bg)}.mode-pill{border:1px solid #8d7e66;border-radius:999px;padding:6px 10px;font-size:.78rem;color:#ebd4b0;background:#2d261b}.primary-button,.secondary-button{border-radius:10px;padding:8px 12px;cursor:pointer;transition:border-color .14s ease,filter .14s ease,background .14s ease,transform .14s ease}.primary-button{border:1px solid #58c9b2;background:linear-gradient(140deg,#4cc1ad,#3d97a7);color:#fff;box-shadow:0 10px 20px #20869440}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{border:1px solid var(--panel-border);background:#131a26e6}.secondary-button:hover{border-color:#415472;background:#1a2434f0;transform:translateY(-1px)}.secondary-button.small{padding:6px 10px;font-size:.78rem}.save-state{color:var(--muted-text);font-size:.84rem}.save-saving{color:#d7ae77}.save-error{color:var(--danger)}.workspace{flex:1;min-height:0;display:flex}.map-panel{flex:1;min-width:0;padding:12px;display:flex}.map-canvas{flex:1;min-height:320px;position:relative;border:1px solid var(--panel-border);border-radius:16px;background:radial-gradient(circle at 12% 10%,#1e2d42 0%,transparent 54%),radial-gradient(circle at 84% 8%,#1a2f36 0%,transparent 52%),linear-gradient(180deg,#101a2a,#0d1622);overflow:hidden;cursor:grab;touch-action:none;box-shadow:0 16px 30px #00000061}.map-canvas.is-panning{cursor:grabbing}.map-world{position:absolute;left:0;top:0;transform-origin:top left;will-change:transform}.map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.map-line{fill:none;stroke:var(--line);stroke-width:1.8;opacity:.66;transition:stroke-width .12s ease,opacity .12s ease,stroke .12s ease}.map-line.highlighted{stroke:var(--line-highlight);stroke-width:6.75;opacity:.98}.map-line.preview{stroke:var(--line-preview);stroke-dasharray:7 5;stroke-width:2.3;opacity:.92;stroke-linecap:round}.map-line.preview.remove{stroke:#cb8486;stroke-dasharray:4 7;opacity:.98}.term-layer{position:absolute;inset:0;z-index:2}.zoom-dial{position:absolute;left:12px;bottom:12px;z-index:5;width:170px;border:1px solid var(--panel-border);border-radius:12px;padding:8px;background:#0b121cc7;box-shadow:0 8px 16px #00000052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-dial label{display:block;margin-bottom:6px;font-size:.76rem;color:#a8bbcf}.zoom-dial input[type=range]{width:100%;accent-color:var(--accent)}.term-card{position:absolute;width:244px;min-height:var(--collapsed-min-height, 122px);border-radius:16px;border:1px solid var(--term-border-color, var(--card-border));background:var(--term-card-gradient, linear-gradient(100deg, #1d2a3d 0%, #121a26 100%));box-shadow:0 14px 28px #00000061;padding:34px 12px 36px;transform:translate(-50%,-50%);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background .12s ease;overflow:visible}.term-card:after{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:transparent;opacity:0;pointer-events:none;transition:opacity .12s ease,padding .12s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.term-card.hovered,.term-card.highlighted{border-color:var(--term-highlight-edge, #7f9988)}.term-card.hovered:after,.term-card.highlighted:after{padding:6.25px;background:var(--term-highlight-gradient, linear-gradient(90deg, #567a95 0%, #4a667f 100%));opacity:.66}.term-card.expanded{box-shadow:0 18px 34px #0000006b}.term-card.editing{border-color:var(--accent)}.term-card.link-source{border-color:#b89466}.term-card.link-target{border-color:#7598bf}.term-content{width:100%;display:flex;flex-direction:column;align-items:stretch;min-height:calc(var(--collapsed-min-height, 122px) - 72px)}.term-content.view-mode{perspective:900px}.term-flip{position:relative;width:100%;min-height:calc(var(--collapsed-min-height, 122px) - 72px);transform-style:preserve-3d;transform-origin:center center;will-change:transform;transition:transform .22s ease}.term-card.view-mode:hover .term-content.view-mode.can-flip .term-flip,.term-content.view-mode.expanded.can-flip .term-flip{transform:rotateY(180deg)}.term-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:transparent;border-radius:8px;transition:opacity .14s ease}.term-face-front{z-index:2;opacity:1}.term-card.view-mode:hover .term-content.view-mode.can-flip .term-face-front,.term-content.view-mode.expanded.can-flip .term-face-front{opacity:0}.term-face-front h3{margin:0;font-size:1rem;line-height:1.24;word-break:break-word;width:100%;padding:0 2px;color:#edf3fb;font-weight:700;letter-spacing:.005em}.term-face-back{transform:rotateY(180deg);justify-content:center;align-items:center;text-align:center;padding:6px 8px;opacity:0;z-index:1}.term-card.view-mode:hover .term-content.view-mode.can-flip .term-face-back,.term-content.view-mode.expanded.can-flip .term-face-back{opacity:1}.term-preview-definition{margin:0;width:100%;font-size:.84rem;line-height:1.36;color:#d2e4ef;text-align:center}.term-expanded-panel{margin-top:8px;border-top:1px solid #33455e;padding-top:8px;width:100%;text-align:left;overflow:hidden;animation:term-panel-slide .25s cubic-bezier(.2,.76,.24,1) forwards}.term-expanded-description{font-size:.84rem;line-height:1.38;color:#c4d4e7;max-height:172px;overflow-y:auto;padding-right:4px}.term-expanded-description p{margin:0 0 7px}.term-expanded-description p:last-child{margin-bottom:0}.term-expanded-description a{color:#99e8e2}@keyframes term-panel-slide{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:296px;opacity:1;transform:translateY(0)}}.term-btn{position:absolute;border:1px solid var(--panel-border);border-radius:8px;min-width:54px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:.64rem;letter-spacing:.06em;font-weight:600;line-height:1;text-transform:uppercase;background:#0e1622e6;cursor:pointer;color:#dbe5f7;opacity:.92;z-index:3;box-shadow:0 5px 10px #00000052;transition:opacity .12s ease,border-color .12s ease,filter .12s ease,background .12s ease}.term-card:hover .term-btn,.term-card.expanded .term-btn,.term-card.editing .term-btn,.term-card.link-mode .term-btn,.term-card.link-source .term-btn{opacity:1}.term-btn:hover{border-color:var(--accent);background:#1c2c40;filter:none}.corner.top-left{top:7px;left:7px}.corner.top-right{top:7px;right:7px}.corner.bottom-left{bottom:7px;left:7px}.corner.bottom-right{bottom:7px;right:7px}.term-btn.delete{border-color:#dd83928f;background:#412730;color:#f8c8d1}.term-btn.star{border-color:#d5b27894;background:#3f341f;color:#f6dbab}.term-btn.star:hover{border-color:#edc684c7}.term-btn.lock{border-color:#475f80;background:#1d2b3f;color:#bfd7ec}.term-card.unlocked .term-btn.lock{border-color:#6fb7b1;background:#223a3e;color:#bcedde}.editor-sidebar{width:0;flex:0 0 0;border-left:0 solid var(--panel-border);background:#0b111bf2;overflow:hidden;opacity:0;transition:width .18s ease,flex-basis .18s ease,opacity .18s ease,border-left-width .18s ease;display:flex;flex-direction:column;gap:12px}.editor-sidebar.open{width:360px;flex:0 0 360px;border-left-width:1px;opacity:1;padding:12px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-head h2{margin:0;font-size:1.04rem;line-height:1.2}.icon-button{border:1px solid var(--panel-border);border-radius:8px;width:30px;height:30px;background:var(--surface);cursor:pointer}.icon-button:hover{border-color:var(--accent);background:#1c2d41}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.82rem;color:var(--muted-text)}.field input[type=text],.field textarea{border:1px solid var(--panel-border);border-radius:8px;padding:9px 10px;background:var(--input-bg)}.field textarea{resize:vertical;min-height:72px}.description-editor{border:1px solid var(--panel-border);border-radius:8px;overflow:hidden;background:var(--input-bg)}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--panel-border);background:#111b29}.editor-toolbar button{border:1px solid var(--panel-border);border-radius:6px;padding:4px 8px;background:#17283b;cursor:pointer}.color-picker{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted-text)}.color-picker input[type=color]{width:28px;height:24px;border:0;padding:0;background:transparent}.editor-surface{min-height:120px;max-height:170px;overflow:auto;padding:10px;line-height:1.4;outline:none;font-size:.88rem;color:#d7e3f2}.editor-surface:empty:before{content:attr(data-placeholder);color:#8091a6}.editor-section{border-top:1px solid var(--panel-border);padding-top:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-head h3{margin:0;font-size:.92rem}.group-list{display:flex;flex-direction:column;gap:7px;max-height:286px;overflow:auto;padding-right:2px}.group-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid var(--panel-border);border-radius:8px;padding:6px;background:#172130;cursor:pointer;transition:border-color .12s ease,background .12s ease}.group-item:hover{border-color:#465a73;background:#1d2939}.group-item:focus-visible{outline:2px solid #79b4cd;outline-offset:1px}.group-toggle{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted-text)}.group-toggle input{accent-color:var(--accent-strong)}.group-name{border:1px solid #3a4d64;border-radius:6px;padding:6px 7px;background:#101722;color:#d8e3f2;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-color{width:34px;height:30px;border:1px solid var(--panel-border);border-radius:7px;padding:0;background:transparent}.group-modal-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#05090eb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.group-modal{width:min(460px,calc(100vw - 26px));border:1px solid #33465e;border-radius:14px;padding:14px;background:linear-gradient(180deg,#ffffff05,#fff0),#131c29;box-shadow:0 16px 30px #00000070}.group-modal h3{margin:0 0 10px;font-size:1rem}.group-modal-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.danger-button{border-color:#d6899380;background:#3a252a;color:#f3c7cd}.danger-button:hover{border-color:#d68993bd;background:#462a31}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.6;filter:none}.hint-text{margin:2px 0 0;color:var(--muted-text);font-size:.83rem}.editor-empty{flex:1;display:grid;place-items:center;color:var(--muted-text);font-size:.92rem;text-align:center}@media(max-width:1080px){.editor-sidebar.open{width:320px;flex-basis:320px}}@media(max-width:880px){.workspace{flex-direction:column}.map-panel{padding:8px}.settings-main{grid-template-columns:minmax(0,1fr)}.editor-sidebar{width:100%;flex-basis:0;border-left-width:0;border-top:0 solid var(--panel-border)}.editor-sidebar.open{width:100%;flex-basis:42vh;border-left-width:0;border-top-width:1px}.editor-surface{max-height:150px}}@media(max-width:680px){.topbar{padding:12px}.topbar-left h1{font-size:1.07rem}.topbar-right{width:100%}.collaborator-item{flex-direction:column;align-items:flex-start}}