#otto-board-study .ob-shell{--ob-bg:#171719;--ob-top:#131315;--ob-ink:#f3f0f6;--ob-muted:#b7b3bf;--ob-accent:#b496e4;--ob-outline:#39363e;--ob-note-ink:#28232b;position:relative;isolation:isolate;background:var(--ob-bg);color:var(--ob-ink);border-radius:22px;overflow:clip;font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;min-height:776px;} #otto-board-study .ob-shell *,#otto-board-study .ob-shell *:before,#otto-board-study .ob-shell *:after{box-sizing:border-box;} #otto-board-study .ob-shell button{font-family:inherit;line-height:inherit;} #otto-board-study .ob-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;padding:18px 34px;background:var(--ob-top);border-bottom:1px solid var(--ob-outline);} #otto-board-study .ob-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.7px;} #otto-board-study .ob-brand svg{color:var(--ob-accent);width:22px;height:22px;} #otto-board-study .ob-brand-dot{color:var(--ob-accent);} #otto-board-study .ob-header-caption{font-size:12px;color:var(--ob-muted);padding-right:78px;} #otto-board-study .ob-main{padding:31px 34px 18px;background:radial-gradient(ellipse at 85% 4%,#634c7d22,transparent 55%);} #otto-board-study .ob-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px;transform-origin:0 0;} #otto-board-study .ob-eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--ob-muted);display:block;margin-bottom:8px;} #otto-board-study .ob-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1.3px;font-weight:500;margin:0;} #otto-board-study .ob-heading h2 span{color:var(--ob-accent);} #otto-board-study .ob-heading p{font-size:12px;color:var(--ob-muted);margin:9px 0 0;} #otto-board-study .ob-label{font-size:11px;white-space:nowrap;color:var(--ob-accent);border:1px solid #51465e;border-radius:99px;padding:6px 10px;} #otto-board-study .ob-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 26px;} #otto-board-study .ob-filter{padding:8px 13px;border:0;border-radius:8px;background:transparent;color:var(--ob-muted);font-size:12px;min-height:36px;transition:background .18s,color .18s;} #otto-board-study .ob-filter[aria-pressed="true"]{background:#b496e4;color:#21172e;} #otto-board-study .ob-filter:not([aria-pressed="true"]):hover{background:#4a3a61;color:#f6f0ff;} #otto-board-study .ob-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 23px;padding:0 4px 5px;perspective:1600px;align-items:stretch;} #otto-board-study .ob-note-wrap{min-width:0;transform-origin:50% 8%;will-change:transform;} #otto-board-study .ob-note-wrap[hidden]{display:none!important;} #otto-board-study .ob-note{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--ob-paper,#eee8db);color:var(--ob-note-ink);text-align:left;border:0;border-radius:3px 3px 15px 3px;padding:21px 23px 15px;width:100%;min-height:218px;box-shadow:0 12px 20px #00000040,inset 0 -1px 0 #00000015;transition:transform .22s,box-shadow .22s;} #otto-board-study .ob-note:before{content:"";position:absolute;top:-8px;left:calc(50% - 31px);width:62px;height:18px;transform:rotate(-3deg);background:#ece6d6a8;border-left:1px solid #fdf9ef4f;border-right:1px solid #fdf9ef4f;} #otto-board-study .ob-note:after{content:"";position:absolute;right:0;bottom:0;width:15px;height:15px;border-radius:12px 0 13px 0;background:linear-gradient(135deg,#ffffff20,#00000018);} #otto-board-study .ob-note:hover{transform:translateY(-5px) rotate(0deg);box-shadow:0 18px 27px #00000058;} #otto-board-study .ob-yellow{--ob-paper:#eee1a7;} #otto-board-study .ob-lilac{--ob-paper:#d9c7ed;} #otto-board-study .ob-sage{--ob-paper:#d2dfc8;} #otto-board-study .ob-cream{--ob-paper:#e9e3da;} #otto-board-study .ob-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1.3;letter-spacing:.65px;color:#554957;} #otto-board-study .ob-note-meta>span:first-child{display:flex;align-items:center;gap:5px;} #otto-board-study .ob-note-meta>span:last-child{font-size:10px;letter-spacing:0;white-space:nowrap;} #otto-board-study .ob-note-meta svg{width:12px;height:12px;} #otto-board-study .ob-note-title{font-family:Georgia,'Times New Roman',serif;font-size:27px;line-height:1.08;letter-spacing:-.65px;display:block;margin:19px 0 10px;font-weight:400;} #otto-board-study .ob-note-text{font-size:12px;line-height:1.55;display:block;margin:0 0 15px;max-width:32ch;} #otto-board-study .ob-note-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;border-top:1px solid #40354a26;font-size:10px;color:#554957;} #otto-board-study .ob-status-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#8c6516;margin-right:5px;vertical-align:middle;} #otto-board-study .ob-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding-top:17px;border-top:1px solid var(--ob-outline);font-size:11px;color:var(--ob-muted);} #otto-board-study .ob-bottom>span{display:flex;align-items:center;gap:7px;} #otto-board-study .ob-bottom svg{width:12px;height:12px;} #otto-board-study .ob-infos{border:0;padding:6px 0;background:transparent;color:var(--ob-muted);font-size:11px;text-align:right;} #otto-board-study .ob-detail{position:absolute;z-index:10;inset:0;background:var(--ob-bg);color:var(--ob-ink);padding:25px 34px;border-radius:22px;} #otto-board-study .ob-detail[hidden]{display:none;} #otto-board-study .ob-detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ob-outline);padding-bottom:20px;} #otto-board-study .ob-detail-kind{color:var(--ob-accent);font-size:11px;letter-spacing:1px;text-transform:uppercase;} #otto-board-study .ob-close{padding:9px 12px;background:#302b37;border:1px solid #4c4358;border-radius:8px;color:var(--ob-ink);font-size:12px;} #otto-board-study .ob-detail-content{max-width:520px;margin:58px auto 0;} #otto-board-study .ob-detail-who{color:var(--ob-muted);font-size:12px;} #otto-board-study .ob-detail-title{font:400 40px/1.15 Georgia,serif;letter-spacing:-1px;margin:16px 0 23px;} #otto-board-study .ob-detail-body{font-size:15px;line-height:1.8;color:#d9d4df;margin:0;white-space:pre-line;} #otto-board-study .ob-detail-extra{margin-top:24px;color:var(--ob-muted);font-size:13px;} #otto-board-study .ob-action{margin-top:28px;background:var(--ob-accent);color:#21172e;padding:11px 18px;min-height:44px;border:0;border-radius:9px;font-size:13px;} #otto-board-study .ob-detail-feedback{font-size:12px;line-height:1.6;color:var(--ob-accent);margin-top:15px;} #otto-board-study .ob-compact .ob-heading h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:32px;} #otto-board-study .ob-compact .ob-notes{display:flex;flex-direction:column;gap:11px;padding:0;perspective:none;} #otto-board-study .ob-compact .ob-note{--ob-paper:#242127;display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:0 15px;min-height:106px;padding:17px 21px;border-radius:13px;box-shadow:none;border:1px solid #38313f;color:var(--ob-ink);} #otto-board-study .ob-compact .ob-note:before,#otto-board-study .ob-compact .ob-note:after{display:none;} #otto-board-study .ob-compact [data-note="path"] .ob-note{--ob-paper:#30283e;border-color:#68517c;} #otto-board-study .ob-compact .ob-note-meta{grid-column:1/-1;color:var(--ob-accent);font-size:9px;} #otto-board-study .ob-compact .ob-note-title{font:500 18px/1.25 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.4px;margin:8px 0 4px;} #otto-board-study .ob-compact .ob-note-title br{display:none;} #otto-board-study .ob-compact .ob-note-title br:after{content:" ";} #otto-board-study .ob-compact .ob-note-text{font-size:11px;color:#c9c1d2;margin:0;max-width:none;grid-column:1;} #otto-board-study .ob-compact .ob-note-footer{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;border:0;padding:0;margin:0;gap:7px;color:var(--ob-muted);font-size:10px;} #otto-board-study .ob-compact .ob-note:hover{transform:translateX(3px);box-shadow:none;border-color:#b496e4;} #otto-board-study .ob-simulation{padding-top:14px;} #otto-board-study .ob-simulation label{display:flex;justify-content:space-between;gap:12px;align-items:center;} #otto-board-study .ob-simulation input{display:block;width:100%;} @media(max-width:620px){ #otto-board-study .ob-shell{min-height:880px;} #otto-board-study .ob-header{padding:18px 22px;min-height:68px;} #otto-board-study .ob-header-caption{display:none;} #otto-board-study .ob-main{padding:25px 22px 18px;} #otto-board-study .ob-heading{margin-bottom:21px;} #otto-board-study .ob-heading h2{font-size:30px;} #otto-board-study .ob-label{display:none;} #otto-board-study .ob-heading p{font-size:12px;max-width:33ch;} #otto-board-study .ob-filters{gap:3px;margin-bottom:24px;} #otto-board-study .ob-filter{padding:8px 10px;font-size:11px;} #otto-board-study .ob-notes{grid-template-columns:1fr;gap:22px;} #otto-board-study .ob-note{min-height:170px;padding:18px 20px 13px;} #otto-board-study .ob-note-title{font-size:25px;margin:13px 0 8px;} #otto-board-study .ob-note-title br{display:none;} #otto-board-study .ob-note-text{font-size:12px;margin-bottom:12px;max-width:none;} #otto-board-study .ob-note-footer{font-size:10px;} #otto-board-study .ob-bottom{gap:8px;} #otto-board-study .ob-bottom>span{font-size:10px;} #otto-board-study .ob-infos{font-size:10px;} #otto-board-study .ob-detail{padding:22px;} #otto-board-study .ob-detail-content{margin-top:35px;} #otto-board-study .ob-detail-title{font-size:33px;} #otto-board-study .ob-detail-body{font-size:14px;} #otto-board-study .ob-compact .ob-note{grid-template-columns:1fr;min-height:145px;padding:17px;} #otto-board-study .ob-compact .ob-note-footer{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;justify-content:space-between;margin-top:11px;border-top:1px solid #47404f;padding-top:10px;} #otto-board-study .ob-compact .ob-note-title{font-size:18px;} #otto-board-study .ob-compact .ob-heading h2{font-size:29px;} } @media(pointer:coarse){#otto-board-study .ob-filter,#otto-board-study .ob-infos,#otto-board-study .ob-close{min-height:44px;}} @media(prefers-reduced-motion:reduce){#otto-board-study .ob-note,#otto-board-study .ob-filter{transition:none;}} #otto-board-study .ob-shell{--ob-accent-ink:#21172e;--ob-surface:#242127;--ob-highlight:#30283e;--ob-accent-border:#68517c;--ob-body:#d9d4df;--ob-hover:#393041;--ob-shadow:#00000040;min-height:0;color-scheme:dark;} #otto-board-study .ob-shell[data-theme="light"]{--ob-bg:#f4f3f6;--ob-top:#ffffff;--ob-ink:#282330;--ob-muted:#655e70;--ob-accent:#6c409a;--ob-accent-ink:#ffffff;--ob-outline:#d8d3df;--ob-surface:#ffffff;--ob-highlight:#ede5f4;--ob-accent-border:#aa8bc2;--ob-body:#514957;--ob-hover:#e7dfee;--ob-shadow:#3423401a;color-scheme:light;} #otto-board-study .ob-shell[data-theme="warm"]{--ob-bg:#ece3d3;--ob-top:#f8f1e5;--ob-ink:#3e3329;--ob-muted:#706052;--ob-accent:#785131;--ob-accent-ink:#fffaf2;--ob-outline:#d2c3ad;--ob-surface:#fff8ed;--ob-highlight:#f4e6cf;--ob-accent-border:#b48b60;--ob-body:#594a3c;--ob-hover:#e0d3bc;--ob-shadow:#4a321b22;color-scheme:light;} #otto-board-study .ob-main{background:radial-gradient(ellipse at 85% 4%,color-mix(in srgb,var(--ob-accent) 9%,transparent),transparent 55%);} #otto-board-study .ob-header-settings{padding-right:78px;} #otto-board-study .ob-settings-button{display:flex;align-items:center;gap:8px;border:1px solid var(--ob-outline);border-radius:9px;padding:8px 12px;background:var(--ob-surface);color:var(--ob-ink);font-size:12px;min-height:38px;} #otto-board-study .ob-settings-button svg{width:14px;height:14px;} #otto-board-study .ob-settings-button[aria-expanded="true"]{border-color:var(--ob-accent-border);color:var(--ob-accent);} #otto-board-study .ob-preferences{padding:23px 34px 25px;border-bottom:1px solid var(--ob-outline);background:var(--ob-top);} #otto-board-study .ob-preferences[hidden]{display:none;} #otto-board-study .ob-prefs-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin-bottom:20px;} #otto-board-study .ob-prefs-heading h3{font-size:16px;letter-spacing:-.3px;font-weight:500;margin:0;} #otto-board-study .ob-prefs-heading>span{font-size:12px;color:var(--ob-muted);} #otto-board-study .ob-pref-row{display:flex;align-items:end;flex-wrap:wrap;gap:20px 30px;} #otto-board-study .ob-pref-group{border:0;padding:0;margin:0;min-width:0;} #otto-board-study .ob-pref-group legend{color:var(--ob-muted);font-size:11px;padding:0;margin-bottom:9px;} #otto-board-study .ob-choices{display:flex;flex-wrap:wrap;gap:6px;} #otto-board-study .ob-choice,#otto-board-study .ob-theme-choice{display:flex;align-items:center;gap:7px;min-height:39px;padding:8px 12px;border:1px solid var(--ob-outline);border-radius:8px;background:var(--ob-surface);color:var(--ob-ink);font-size:12px;} #otto-board-study .ob-choice svg{width:15px;height:15px;} #otto-board-study .ob-choice[aria-pressed="true"]{background:var(--ob-accent);color:var(--ob-accent-ink);border-color:var(--ob-accent);} #otto-board-study .ob-theme-choice[aria-pressed="true"]{border-color:var(--ob-accent);box-shadow:inset 0 0 0 1px var(--ob-accent);color:var(--ob-ink);background:var(--ob-highlight);} #otto-board-study .ob-swatch{width:15px;height:15px;display:block;border-radius:50%;border:1px solid #8c809a;} #otto-board-study .ob-swatch-dark{background:linear-gradient(135deg,#171719 50%,#b496e4 50%);} #otto-board-study .ob-swatch-light{background:linear-gradient(135deg,#ffffff 50%,#6c409a 50%);} #otto-board-study .ob-swatch-warm{background:linear-gradient(135deg,#ece3d3 50%,#785131 50%);} #otto-board-study .ob-motion-choice{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ob-muted);min-height:39px;} #otto-board-study .ob-motion-choice input{width:16px;height:16px;accent-color:var(--ob-accent);margin:0;} #otto-board-study .ob-label{border-color:var(--ob-accent-border);} #otto-board-study .ob-filter[aria-pressed="true"]{background:var(--ob-accent);color:var(--ob-accent-ink);} #otto-board-study .ob-filter:not([aria-pressed="true"]):hover{background:var(--ob-hover);color:var(--ob-ink);} #otto-board-study .ob-note{box-shadow:0 12px 20px var(--ob-shadow),inset 0 -1px 0 #00000015;} #otto-board-study .ob-close{background:var(--ob-surface);border-color:var(--ob-outline);} #otto-board-study .ob-detail-body{color:var(--ob-body);} #otto-board-study .ob-action{color:var(--ob-accent-ink);} #otto-board-study .ob-compact .ob-note{--ob-paper:var(--ob-surface);border-color:var(--ob-outline);box-shadow:none;} #otto-board-study .ob-compact [data-note="path"] .ob-note{--ob-paper:var(--ob-highlight);border-color:var(--ob-accent-border);} #otto-board-study .ob-compact .ob-note-text{color:var(--ob-body);} #otto-board-study .ob-compact .ob-note:hover{box-shadow:none;border-color:var(--ob-accent);} #otto-board-study .ob-compact .ob-note-meta,#otto-board-study .ob-compact .ob-note-footer{font-size:11px;} #otto-board-study .ob-shell[data-detail="true"]{min-height:680px;} #otto-board-study .ob-motion-off .ob-note:hover{transform:none;} @media(max-width:620px){ #otto-board-study .ob-header-settings{padding-right:64px;} #otto-board-study .ob-header{gap:12px;padding-left:20px;padding-right:16px;} #otto-board-study .ob-brand{font-size:18px;gap:7px;} #otto-board-study .ob-settings-button{font-size:11px;padding:8px;gap:5px;} #otto-board-study .ob-preferences{padding:21px 22px;} #otto-board-study .ob-pref-row{gap:18px 20px;} #otto-board-study .ob-prefs-heading{margin-bottom:18px;} #otto-board-study .ob-theme-choice{padding:8px 10px;} #otto-board-study .ob-compact .ob-note-footer{border-top-color:var(--ob-outline);} #otto-board-study .ob-shell[data-detail="true"]{min-height:740px;} } @media(pointer:coarse){#otto-board-study .ob-choice,#otto-board-study .ob-theme-choice,#otto-board-study .ob-settings-button,#otto-board-study .ob-motion-choice{min-height:44px;}}