:root{--page-bg:#E3E0D8;--page-pattern:url('https://itinerae.neocities.org/bgs/beigelaceyllow.png');--page-text:#7F776F;--link:#8B5F6E;--link-visited:#9A7480;--link-hover:#714857;--link-active:#5C3947;--book-cover:#c9a173;--book-shadow:#57443E;--paper-outer:#F3EFE9;--paper-outer-line:#DDD7D0;--paper-outer-shadow:#8A7B70;--paper-inner:#FAF8F4;--paper-inner-line:#E7E1D9;--paper-inner-shadow:#C7C1B8;--spread-bg:linear-gradient(#FFFFFF,#F8F7F4), url('');--spread-center-line:#cbc6c0;--page-paper-bg:#FFFFFF url();--banner-image:url('https://itinerae.neocities.org/journal/banner/sea.png');--banner-bg:#F2F3F1;--banner-overlay:#F7F7F4;--banner-border:#B6C2CB;--banner-chip-bg:#F4F1EC;--banner-chip-border:#F7F4EF;--banner-chip-line:#D9DDE0;--banner-text:#5F6872;--banner-number:#73808B;--box-bg:#FFF;--box-border:#e9e6e8;--entry-bg:#FFF;--entry-border:#e9e6e8;--entry-band:#ebe1d0;--entry-band-border:#d2c7b5;--entry-rule:#E0E0E0;--title-text:#785d68;--day-name-text:#afafaf;--day-name-underline:#D7DDE1;--entry-date-text:#8F8A83;--note-text:#7F776F;--day-dot-1:#c5b1a7;--day-dot-2:#c5b1a7;--day-dot-text:#FFFFFF;--notes-line:#D7E0E6;--nav-bg:#fffbf7;--nav-border:#e9e4e1;--nav-text:#667381;--nav-hover-bg:#EAF0F4;--nav-hover-text:#54616D;--nav-active-text:#49545E;--tab-bg:#D7E3EB;--tab-border:#9EB1BE;--tab-text:#5D6B76;--tab-hover-bg:#E7EEF3;--tab-hover-text:#4C5963;--tab-active-bg:#CCD9E1;--tab-active-text:#43505A;}*{box-sizing:border-box;}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background-color:var(--page-bg);background-image:var(--page-pattern);font:normal 10.5px calibri,serif;letter-spacing:1px;color:var(--page-text);line-height:1.2;}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color 0.15s ease, opacity 0.15s ease, transform 0.15s ease;}a:visited{color:var(--link-visited);}a:hover{color:var(--link-hover);opacity:0.9;}a:active{color:var(--link-active);}i {color:#777;font:10px georgia;font-style:italic;letter-spacing:2px;}.book-wrap{position:relative;width:min(800px,100%);isolation:isolate;}.book{width:100%;height:min(580px,88vh);padding:6px;border-radius:18px;background:var(--book-cover);box-shadow:2px 2px 4px rgba(87,68,62,0.45);position:relative;z-index:2;}.paper1{width:100%;height:100%;padding:3px;border-radius:16px;background:var(--paper-outer);box-shadow: 0 0 0 1px var(--paper-outer-line), 0 0 2px var(--paper-outer-shadow);}.paper2{width:100%;height:100%;padding:3px;border-radius:15px;background:var(--paper-inner);box-shadow: inset 0 0 0 1px var(--paper-inner-line), inset 0 0 3px var(--paper-inner-shadow);}.pages{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:70px minmax(0,1fr);border-radius:14px;overflow:hidden;background:var(--spread-bg);background-size:cover;position:relative;}.pages::after{content:"";position:absolute;top:70px;bottom:0;left:50%;width:1px;background:var(--spread-center-line);transform:translateX(-0.5px);pointer-events:none;}.top-bar{grid-column:1 / -1;grid-row:1;position:relative;display:flex;align-items:center;padding:10px 18px;background-color:var(--banner-bg);background-image:var(--banner-image);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--banner-border);}.top-bar::after{content:"";position:absolute;inset:0;background:var(--banner-overlay);opacity:0.58;pointer-events:none;}.banner-title{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px 5px;border-radius:10px;border:1px solid var(--banner-chip-border);background:var(--banner-chip-bg);text-transform:uppercase;letter-spacing:2px;color:var(--banner-text);text-shadow:0 1px 0 #FFFFFF;box-shadow:0 0 0 1px var(--banner-chip-line);}.banner-title .label{font-size:15px;font-weight:bold;}.banner-title .number{font-size:20px;line-height:1;font-weight:bold;color:var(--banner-number);}.page{min-height:0;overflow-y:auto;padding:12px;background:var(--page-paper-bg);}.page::-webkit-scrollbar{width:6px;}.page::-webkit-scrollbar-thumb{background:#C2B6AA;border-radius:10px;}.left{grid-column:1;grid-row:2;padding-right:12px;}.right{grid-column:2;grid-row:2;padding-left:12px;}.left-layout, .right-layout{display:grid;gap:10px;min-height:100%;align-content:start;grid-template-columns:1fr;}.diary{display:grid;align-content:start;gap:7px;}.entry{padding:0;border-radius:6px;background:var(--entry-bg);border:1px solid var(--entry-border);overflow:hidden;}.entry-band{height:8px;background:var(--entry-band);border-bottom:1px solid var(--entry-band-border);}.entry-inner{padding:7px 8px 8px;}.entry-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;}.entry-title{display:flex;align-items:center;gap:6px;min-width:0;}.day-dot{padding:4px 4px 3px;border-radius:50%;background:linear-gradient(180deg,var(--day-dot-1),var(--day-dot-2));color:var(--day-dot-text);display:grid;place-items:center;font-size:9px;font-weight:bold;flex:none;}.day-name{margin:0;font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--day-name-text);text-transform:uppercase;white-space:nowrap;border-bottom:2px solid var(--day-name-underline);}.entry-date{font-size:10px;color:var(--entry-date-text);white-space:nowrap;}.note{margin:0;color:var(--note-text);}.title{margin:0 0 5px;font-size:12px;letter-spacing:0.8px;text-transform:uppercase;color:var(--title-text);text-align:center;}.small-title{margin:0 0 6px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--title-text);}.notes-block{min-height:86px;padding:3px 4px 4px;line-height:16px;border-radius:4px;background-image:linear-gradient( to bottom, transparent 15px, var(--notes-line) 16px );background-size:100% 16px;background-position:0 0;}.tabs{position:absolute;top:108px;display:flex;flex-direction:column;gap:25px;z-index:1;}.tabs-left{left:-28px;align-items:flex-end;}.tabs-right{right:-28px;align-items:flex-start;}.side-tab{display:flex;align-items:center;justify-content:center;width:36px;min-height:88px;padding:10px 7px;background:var(--tab-bg);border:1px solid var(--tab-border);color:var(--tab-text);text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-size:11px;border-radius:10px;box-shadow: 0 2px 4px #8A7B7040, inset 0 1px 0 #FFF;}.side-tab:hover{background:var(--tab-hover-bg);color:var(--tab-hover-text);}.side-tab:active{background:var(--tab-active-bg);color:var(--tab-active-text);}.tabs-left .side-tab{writing-mode:vertical-rl;transform:rotate(180deg);}.tabs-right .side-tab{writing-mode:vertical-rl;}@media (max-width:760px){body{padding:14px;}.book-wrap{width:100%;}.book{height:auto;}.pages{grid-template-columns:1fr;grid-template-rows:70px auto auto;}.pages::after{display:none;}.top-bar{grid-column:1;grid-row:1;}.left{grid-column:1;grid-row:2;padding-right:12px;padding-left:12px;}.right{grid-column:1;grid-row:3;padding-right:12px;padding-left:12px;}.tabs{display:none;}.page{max-height:none;overflow:visible;}}