@font-face{font-family:Pencil;src:url('/assets/pencil.ttf') format('truetype');font-display:swap}:root{color-scheme:light;--bg:#eeeadf;--panel:#f6f3e9;--paper:#faf6eb;--line:#d6d2c4;--text:#38473c;--muted:#7b8174;--accent:#526c51;--accent-light:#e0e8d7;--danger:#a25c4e;font:14px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#766b4e08 .7px,transparent .7px);background-size:5px 5px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#f3f0e5;border:1px solid #c8ccbc;color:var(--text);padding:9px 15px;border-radius:6px}button:hover{border-color:#819278;background:#e9eddf}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #738969;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,.handwritten{font-family:Pencil,Georgia,serif;font-weight:400}h1{font-size:39px;line-height:1.2;margin-bottom:0;letter-spacing:-.4px}h1 span{color:#9b755b}h2{font-size:31px;line-height:1.25;margin-bottom:18px}.handwritten{font-size:29px;line-height:1.35}.muted,small{color:var(--muted)}.eyebrow{color:#7d8777;font-size:9px;letter-spacing:1.7px;font-weight:600}.primary{background:var(--accent);color:#faf8ed;border-color:var(--accent);font-size:12px;font-weight:550;box-shadow:0 2px #273f2922}.primary:hover{background:#637e5d;border-color:#637e5d}.secondary{background:#f8f5ea;font-size:12px}.quiet{border-color:transparent;background:transparent;color:#6e7b66;font-size:11px;padding:7px 9px}.quiet:hover{border-color:#c8ccbc;background:#e8eddd}.danger{color:var(--danger)}.icon{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;font-size:23px;background:transparent;border-color:transparent;line-height:1}input,textarea,select{background:#fdfaf1;border:1px solid #cccdbb;color:var(--text);border-radius:5px;width:100%;padding:10px 12px}input::placeholder,textarea::placeholder{color:#9a9b8d}label{display:block;color:#65715f;font-size:12px;margin:16px 0 7px}textarea{resize:vertical}.error{font-size:12px;color:var(--danger)}.login{display:grid;place-items:center;min-height:100dvh;background:radial-gradient(ellipse at 65% 15%,#ced8be80,transparent 60%)}.login-card{position:relative;width:min(430px,calc(100% - 40px));padding:35px 35px 30px;background:var(--paper);border:1px solid #cdcdbb;border-radius:4px 10px 7px 4px;box-shadow:8px 9px 0 -4px #f7f3e8,9px 10px 0 -4px #c8c8b8,0 20px 65px #4c59401a}.oasis-logo{display:block;width:76px;height:76px;color:#688060;margin-bottom:24px}.login-card .eyebrow{font-size:8px;letter-spacing:1.3px}.login-card h1{font-size:64px}.login-tagline{font-size:25px;color:#879178;margin:0 0 27px}.login-card .primary{display:flex;justify-content:space-between;width:100%;margin-top:20px;padding:12px}.login-card small{display:block;text-align:center;font-size:10px;margin-top:25px}aside{position:fixed;width:260px;height:100dvh;background:#e6e7da;border-right:1px solid #ced1bf;padding:27px 17px 16px;display:flex;flex-direction:column;z-index:8}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 25px;font:37px/1.1 Pencil,Georgia,serif}.brand-symbol{font:45px/1 Pencil;color:#738467;transform:rotate(-12deg)}.brand small{display:block;font:7px/1.6 system-ui,sans-serif;letter-spacing:1.5px;margin-top:6px;color:#8a907e}.capture-button{display:flex;align-items:center;gap:10px;width:100%;background:#f6f4e7;border:1px dashed #aab59b;color:#586b4b;font-size:12px;padding:11px;border-radius:6px 9px 5px 7px}.capture-button>span{font-size:20px}.capture-button kbd{margin-left:auto;font:9px ui-monospace,monospace;background:#e8ecdc;border:1px solid #cbd2bd;padding:0 4px;border-radius:3px}.shelf-heading,.pages-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 10px 10px}.shelf-heading .eyebrow,.pages-heading .eyebrow{margin:0;font-size:8px;letter-spacing:1.3px}.shelf-heading .icon{height:25px;width:25px;font-size:19px}.shelf-button{display:flex;align-items:center;gap:9px;width:100%;margin:2px 0;border:1px solid transparent;background:transparent;padding:9px 11px;font-size:12px;text-align:left;color:#76816b}.shelf-button>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shelf-button.active{color:#3f5a3b;background:#d7e0c9;border-color:#becbae}.shelf-button small{margin-left:auto;font-size:9px}.notebook-chip{width:9px;height:14px;display:block;border-radius:1px 3px 2px 1px;background:#91a27d;border:1px solid #6c7e5c;box-shadow:2px 1px #bdc8ad;flex:none}.notebook-chip.rose{background:#cba396;border-color:#a77e75;box-shadow:2px 1px #dbc4b8}.notebook-chip.sky{background:#97b0b8;border-color:#728d96;box-shadow:2px 1px #bfced0}.notebook-chip.lavender{background:#afa6bd;border-color:#8c829b;box-shadow:2px 1px #cdc5d5}.notebook-chip.sand{background:#c5b28c;border-color:#a28e68;box-shadow:2px 1px #ddd0b8}.pages-heading{margin-top:21px}.pages-heading>span{font-size:9px;color:#8c9681}.search-wrap{margin:0 5px 10px}.search-wrap input{font-size:10px;padding:8px 10px;background:#eeefe4;border-color:#cdd2be}.page-list{overflow:auto;flex:1;min-height:50px;max-height:45dvh;padding:0 3px;scrollbar-width:thin;scrollbar-color:#b7c2a5 transparent}.page-link{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;padding:9px;margin:2px 0;background:none;border:1px solid transparent;border-radius:4px;font-size:11px}.page-link.active{background:#f5f3e7;border-color:#c4cdb4;box-shadow:0 2px 2px #73815e0a}.page-link .page-index{font-size:9px;color:#8a967a;min-width:17px;margin-top:2px;font-variant-numeric:tabular-nums}.page-link>div{min-width:0}.page-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;max-width:175px}.page-link small{display:block;font-size:8px;color:#96a087;margin-top:2px}.add-page-side{font-size:10px;padding:7px 10px;background:none;border:1px dashed #b8c5a8;margin:10px 5px;color:#738269}.sidebar-bottom{margin-top:auto;padding:15px 5px 0;display:flex;flex-direction:column;gap:2px}.sidebar-bottom .quiet{text-align:left;font-size:10px}.local-mark{font-size:7px;letter-spacing:1px;margin-top:12px;padding-left:9px;color:#949d87;display:flex;align-items:center;gap:6px}.local-mark i{display:block;width:4px;height:4px;background:#899e73;border-radius:50%}main{margin-left:260px}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d6c7;padding:0 37px;gap:20px;background:#eeeee459}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:11px;min-width:0}.crumb-slash{color:#afb49f}.notebook-title{font-size:12px;background:none;border-color:transparent;padding:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:280px}.top-actions{display:flex;align-items:center;gap:10px;flex:none}#save-status{color:#879376;font-size:10px}#save-status.dirty{color:#a88a4f}#save-status.failed{color:#a36050}.focus-button{padding:8px 12px;font-size:11px;color:#657a57;background:#e1e8d6;border-color:#c0cdb0}#menu{display:none}.workspace{max-width:1220px;margin:auto;padding:32px 45px 20px}.workspace-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-bottom:31px}.workspace-intro .eyebrow{font-size:8px;margin-bottom:9px}.workspace-intro h1{font-size:31px}.next-step{width:270px;flex:none;position:relative;padding:7px 0 3px}.next-step label{font-size:8px;letter-spacing:1px;margin:0 0 4px;color:#92977b}.next-step input{background:transparent;border:0;border-bottom:1px dashed #b9c2a8;border-radius:0;padding:5px 0;font-family:Pencil,Georgia,serif;font-size:18px;color:#737f5f}.next-step input::placeholder{font-size:17px;color:#9da18b}.desk-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 auto 18px;max-width:850px}.page-type{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.5px;color:#879274}.pencil-line{width:50px;height:1px;background:#a4b197;transform:rotate(-1.5deg)}.page-actions{display:flex;gap:9px}.page-actions button{font-size:11px;padding:8px 13px}.paper{position:relative;background-color:var(--paper);background-image:radial-gradient(#806f4911 .6px,transparent .6px);background-size:6px 6px;border:1px solid #d7d1c0;border-radius:3px 6px 7px 3px;box-shadow:0 1px 3px #5b503211,1px 14px 32px #5d5a3b0b}.margin-line{position:absolute;top:0;bottom:0;left:57px;width:1px;background:#cb9b8738;pointer-events:none}.notebook{max-width:850px;margin:auto;position:relative;padding-right:7px}.notebook:before,.notebook:after{content:"";position:absolute;background:#f5f0e2;border:1px solid #d2cbb8;border-radius:3px 6px 7px 3px;top:5px;left:4px;right:3px;bottom:54px;pointer-events:none}.notebook:before{transform:rotate(.3deg)}.notebook:after{top:10px;left:7px;right:0;transform:rotate(-.18deg)}.notebook-edge{position:absolute;top:0;left:-9px;bottom:53px;width:9px;background:#a7b08d;border:1px solid #8d987a;border-radius:3px 0 0 4px;box-shadow:inset 2px 0 #c2c9ab;z-index:1}.notebook .paper{z-index:2;min-height:720px}.paper-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 0 81px;gap:15px}.paper-top select{width:auto;background:transparent;border:0;font-size:10px;letter-spacing:.2px;color:#8e947b;padding:4px 0}.paper-corner-tools{display:flex;gap:3px}.paper-corner-tools .icon{font-size:20px;color:#90977c;width:28px;height:28px}.paper-corner-tools .icon[aria-pressed=true]{color:#a68c4d}.page-title{position:relative;font-family:Pencil,Georgia,serif;font-size:36px;line-height:1.3;padding:10px 0;margin:6px 24px 15px 81px;width:calc(100% - 105px);border:0;background:transparent;border-radius:0;color:#465441}.page-title::placeholder{color:#b2b29c;font-size:29px}.page-title:focus-visible{outline:0;border-bottom:1px dashed #b6c1a2}.note-area{padding:0 25px 20px 81px}.note-area textarea{display:block;width:100%;min-height:610px;resize:none;background-color:transparent;background-image:repeating-linear-gradient(transparent 0,transparent 31px,#c7c4ae55 31px,#c7c4ae55 32px);border:0;border-radius:0;font-family:Georgia,serif;font-size:17px;line-height:32px;color:#50594b;letter-spacing:.1px;padding:0;overflow:hidden}.note-area textarea::placeholder{font-family:Pencil,Georgia,serif;font-size:22px;color:#b0b39b;white-space:pre-line}.note-area textarea:focus-visible{outline:0}.paper-bottom{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.4px;color:#a4a68c;margin:0 26px 0 81px;border-top:1px solid #dbd7c6;padding:14px 0}.page-turn{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 2px 0;height:54px}.turn-button{border:0;background:transparent;padding:5px 0;font-size:17px;color:#83916f}.turn-button span{font-size:10px;margin:0 7px}.page-number{font:18px Pencil,Georgia,serif;color:#8e967c}.welcome{max-width:850px;margin:auto;text-align:center;padding:42px 35px 47px;min-height:600px}.welcome-doodle{width:220px;margin:9px auto 8px;color:#84916c}.welcome-doodle svg{display:block;width:100%;height:auto}.welcome .handwritten{color:#a4a387;font-size:22px;margin:0 0 15px}.welcome h2{font-size:36px;color:#5f6f51;margin-bottom:17px}.welcome .muted{font-size:12px;line-height:1.9}.welcome .primary{display:flex;align-items:center;justify-content:center;gap:29px;margin:24px auto 9px;padding:11px 17px}.welcome .quiet{font-size:10px}.empty-view{text-align:center;padding:80px 10px}.empty-view .handwritten{color:#8c9879}.empty-view .muted{font-size:12px}.notice{margin:17px 37px 0;padding:12px 15px;display:flex;align-items:center;gap:15px;background:#f4e8ce;border:1px solid #d7c29a;border-radius:7px;font-size:12px;color:#876c45;white-space:pre-wrap}.notice>span{flex:1}.notice .icon{font-size:20px}.page-details{margin:0 25px 20px 81px;background:#e7e4d543;padding:10px 13px;border:1px dashed #c7c9b2;border-radius:4px}.page-details label{font-size:10px;margin:0 0 5px}.page-details input,.page-details select{padding:7px;font-size:11px;background:#fcf9ef}.details-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 5px}.details-actions{display:flex;flex-wrap:wrap;gap:3px}.details-actions .quiet{font-size:9px;padding:5px}.color-mint{--paper:#f2f5e9}.color-rose{--paper:#faf1e9}.color-lavender{--paper:#f5f1f5}.color-sky{--paper:#edf4f2}.drawing-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 24px 9px 81px;padding:6px;background:#e7e7d855;border:1px solid #d4d5bf;border-radius:5px;position:relative;z-index:3}.drawing-toolset,.drawing-options{display:flex;align-items:center;gap:2px}.draw-tool{width:29px;height:29px;padding:0;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:4px;font-size:18px;color:#718366}.draw-tool.active{background:#dde5d1;border-color:#adbd9c;color:#3f5b38}.drawing-options input[type=color]{width:27px;height:26px;padding:2px;border:0;background:none}.drawing-options select{width:65px;padding:4px;font-size:9px;background:transparent;border-color:transparent}.canvas-frame{position:relative;margin:0 24px 0 81px;aspect-ratio:760/980;min-height:320px;max-height:780px;background-image:radial-gradient(#9aab823a 1px,transparent 1px);background-size:21px 21px;overflow:hidden}#board{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;user-select:none}#board[data-tool=hand]{cursor:grab}#board[data-tool=select]{cursor:default}#board[data-tool=text],#board[data-tool=sticky]{cursor:text}.board-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 24px 8px 81px;font-size:9px;color:#9ba58c}.board-footer>div{display:flex;align-items:center}.board-footer .quiet{font-size:10px;padding:5px 6px}.board-footer #delete-object{font-size:9px}.trash-list{max-width:850px;margin:auto}.trash-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid #d4d4c0;background:#f7f4e8;margin:10px 0;border-radius:5px}.trash-row strong{font-family:Pencil,Georgia,serif;font-size:23px;font-weight:400}.trash-row small{display:block;font-size:10px}footer{display:flex;justify-content:space-between;gap:15px;margin:30px 37px 0;padding:19px 0;border-top:1px solid #d4d6c7;font-size:8px;letter-spacing:.8px;color:#9ba18b}dialog{background:#f8f5e9;color:var(--text);border:1px solid #c7ccb7;border-radius:6px 12px 9px 6px;box-shadow:0 18px 80px #35402b25;width:min(520px,calc(100% - 30px));max-height:88dvh;padding:28px;overflow:auto}dialog::backdrop{background:#3a493666;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.dialog-heading h2{margin-bottom:10px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions button{font-size:12px}.field-help{font-size:11px;color:var(--muted);line-height:1.8}#capture-text,#drawing-text{font:23px/1.5 Pencil,Georgia,serif;background:#fcf9ef}#notebook-input{font-size:13px}#remove-notebook{margin-top:15px}#history-list .history-row{padding:12px 0;border-bottom:1px solid #dedfcc;display:flex;align-items:center;justify-content:space-between;gap:12px}#history-list small{font-size:10px;display:block}#history-list button{font-size:11px}.calm aside,.calm .workspace-intro,.calm .desk-tools,.calm .paper-top,.calm footer,.calm .page-details{display:none!important}.calm main{margin-left:0}.calm .workspace{max-width:960px;padding-top:25px}.calm .topbar{height:58px}.calm .notebook .paper{min-height:calc(100vh - 145px)}.calm .note-area textarea{min-height:68dvh}.calm .page-title{margin-top:24px}.calm #focus{background:#cedcbd}.calm #menu{display:none}[hidden]{display:none!important}@media(max-width:1200px){.workspace{padding:29px 28px 15px}.workspace-intro{gap:20px}.workspace-intro h1{font-size:27px}.next-step{width:220px}.next-step input{font-size:16px}.workspace-intro .eyebrow{font-size:7px}.topbar{padding:0 28px}.paper-top{padding-left:65px}.page-title{margin-left:65px;width:calc(100% - 89px)}.note-area{padding-left:65px}.drawing-toolbar,.canvas-frame,.board-footer{margin-left:65px}.paper-bottom,.page-details{margin-left:65px}.margin-line{left:45px}.canvas-frame{min-height:300px}}@media(max-width:1000px){aside{width:230px;padding-left:13px;padding-right:13px}main{margin-left:230px}.workspace-intro{flex-direction:column;gap:18px;margin-bottom:25px}.workspace-intro h1{font-size:31px}.next-step{width:min(330px,100%)}.top-actions{gap:5px}#save-status{font-size:9px}.breadcrumbs>.muted,.crumb-slash{display:none}.notebook-title{max-width:190px}.focus-button{font-size:10px;padding:7px 9px}.paper-top{padding-left:50px}.page-title{margin-left:50px;width:calc(100% - 74px);font-size:30px}.page-title::placeholder{font-size:25px}.note-area{padding-left:50px}.drawing-toolbar,.canvas-frame,.board-footer{margin-left:50px}.paper-bottom,.page-details{margin-left:50px}.margin-line{left:32px}.drawing-toolbar{flex-direction:column;align-items:flex-start}.welcome{padding-left:40px;padding-right:25px}.welcome h2{font-size:31px}.canvas-frame{max-height:none}.board-footer{flex-wrap:wrap}.note-area textarea{font-size:16px}#pages-label{font-size:8px}}@media(max-width:720px){aside{width:265px;transform:translateX(-100%);box-shadow:20px 0 70px #35402b25}aside.open{transform:translateX(0)}main{margin-left:0}.topbar{height:65px;padding:0 16px;gap:8px}.breadcrumbs{gap:6px}#menu{display:inline-grid}.notebook-title{font-size:11px;max-width:125px}.top-actions{gap:2px}#save-status{max-width:80px;line-height:1.4;font-size:8px}#save{display:none}.focus-button{padding:7px 8px;font-size:9px}.workspace{padding:26px 19px 13px}.workspace-intro h1{font-size:30px}.workspace-intro .eyebrow{font-size:7px;letter-spacing:1.2px}.next-step{width:100%;max-width:320px}.next-step label{font-size:7px}.desk-tools{gap:10px}.page-type{font-size:7px;letter-spacing:1px}.pencil-line{width:22px}.page-actions{gap:6px}.page-actions button{padding:7px 10px;font-size:10px}.notebook{padding-right:5px}.notebook-edge{left:-5px;width:6px}.notebook .paper{min-height:590px}.margin-line{left:24px}.paper-top{padding-left:39px;padding-right:14px;padding-top:13px}.paper-top select{font-size:9px}.page-title{margin:4px 14px 12px 39px;width:calc(100% - 53px);font-size:29px}.page-title::placeholder{font-size:23px}.note-area{padding:0 14px 16px 39px}.note-area textarea{min-height:460px;font-size:16px;line-height:30px;background-image:repeating-linear-gradient(transparent 0,transparent 29px,#c7c4ae55 29px,#c7c4ae55 30px)}.note-area textarea::placeholder{font-size:20px}.paper-bottom{margin:0 14px 0 39px;font-size:7px}.page-details{margin:0 14px 17px 39px}.drawing-toolbar,.canvas-frame,.board-footer{margin-left:36px;margin-right:12px}.drawing-toolbar{gap:4px;padding:4px}.draw-tool{width:27px;height:29px;font-size:18px}.drawing-toolset{gap:0;flex-wrap:wrap}.drawing-options{width:100%;justify-content:flex-end}.drawing-options input[type=color]{margin-right:auto}.canvas-frame{min-height:370px}.board-footer{font-size:8px;gap:3px}.board-footer #delete-object{font-size:8px}.turn-button span{font-size:8px;margin:0 3px}.page-number{font-size:17px}.welcome{padding:29px 25px 35px 36px;min-height:540px}.welcome-doodle{width:190px}.welcome .handwritten{font-size:20px}.welcome h2{font-size:31px}.welcome .muted{font-size:11px}.welcome .quiet{font-size:9px}.notice{margin:12px 16px 0;font-size:11px;gap:8px;flex-wrap:wrap}.notice .secondary{font-size:10px}.notice .icon{margin-left:auto}footer{margin:20px 18px 0;font-size:7px;letter-spacing:.4px}footer>span:last-child{text-align:right}.page-list{max-height:40dvh}.calm .workspace{padding:18px 15px 10px}.calm .page-title{margin-top:20px}.calm .note-area textarea{min-height:65dvh}.calm .topbar{padding:0 15px}.calm .notebook-title{max-width:160px}dialog{padding:24px 21px}.details-actions{gap:0}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,border-color .12s}}@media print{aside,.topbar,.workspace-intro,.desk-tools,.page-turn,footer,.drawing-toolbar,.board-footer,.notice,.page-top,.page-details{display:none!important}main{margin:0}.workspace{padding:0}.notebook{max-width:none}.paper{box-shadow:none;border:0}.notebook:before,.notebook:after,.notebook-edge{display:none}}

/* OASIS // MGS1 CODEC. Cold black-green panels and muted phosphor lettering. */
:root{color-scheme:dark;--bg:#080e0d;--panel:#101b18;--paper:#14231d;--line:#b6d0b8;--text:#b7d4bb;--muted:#789787;--accent:#84b79b;--accent-light:#1b3429;--danger:#e18b7c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
body{background-image:linear-gradient(#84b79b05 1px,transparent 1px),linear-gradient(90deg,#84b79b05 1px,transparent 1px);background-size:36px 36px}h1,h2{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1px}h1 span{color:var(--accent)}button,input,textarea,select{border-radius:2px}button{background:#17261f;border-color:#345344;color:#b7cbb5}button:hover{background:#223d2e;border-color:#84b79b}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#84b79b}.primary{background:#84b79b;color:#09120e;border-color:#84b79b;box-shadow:none}.primary:hover{background:#a4c9ac;border-color:#a4c9ac}.secondary{background:#17261f;color:#b6d0b8}.quiet{background:transparent;color:#90b29c;border-color:transparent}.quiet:hover{background:#1d372a;border-color:#4e7960}.icon{background:transparent;border-color:transparent}.eyebrow{color:#7ca58e;letter-spacing:1.6px}input,textarea,select{background:#0b1712;border-color:#345344;color:#c2d7bf}label{color:#89ad97}input::placeholder,textarea::placeholder{color:#688b78}.login{background:radial-gradient(ellipse at 50% 35%,#244a3655,transparent 65%)}.login-card{background:#101b18;border:1px solid #4b765b;border-radius:2px;box-shadow:7px 7px #050b08,8px 8px #355542;padding-top:42px}.login-card:before{content:'OASIS / 001';position:absolute;top:12px;right:15px;font-size:8px;letter-spacing:2px;color:#83ae92}.oasis-logo,.brand-symbol{color:#84b79b}.login-card h1{font-size:55px;letter-spacing:5px;text-transform:uppercase}.login-tagline{color:#89ad97}.login-card .eyebrow{color:#729b83}aside{background:#0b1512;border-color:#2b493a;padding-top:23px}.brand{font:28px/1.1 ui-monospace,monospace;letter-spacing:3px;text-transform:uppercase}.brand small{color:#729b83;letter-spacing:1.8px}.brand-symbol{font-size:40px;transform:none}.capture-button{background:#14291e;border:1px solid #3d664d;color:#a0c4a6;border-radius:2px}.capture-button kbd{background:#1b3427;border-color:#3d624b}.shelf-button{color:#a5bfa8}.shelf-button.active{color:#c5dabb;background:#1c3729;border-color:#426b50}.shelf-heading .eyebrow{color:#83aa8f}.project-create{width:100%;text-align:left;margin-bottom:9px;font-size:11px;border-style:dashed;color:#84b79b}.notebook-chip{width:16px;height:12px;border-radius:1px;background:transparent!important;border:1px solid #80a88d!important;box-shadow:none!important;position:relative}.notebook-chip:before{content:'';position:absolute;top:-4px;left:-1px;width:7px;height:4px;border:1px solid #80a88d;border-bottom:0}.search-wrap input{background:#101b18;border-color:#2c493b;color:#b2cbb4}.pages-heading>span{color:#7c9f88}.page-list{padding-left:12px;border-left:1px solid #2c493b;margin-left:14px;scrollbar-color:#665a44 transparent}.page-row{display:flex;align-items:center;border:1px solid transparent;border-radius:2px;margin-bottom:3px}.page-row.active{background:#1b3226;border-color:#456c52}.page-link{border:0!important;background:transparent!important;flex:1;min-width:0;margin:0;color:#b6d0b8}.page-link strong{color:inherit}.page-link small{color:#759981}.page-index{color:#719b80}.page-remove{flex:none;border:0;background:transparent;font-size:19px;padding:4px 7px;color:#80a18b}.page-remove:hover{color:#ffb4a4;background:#532f29}.page-row:focus-within .page-remove,.page-row:hover .page-remove{color:#e5b79a}.add-page-side{background:transparent;border-color:#3c644b;color:#9ec4a6}.sidebar-bottom{border-color:#294336}.local-mark{color:#7a9d85}.local-mark i{background:#84b79b}.topbar{background:#0c1712ef;border-color:#2d4a3b}.topbar .muted,.crumb-slash{color:#7c9f88}.notebook-title{color:#b8d2b5}.focus-button{background:#1b3427;color:#a7c8a8;border-color:#3d624b}.workspace{max-width:1600px;padding:28px 38px}.workspace-intro h1{font-size:26px}.next-step label{color:#80a88d}.next-step input{color:#b8d2b5;border-color:#436c51}.next-step input::placeholder{color:#7a9d85}.page-type{color:#7ea68b}.pencil-line{background:#345540}.notice{background:#1c3428;color:#bfd5b7;border-color:#436c51}.paper{color:#b6d0b8;background-color:#14231d;background-image:radial-gradient(#80ad8b0e .65px,transparent .65px);border:1px solid #3f6251;border-radius:1px;box-shadow:0 15px 35px #0003}.paper.color-mint{background-color:#182b20}.paper.color-rose{background-color:#222b20}.paper.color-lavender{background-color:#192c28}.paper.color-sky{background-color:#152b27}.notebook{max-width:1250px}.notebook .paper{min-height:720px}.notebook:before,.notebook:after{background:#1e3428;border-color:#395e47;border-radius:1px}.notebook-edge{background:#203a2a;border-color:#4b7657;box-shadow:inset 2px 0 #608667}.margin-line{border-color:#426d5055}.paper-top{padding-left:36px;border-bottom:1px solid #54746155;padding-bottom:9px}.paper-top select{color:#7fa68b}.paper-corner-tools .icon{color:#80a58b}.paper-corner-tools .icon:hover{background:#274633}.page-title{font-family:Pencil,Georgia,serif;color:#d0dfc5;margin-left:36px;width:calc(100% - 60px);padding-left:0;font-size:34px;background:transparent;border-color:transparent}.page-title::placeholder{color:#6a8d75}.mixed-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:10px 24px 25px 36px;gap:22px;align-items:start}.note-area{padding:0;min-width:0}.note-area:before{content:'01 / TEXTO';display:block;font-size:8px;letter-spacing:2px;color:#729b7e;margin-bottom:13px}.note-area textarea{color:#b6d0b8;min-height:540px;font-size:17px;line-height:32px;background-image:repeating-linear-gradient(transparent 0,transparent 31px,#65806a38 31px,#65806a38 32px)}.note-area textarea::placeholder{color:#6c8f79}.board-area{min-width:0;border-left:1px solid #4c725455;padding-left:20px}.drawing-toolbar{margin:0 0 12px;padding:0 0 9px;border-bottom:1px solid #4e745b66;display:flex;flex-wrap:wrap;gap:6px;background:transparent}.drawing-toolset,.drawing-options{display:flex;flex-wrap:wrap;gap:3px}.draw-tool{width:29px;height:29px;padding:0;color:#92b39b;background:transparent;border-color:transparent;font-size:19px}.draw-tool.active{color:#cce0c3;background:#2a4436;border-color:#608568}.draw-tool:hover{background:#264331;border-color:#5d8465}.drawing-options input,.drawing-options select{background:#1a3024;color:#bdd1b7;border-color:#547a5b}.canvas-frame{margin:0;min-height:540px;max-height:850px;aspect-ratio:760/980;background-image:linear-gradient(#91bc9c12 1px,transparent 1px),linear-gradient(90deg,#91bc9c12 1px,transparent 1px);background-size:24px 24px}.board-footer{margin:10px 0 0;color:#7d9f86;display:flex;flex-wrap:wrap;gap:3px}.board-footer .quiet{color:#91b29a}.board-footer .quiet:hover{background:#2a4634}.paper-bottom{color:#72967e;border-color:#3a5c45;margin-left:36px}.page-details{margin-left:36px;background:#1b3125;border-color:#476e52;padding:12px}.page-details input,.page-details select{background:#12251a;color:#bcd3b7;border-color:#4a7155}.page-details label{color:#89ab90}.page-details .quiet{color:#93b49a}.page-details .quiet:hover{background:#294b35}.page-turn .turn-button{color:#94b99d;background:transparent;border-color:transparent}.page-number{color:#86aa8e}.welcome{padding-bottom:40px}.welcome .muted{color:#71977c}.welcome-doodle{color:#739e81}.welcome .handwritten{color:#759b7e}.welcome .quiet{color:#80a98c}.empty-view .muted{color:#7e9e86}dialog{background:#102119;color:#bed2b8;border-color:#456d50;border-radius:2px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#020906cc}.field-help{color:#819f86}.dialog-heading .eyebrow{color:#81a78c}.trash-row,.history-row{background:#102119;border-color:#35573f}.trash-row strong,.history-row strong{color:#b6d0b8}footer{color:#6e9279}.calm .mixed-page{margin-top:20px}.calm .note-area textarea{min-height:68dvh}
@media(max-width:1100px){.workspace{padding:25px}.mixed-page{gap:16px;margin-left:27px;margin-right:18px}.board-area{padding-left:14px}.canvas-frame{min-height:440px}.workspace-intro{gap:20px}.next-step{width:220px}.workspace-intro h1{font-size:22px}}
@media(max-width:740px){.mixed-page{grid-template-columns:1fr;margin:12px 18px 20px 28px}.board-area{border-left:0;border-top:1px solid #4c725455;padding:16px 0 0}.note-area textarea{min-height:280px}.canvas-frame{min-height:450px;max-height:none}.paper-top{padding-left:28px}.page-title{margin-left:28px;width:calc(100% - 46px);font-size:29px}.workspace{padding:20px 16px}.workspace-intro h1{font-size:22px}.paper-bottom{margin-left:28px}.calm .note-area textarea{min-height:280px}}
@media print{body{background:white;color:#222}.mixed-page{display:grid;grid-template-columns:1fr 1fr}.paper{background:#fff;color:#222}.note-area textarea{color:#222}.drawing-toolbar,.board-footer,.page-remove{display:none}}
.project-row{display:flex;align-items:center;gap:2px}.project-row .shelf-button{min-width:0;flex:1}.project-menu{background:transparent;border:0;color:#81a78b;font-size:22px;flex:none;width:27px;padding:2px}.project-menu:hover{background:#1b3526;color:#b3d0b1}.paper-top:before{content:'OASIS / FIELD LOG';font:8px ui-monospace,monospace;letter-spacing:1.6px;color:#70957b;margin-right:8px}.paper-top select{margin-right:auto}.canvas-frame:focus-within{outline:1px solid #5f8c6b}.notebook .paper{border-top:3px solid #608d6c}
@media(max-width:740px){.paper-top:before{display:none}}

/* FOX-inspired geometric insignia, drawn locally as SVG. */
.brand .oasis-emblem{display:block;width:43px;height:43px;flex:none;transform:none;color:#96c3a2}.login-card .oasis-emblem{width:78px;height:78px;color:#96c3a2}.brand{gap:12px}.brand small{color:#7d9f85}

/* Codec display: static scanlines, without animation or added rendering work. */
:root{--line:#345344}.login{background:radial-gradient(ellipse at 50% 35%,#1d462c55,transparent 65%)}.paper{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#020b0610 3px,#020b0610 4px)}.login-card:before{content:'OASIS / CODEC'}.login-card,.notebook .paper{box-shadow:0 0 0 1px #050d08,0 14px 34px #0004}.brand .oasis-emblem,.login-card .oasis-emblem{color:#96c3a2}.paper .muted{color:#80a38a}.notebook-chip.rose,.notebook-chip.sky,.notebook-chip.lavender,.notebook-chip.sand{box-shadow:none}.note-area textarea::selection,.page-title::selection{background:#476d51;color:#edf3db}.page-details .danger,.page-remove:hover{color:#d09c8e}.canvas-frame{background-color:#122018}.board-footer .quiet:disabled{color:#78917c}input[type=color]{color-scheme:dark}
.paper-corner-tools .icon[aria-pressed=true]{color:#b7d8a7}