/* One continuous canvas; hierarchy comes from spacing and type. */
:root{--ln-secondary:#b6b6b9;--ln-muted:#929296}
/* Caption controls own a fixed right-edge region, independent of tab overflow. */
.native-window .browser-strip{position:relative;padding-right:138px}
.native-window .browser-tabs{max-width:calc(100% - 106px);min-width:0}
.native-window .workspace-menu-wrap{flex:0 0 36px;padding:0;margin:0 16px 8px auto;align-self:flex-end}
.native-window .window-controls{position:absolute;right:0;top:0;bottom:0;display:flex;width:138px;height:46px;margin:0;padding:0;gap:0;z-index:50}
.native-window .window-controls button{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#e3e3e3;line-height:1;box-shadow:none;transform:none;filter:none;transition:background-color .1s}
.native-window .window-controls button svg{display:block;width:12px;height:12px;flex:none;pointer-events:none}
.native-window .window-controls button:hover{background:#ffffff16;filter:none;transform:none}
.native-window .window-controls button:active{background:#ffffff24;transform:none}
.native-window .window-controls button[data-window=close]:hover{background:#c42b1c;color:#fff}
.native-window .window-controls button[data-window=close]:active{background:#a52317;color:#fff}
.native-window .window-controls button:focus-visible{outline:1px solid #dedede;outline-offset:-4px}
.browser-tab.home-tab{width:224px;min-width:224px;max-width:224px;flex-basis:224px}
.browser-tab.home-tab>[role=tab]{display:flex;align-items:center;padding:0 20px 0 18px;gap:7px;overflow:visible}
.browser-tab.home-tab>[role=tab]::before{content:'';display:block;flex:0 0 26px;width:26px;height:28px;margin:0;background:url('/longinus-icon.png') center/contain no-repeat}
.browser-tab:not(.home-tab){height:38px;margin:0 3px;border-radius:11px 11px 0 0}
.browser-tab:not(.home-tab)>[role=tab]{padding:8px 10px 8px 14px;color:#c2c2c6;font-size:12px}
.browser-tab:not(.home-tab)>[aria-selected=true]{color:#f0f0f0}
.browser-tab:not(.home-tab)>[role=tab]::before{content:'';display:inline-block;width:12px;height:14px;border:1px solid currentColor;border-radius:3px;margin-right:9px;vertical-align:-3px;opacity:.65}
.browser-tab>[data-kind=study]::before{border-radius:50%!important;width:13px!important;height:13px!important}
.browser-tab>[data-kind=concept]::before{border-radius:7px 7px 3px 3px!important}
.browser-tab:not(.home-tab):has([aria-selected=true])::before{content:'';position:absolute;left:-9px;bottom:0;width:9px;height:9px;background:radial-gradient(circle at 0 0,transparent 9px,#141414 9.5px);pointer-events:none}
.browser-tab:not(.home-tab):has([aria-selected=true])::after{display:block;right:-9px;top:auto;bottom:0;width:9px;height:9px;background:radial-gradient(circle at 100% 0,transparent 9px,#141414 9.5px);pointer-events:none}
.browser-tab .close-tab{font-size:17px;width:22px;height:22px;flex-basis:22px;margin-right:8px;color:#aeb0b4}
.browser-tab .close-tab:hover{color:white;background:#ffffff15}
.browser-tab.home-tab:not(:has([aria-selected=true])){background:#202124}
.browser-tab.home-tab:hover:not(:has([aria-selected=true])){background:#292a2c}
.embedded #main,.embedded[data-view=home] #main{width:100%;max-width:1080px;margin:0 auto;padding:38px 44px 48px;min-height:calc(100vh - 46px)}
.embedded[data-view=home] #main{max-width:960px;padding-top:44px}
h1{font-size:22px;font-weight:600;letter-spacing:-.4px}.subtitle:empty{display:none}
.page-head{margin-bottom:24px}.page-head h1{margin:0}.page-head .subtitle:not(:empty){margin-top:10px}
.primary,.secondary,.quiet{border-radius:8px;min-height:34px;font-size:12px}
.secondary{background:transparent}.quiet{color:#aaa}
.library-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.library-head h1{margin:0}.library-head p,.library-foot{color:var(--ln-muted);font-size:12px;margin:10px 0 0}
.library-head p>span,.library-foot>span{margin:0 9px;color:#626266}
.home-decks{gap:0}.home-deck{grid-template-columns:minmax(0,1fr) 95px 34px;gap:16px;min-height:72px;padding:0 12px;border-radius:8px;position:relative}
.home-deck+.home-deck::before{content:'';position:absolute;left:12px;right:12px;top:0;height:1px;background:#ffffff08;pointer-events:none}
.home-deck-title{font-size:15px;font-weight:450;min-height:72px;gap:18px;padding:0}
.home-deck-title:hover{background:transparent!important}.home-deck-count{padding:0;color:#c2c2c5;font-size:12px}.deck-due{display:block;font-size:11px;margin-top:5px;color:var(--ln-muted)}
.deck-symbol{width:19px;height:23px;border:1px solid #808085;border-radius:4px;position:relative;flex-shrink:0;margin-left:3px}
.deck-symbol::before{content:'';position:absolute;inset:3px 3px -4px -4px;border:1px solid #55555b;border-radius:4px;border-top:0;border-right:0}
.deck-symbol.filtered{border-style:dashed}.home-deck-more{width:32px;height:32px;font-size:23px;color:#96969d;border-radius:50%}.home-deck-more:hover{background:#ffffff0e!important;color:#eee}
.library-foot{margin:24px 12px 0;font-size:11px}.home-filters-title{margin:36px 12px 12px;font-size:12px}
.search-bar{gap:8px;margin:0}.search-bar .search-input{height:42px;border-radius:9px;background:#ffffff04;padding:10px 14px;font-size:13px;border-color:#ffffff14}
.search-bar select{max-width:245px;border-radius:9px;color:#bbb;font-size:12px;padding:0 12px}
.search-bar .primary{background:#ffffff0b;border-color:#ffffff14;color:#ddd;padding:0 18px;border-radius:9px}
.search-bar .primary:hover{background:#ffffff14}.search-help{margin:8px 0 20px;font-size:11px}.search-help summary{display:list-item;width:fit-content;padding:5px 0;font-size:11px;color:var(--ln-muted)}.search-help p{margin:6px 0 12px}
#search-results>.section-head{font-size:11px;margin:0 0 8px;padding:0 12px}
.card-results{list-style:none;padding:0;margin:0}.card-results li+li{border-top:1px solid #ffffff08}
.card-result{display:grid;grid-template-columns:minmax(0,1fr) 125px 12px;align-items:center;gap:22px;width:100%;padding:17px 12px;background:transparent;border:0;border-radius:7px;text-align:left;color:var(--ln-text)}
.card-result:hover{background:#ffffff05!important}.result-copy{display:grid;gap:7px;min-width:0}.result-ref{font-size:11px;color:#909096}.result-question{font-size:14px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-tags{font-size:11px;color:#b6949c}.result-meta{display:grid;gap:7px;text-align:right;font-size:12px;color:#b9b9be}.result-state{font-size:11px;color:#85858b}.result-chevron{color:#66666b;font-size:20px}.pagination{padding:8px 12px}.compact{min-height:30px}
.panel{background:transparent;border:0;border-radius:0;padding:0;margin-bottom:32px}.panel+.panel{border-top:1px solid #ffffff0c;padding-top:26px}.upload-zone{background:transparent}
.concept-body{line-height:1.9}.concept-links article{background:transparent}.editor-preview{background:transparent;border:0;border-left:1px solid #ffffff10;border-radius:0}.editor-preview .pill{background:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #bc8290;outline-offset:2px}
@media(max-width:760px){.browser-tab.home-tab{width:195px;min-width:195px;max-width:195px;flex-basis:195px}.browser-tab.home-tab>[role=tab]{font-size:23px;padding-left:12px;gap:5px}.browser-tab.home-tab>[role=tab]::before{flex-basis:24px;width:24px}.embedded #main,.embedded[data-view=home] #main{padding:28px 20px 40px}.home-deck{gap:10px;grid-template-columns:minmax(0,1fr) 65px 30px}.home-deck-title{font-size:13px;gap:12px}.library-head{gap:10px}.library-head .actions{gap:0}.library-head .quiet{padding:8px}.search-bar{flex-wrap:wrap}.search-bar .search-input{flex-basis:100%}.search-bar select{flex:1;max-width:none;height:36px}.card-result{grid-template-columns:minmax(0,1fr) 85px;gap:12px;padding:15px 8px}.result-chevron{display:none}.result-question{font-size:13px}.result-meta{font-size:11px}.editor-preview{border:0;padding-left:0}}