: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;--mini-cal-text:#8A8F94;--calendar-text:#6E7379;--calendar-mark-bg:#D8E1E7;--calendar-mark-text:#4D5A65;--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;--sticker-opacity:0.65;--side-image-opacity:0.7;}*{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.1;}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;}s{text-decoration:none;color:#bbb;}a:visited{color:var(--link-visited);}a:hover{color:var(--link-hover);opacity:0.9;}a:active{color:var(--link-active);}.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);font-style:normal;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;}.left-layout{grid-template-columns:124px 1fr;}.right-layout{grid-template-columns:1fr 124px;}.side{display:grid;align-content:start;gap:8px;}.diary{display:grid;align-content:start;gap:7px;}.box{padding:5px 6px;border-radius:6px;background:var(--box-bg);border:1px solid var(--box-border);}.title{margin:0 0 5px;font-size:12px;letter-spacing:0.8px;text-transform:uppercase;font-style:normal;color:var(--title-text);}.small-title{margin:0 0 4px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-style:normal;color:var(--title-text);}.note{margin:0;color:var(--note-text);}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;font-size:9px;text-transform:uppercase;text-align:center;color:var(--mini-cal-text);}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:10px;text-align:center;color:var(--calendar-text);}.calendar-grid span{padding:3px 0px;border-radius:3px;}.calendar-grid .mark{color:var(--calendar-mark-text);font-weight:bold;}.todo-list, .simple-list, .entry ul, .sites-list{margin:0;padding-left:14px;}.todo-list li, .simple-list li, .entry li{margin:2px 0;}.sites-list li{margin:3px 0;word-break:break-word;}.sticker{text-align:center;padding:10px 6px;}.sticker-title{margin-top:3px;font-size:9px;letter-spacing:1px;text-transform:lowercase;font-style:normal;color:#bbb;}.sticker img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain;margin:0;opacity:var(--sticker-opacity);}.image-box{padding:5px 6px 6px;}.side-image{display:block;width:100%;height:auto;object-fit:cover;border-radius:4px;margin:0;opacity:var(--side-image-opacity);}.image-caption{margin:5px 0 0;font-size:10px;letter-spacing:1px;font-style:italic;line-height:1.2;color:#999;text-align:center;}.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:5px 6px 6px;}.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;}.entry ul li{border-bottom:1px dashed var(--entry-rule);padding-bottom:2px;margin-bottom:5px;}.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;}.notes-block{min-height:56px;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;}.nav-box{padding:8px 6px;display:flex;justify-content:center;align-items:center;}.nav-links{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;}.nav-link{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;text-decoration:none;font-size:14px;color:var(--nav-text);background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:inset 0 1px 0 #FFF;transition:transform .15s ease,background .15s ease,color .15s ease;}.nav-link:hover{background:var(--nav-hover-bg);color:var(--nav-hover-text);transform:translateY(-1px);}.nav-link:active{transform:translateY(0);color:var(--nav-active-text);}.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;}.left-layout, .right-layout{grid-template-columns:1fr;}.side{display:none;}.tabs{display:none;}.page{max-height:none;overflow:visible;}}