/* 参照モックの比率で組み直した表示層。旧ホームのクラスを再利用しない。 */
:root {
  --body:"Folio Hand","Hiragino Sans",sans-serif;
  --ref-paper:#fff4e6; --ref-sheet:#fff9ef; --ref-ink:#24241e;
  --ref-peach:#f3cabb; --ref-honey:#edcf9a; --ref-sage:#d7d9b0;
  --ref-blue:#b8dce8; --ref-violet:#d4c1dc;
  --ref-texture:url("media/paper/folio-washi-v090.png");
  --ref-tape:url("media/decorations/folio-tape-v091.svg");
  --ref-flower:url("media/decorations/folio-flower-v091.svg");
  --ref-edge:polygon(0 .8%,2% 0,5% .7%,8% .1%,12% .9%,16% .2%,21% .6%,26% 0,30% .7%,35% .3%,40% .9%,45% .1%,50% .5%,55% 0,60% .8%,65% .2%,71% .7%,77% .1%,83% .8%,89% .2%,94% .6%,100% 0,99.6% 10%,100% 24%,99.7% 38%,100% 53%,99.5% 68%,100% 84%,99.5% 99%,95% 99.5%,91% 98.7%,85% 99.6%,80% 99%,75% 99.7%,69% 99%,63% 99.8%,58% 99.2%,51% 99.7%,46% 99%,40% 99.8%,35% 99.2%,30% 99.8%,24% 99%,18% 99.7%,13% 99.1%,7% 99.8%,2% 99.1%,0 98.4%,.4% 84%,0 69%,.5% 50%,0 36%,.3% 20%);
}
html body.folio-reference {background:#f8f3eb;color:var(--ref-ink);overflow:hidden}
.folio-reference .detail-view {padding:8px 40px 8px 8px!important}
.folio-reference .detail-view>.detail-paper {border:2px solid #34332c!important;border-radius:14px!important;padding:18px!important;background:linear-gradient(#fff7eed4,#fff7eeb0),var(--ref-texture) center/520px!important}
.folio-reference .detail-view .detail-header {display:flex!important;align-items:center;gap:10px!important;padding:0 0 14px!important;margin-bottom:14px;min-height:48px}
.folio-reference .detail-view .detail-header>div {min-width:0;flex:1}
.folio-reference .detail-view .detail-header h1 {font:500 21px/1.5 var(--body)!important;letter-spacing:0;padding:0!important;margin:0;background:none!important}
.folio-reference .detail-view .detail-header .eyebrow {display:none}
.folio-reference .detail-view .back-button {min-width:31px!important;width:31px!important;height:31px!important;min-height:31px!important;padding:6px!important;border-radius:50%!important}
.folio-reference .detail-view .paper-card h2,.folio-reference .detail-view .section-heading>span {font:500 17px/1.6 var(--body)!important}
.folio-reference .detail-view .paper-card {padding:14px!important}
.folio-reference .detail-view .app-picker-heading {flex-wrap:wrap}
.folio-reference .app-shell {width:100%;height:100dvh;max-width:none;min-height:0;margin:0;padding:0}
.folio-reference .topbar {display:none!important}
.folio-reference .views {height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden}
.folio-reference .view:not(.is-active) {display:none!important}
.folio-reference .ref-home.is-active {display:flex;height:100dvh;padding:8px 38px 8px 9px;align-items:stretch;justify-content:center;overflow:hidden}
.ref-home * {box-sizing:border-box}
.ref-home button,.ref-home select {color:inherit;font:inherit;cursor:pointer}
.ref-home button {border:0;background:none;margin:0;padding:0}
.ref-home button:focus-visible,.ref-home select:focus-visible,.ref-detail button:focus-visible {outline:2px solid #527d88;outline-offset:3px}
.ref-home svg:not(.ref-art):not(.ref-weather-art) {width:1.4em;height:1.4em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ref-home [hidden],.ref-detail [hidden] {display:none!important}
.ref-book {position:relative;display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);width:100%;height:100%;max-width:1450px;padding:8px;border:3px solid #1d1d19;border-radius:25px;background:linear-gradient(90deg,#36352e,#858278 1%,#272722 2%,#393830 49%,#777362 50%,#292923 51%,#393830 98%,#949085 99%,#25251f);box-shadow:0 3px 7px #30271955,inset 0 0 0 2px #c8c1ac55;container-type:inline-size;font:500 clamp(12px,1.72cqw,22px)/1.65 var(--body)}
.ref-page {position:relative;min-height:0;min-width:0;background:linear-gradient(#fff7edaa,#fff7ed55),var(--ref-texture) center/520px;overflow:visible;border-radius:12px 2px 2px 12px}
.ref-left {padding:8.2% 5% 3.6%;display:grid;grid-template-rows:minmax(0,37.5%) minmax(0,33%) minmax(0,1fr) auto;gap:3%}
.ref-right {padding:5% 5% 3.6% 4.5%;display:grid;grid-template-rows:minmax(0,47%) minmax(0,35%) minmax(0,1fr);gap:4.5%;border-radius:2px 12px 12px 2px}
.ref-right::after {content:"";position:absolute;inset:auto 0 0;height:21%;background:linear-gradient(155deg,transparent 49%,#e7d0af66 50%),var(--ref-texture) center/520px;clip-path:polygon(0 100%,100% 20%,100% 100%);pointer-events:none}
.ref-spine {position:relative;background:linear-gradient(90deg,#ac91663d,#fff1d7 45%,#f5e6d0 55%,#91734344);box-shadow:3px 0 8px #937c5920,-3px 0 8px #937c5920}
.ref-spine::after {content:"";position:absolute;width:10px;height:33px;bottom:-26px;left:1px;background:#cf8b77;clip-path:polygon(0 0,100% 0,85% 100%,40% 83%,0 100%);transform:rotate(-7deg)}
.ref-paper {position:relative;isolation:isolate;min-height:0;min-width:0;filter:drop-shadow(0 2px 1px #8e6e4528)}
.ref-paper::before {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#fffaf3c4,#fffaf3a0),var(--ref-texture) center/500px;clip-path:var(--ref-edge)}
.ref-heading {position:relative;display:flex;align-items:center;gap:.45em;min-height:2em;white-space:nowrap}
.ref-heading>span:first-child,.ref-heading>button:first-child {position:relative;padding:.13em 1em .22em;margin-left:-.3em;font:500 1.08em/1.7 var(--body);letter-spacing:.035em;background:var(--ref-tape) center/100% 100% no-repeat;transform:rotate(-1.5deg)}
.ref-heading small {font-size:.63em}
.ref-heading .ref-heading-link {margin-left:auto;font:.72em/1.5 var(--body);padding:.4em 0;background:none;white-space:nowrap;transform:none}
.ref-weather-block {position:relative;min-height:0;display:grid;grid-template-rows:2.1em minmax(0,1fr);gap:1.85em}
.ref-weather {position:relative;min-height:0;overflow:visible;background:#afd3df;border:4px solid #fffaf1;filter:drop-shadow(1px 3px 2px #8b77504d);border-radius:6px 9px 6px 9px;isolation:isolate;clip-path:var(--ref-edge)}
.ref-weather-art {position:absolute;width:100%;height:100%;inset:0;z-index:-1}
.ref-weather-art *,.ref-art * {stroke:none}
.ref-weather-main {position:absolute;top:5.5%;left:5%;max-width:83%;color:#10282d}
.ref-weather-main>.eyebrow {font:600 .81em/1.4 var(--body);letter-spacing:.07em;color:inherit}
.ref-weather-main>div {display:flex;align-items:baseline;gap:.7em}
.ref-weather-main strong {font:400 2.45em/1.3 "Helvetica Neue",sans-serif;letter-spacing:-.045em}
.ref-weather-main strong::after {content:"C";font-size:.52em;letter-spacing:0}
.ref-weather-main #weatherLabel {font:600 .87em/1.25 var(--body);max-width:8em}
.ref-weather-stats {position:absolute;top:43%;left:5%;display:flex;gap:1.2em;font:.75em/1.5 var(--body);color:#163037}
.ref-weather-stats b {font-weight:600}
.ref-paperclip {position:absolute;right:1%;top:-.6em;width:1.55em;height:4.5em;background:url("media/decorations/folio-paperclip-v090.svg") center/contain no-repeat;transform:rotate(-7deg)}
.ref-weather-heading .ref-spark {margin-left:auto;margin-right:15%;font:2em/1 var(--body);color:#db991f}
.ref-today {padding:.55em .85em .9em;display:grid;grid-template-rows:2em minmax(0,1fr)}
.ref-today>.ref-heading {margin-top:-1.05em}
.ref-today-list {min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:.3em 0 1em}
.ref-today .task-row,.ref-future .task-row {display:grid!important;grid-template-columns:1.15em 3.8em minmax(0,1fr)!important;gap:.6em!important;align-items:center!important;min-height:2.15em!important;height:auto!important;padding:.15em 0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;opacity:1}
.ref-today .task-check,.ref-future .task-check {display:grid;place-items:center;width:1em!important;height:1em!important;min-height:0!important;min-width:0!important;max-width:none!important;border:1px solid #777b6d!important;border-radius:0!important;padding:0!important;transform:none!important;background:#fffaf380!important;color:#2c392a!important}
.ref-today .task-check svg,.ref-future .task-check svg {width:1em!important;height:1em!important;stroke-width:1.3;visibility:hidden}
.ref-today .task-check.is-done svg,.ref-future .task-check.is-done svg {visibility:visible}
.ref-today .task-time {font:.86em/1.4 "Helvetica Neue",sans-serif!important;color:#24241e!important;white-space:nowrap}
.ref-today .task-open,.ref-future .task-open {min-width:0!important;min-height:0!important;font:500 .95em/1.55 var(--body)!important;text-align:left!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit!important;padding:0!important;text-decoration:none!important}
.ref-today .category-tag,.ref-future .category-tag {display:none!important}
.ref-today .task-row.is-done .task-open,.ref-today .task-row.is-done .task-time {opacity:1!important}
.ref-coffee {position:absolute;right:-.7em;bottom:-1.1em;width:25%;height:48%;pointer-events:none}
.ref-today-list {padding-right:1em}
.ref-cross-tape {position:absolute;right:-.35em;top:21%;width:3.5em;height:3.4em;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 6px,#fff9d580 6px 7px),repeating-linear-gradient(90deg,#c5b28b8c 0 6px,#fff9d5ac 6px 7px);transform:rotate(-33deg);clip-path:polygon(0 33%,33% 33%,33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%)}
.ref-flower {display:block;width:2.4em;height:3.5em;background:var(--ref-flower) center/contain no-repeat;pointer-events:none}
.ref-today>.ref-flower {display:none}
.ref-favorites-block {min-height:0;display:grid;grid-template-rows:2em minmax(0,1fr);gap:.35em}
.ref-favorites {display:flex;gap:.6em;align-items:start;overflow-x:auto;scrollbar-width:none;min-width:0;padding:.25em 0 .5em}
.ref-favorites>button {flex:0 0 calc((100% - 2.4em)/5);display:flex;align-items:center;justify-content:center;min-width:0;min-height:3.8em;padding:.3em;border-radius:4px;background:var(--ref-sheet);box-shadow:0 2px 3px #8b735535}
.ref-favorites .app-tile {display:grid!important;place-items:center!important;width:2.6em!important;height:2.6em!important;min-width:0!important;max-width:none!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font-size:1em!important}
.ref-favorites .app-tile img {width:100%;height:100%;object-fit:contain;border-radius:7px}
.ref-favorites .app-tile svg {width:100%!important;height:100%!important}
.ref-favorites .app-initial {background:#b6b898!important;color:#fff;font-weight:600}
.ref-favorites small {display:none!important}
.ref-favorites .add-app-button .app-tile {font:300 2.2em/1 sans-serif!important;width:1.1em!important;height:1.1em!important;color:#3e4438!important}
.ref-dock {display:flex;gap:.5em;height:1.65em;min-height:0;align-items:stretch}
.ref-dock>button {display:flex;flex:1;min-width:0;gap:.35em;align-items:center;justify-content:center;border:1px solid #bea98640;border-radius:2px;background:#ead3ae44;font:.65em/1.3 var(--body)}
.ref-dock>button:nth-child(2) {background:#d9deb344}
.ref-dock>button:nth-child(3) {background:#d9cbe244}
.ref-dock .app-tile {display:none!important}
.ref-dock svg {width:1em!important;height:1em!important}
.ref-dock span {white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ref-apps-dialog {width:min(92vw,470px);max-height:80dvh;padding:20px;border:2px solid #34332c;border-radius:14px;background:linear-gradient(#fff7eec4,#fff7eea0),var(--ref-texture) center/500px;color:var(--ref-ink);font:14px/1.5 var(--body)}
.ref-apps-dialog::backdrop {background:#302d2455;backdrop-filter:blur(3px)}
.ref-apps-dialog header {display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.ref-apps-dialog h2 {font:18px var(--body);margin:0}
.ref-apps-dialog header button {background:none;border:0;font:26px/1 sans-serif;min-width:32px;min-height:32px}
.ref-apps-dialog .ref-favorites {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 9px;overflow:visible}
.ref-apps-dialog .ref-favorites>button {border:0;padding:7px 3px;min-height:56px}
.ref-apps-dialog .ref-favorites .app-tile {width:100%!important;max-width:45px!important;height:42px!important}
.ref-apps-dialog .ref-apps-edit {display:block;margin:18px auto 0;padding:8px 18px;border:1px solid #cbb89266;border-radius:4px;background:#fffbf1;font:12px var(--body)}
.ref-calendar {padding:.55em .95em .85em;display:grid;grid-template-rows:2.9em 2.1em 1.8em minmax(0,1fr)}
.ref-calendar>.ref-heading {align-self:start}
.ref-calendar-photo {position:absolute!important;right:0;top:-.55em;width:26%;height:24%;z-index:2}
.ref-photo {position:relative;display:block;padding:0;min-width:0}
.ref-art {display:block;width:100%;height:100%;stroke:none;fill:none;overflow:hidden}
.ref-today>.ref-coffee {position:absolute;width:25%;height:48%;right:-.7em;bottom:-1.1em;pointer-events:none}
.ref-photo>img {display:none;width:100%;height:100%;object-fit:var(--photo-fit,contain)!important;object-position:calc(50% + var(--photo-x,0%)) calc(50% + var(--photo-y,0%))!important;transform:rotate(var(--photo-rotation,0deg)) scale(var(--photo-scale,1))!important}
.ref-photo.has-user-photo {background:#fffaf1;border:5px solid #fffaf1;border-bottom-width:12px;box-shadow:1px 3px 4px #806b4940;transform:rotate(5deg);overflow:hidden}
.ref-photo.has-user-photo>img {display:block}
.ref-photo.has-user-photo>.ref-art {display:none}
.ref-calendar-controls {display:flex;align-items:center;justify-content:center;gap:.45em;position:relative;z-index:3}
.ref-calendar-controls h1 {font:400 1.15em/1.4 "Helvetica Neue",sans-serif;letter-spacing:.025em;margin:0;padding:0;background:none;color:inherit;white-space:nowrap}
.ref-calendar-controls button {font:400 1.2em/1 sans-serif;width:1.2em;color:#b09670;opacity:.7}
.ref-week {display:grid;grid-template-columns:repeat(7,1fr);align-items:center;text-align:center;font:.93em/1.5 var(--body)}
.ref-week>span:first-child {color:#e54232}.ref-week>span:last-child {color:#078fc3}
.ref-calendar-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(var(--calendar-rows,5),minmax(0,1fr));min-height:0;gap:0}
.ref-calendar-grid .calendar-day {position:relative;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:var(--ref-ink)!important;font:400 1.04em/1.1 "Helvetica Neue",sans-serif!important;opacity:1}
.ref-calendar-grid .calendar-day>span:first-child {display:grid;place-items:center;width:1.65em;height:1.65em;border:1.5px solid transparent;border-radius:50%}
.ref-calendar-grid .calendar-day.is-today>span:first-child {border-color:#e55840!important}
.ref-calendar-grid .calendar-day:nth-child(7n + 1) {color:#e54232!important}.ref-calendar-grid .calendar-day:nth-child(7n) {color:#078fc3!important}
.ref-calendar-grid .calendar-day.is-selected:not(.is-today)>span:first-child {background:#dbc29835}
.ref-calendar-grid .calendar-day.is-other {opacity:.2}
.ref-calendar-grid .calendar-day .day-dots {position:absolute;display:flex;justify-content:center;gap:2px;bottom:1px;left:0;right:0;height:3px}
.ref-calendar-grid .day-dots i {width:3px;height:3px;border-radius:50%}
.ref-calendar-grid .calendar-day::before,.ref-calendar-grid .calendar-day::after {display:none!important}
.ref-calendar-switch {position:absolute;top:.3em;right:32%;display:flex;gap:.1em}
.ref-calendar-switch button {font-size:.6em;color:#89785c;padding:0 .3em;opacity:.6}
.ref-calendar-switch button.is-active {text-decoration:underline;text-underline-offset:3px}
.ref-future {padding:.5em .85em 1em;display:grid;grid-template-rows:2em minmax(0,1fr)}
.ref-future>.ref-heading {margin-top:-1em}
.ref-future select {border:0;outline:none;appearance:none;margin-left:auto;padding:.1em 0;background:transparent;font-size:.7em;width:6em;text-align:right}
.ref-future-list {min-height:0;overflow:auto;scrollbar-width:thin;padding:.7em 0 2em}
.ref-future .task-row {grid-template-columns:1.15em minmax(0,1fr)!important;min-height:2.15em!important}
.ref-future .task-time {display:none}
.ref-future-photo {position:absolute;bottom:-.7em;right:-.65em;width:38%;height:59%;z-index:2}
.ref-future>.ref-flower {position:absolute;bottom:-1.3em;right:35%}
.ref-future #priorityAPanel,.ref-future #refFamilyPanel,.ref-future #familyTodayMount {overflow:auto;min-height:0;padding:.5em 0 2.7em}
.ref-future .priority-a-row {font-size:.83em;grid-template-columns:1.1em 6em minmax(0,1fr);gap:.35em;min-height:2.6em}
.ref-future .priority-a-row>span {display:none}
.ref-future .priority-a-row time {font-size:.78em}
.ref-future .family-upcoming-row {display:grid;grid-template-columns:3.6em minmax(0,1fr);gap:.2em;min-height:2.8em;border-bottom:1px dashed #bda88740;font-size:.75em}
.ref-future .family-upcoming-row>button {grid-column:2;text-align:left;font:inherit}
.ref-future .family-schedule-row {font-size:.75em;grid-template-columns:3.4em 2.5em minmax(0,1fr);min-height:2.5em}
.ref-family-caption {font-size:.65em;color:#8d8069}
.ref-actions {display:flex;justify-content:flex-end;align-items:end;gap:.8em;z-index:3}
.ref-actions button {display:grid;place-items:center;width:3.2em;height:3.2em;border-radius:50%;background:#fffaef;color:#292e24;box-shadow:0 2px 4px #91765240;border:1px solid #d8c3a259}
.ref-actions button svg {width:1.9em!important;height:1.9em!important;stroke-width:1.2!important}
.ref-version {position:absolute;bottom:3px;left:14px;font:6px/1 sans-serif;color:#857961}
.ref-greeting,.ref-cover-scrap,.ref-cover-shortcuts,.ref-cover-home {display:none}
.ref-right-apps {grid-row:1/4;min-height:0}
.ref-right-apps .right-apps-grid {height:90%;gap:1em}
.ref-home .left-inline-portal,.ref-home .right-inline-portal {position:absolute;inset:10px;background:var(--ref-paper);z-index:20;display:flex;flex-direction:column}
.ref-home .left-inline-portal-frame,.ref-home .right-inline-portal-frame {flex:1;min-height:0;position:relative}
.ref-home iframe {width:100%;height:100%;border:0}
.ref-home .is-left-portal>.ref-weather-block,.ref-home .is-left-portal>.ref-today {visibility:hidden}
.folio-reference .page-turn-tab {display:none!important}
.folio-reference .folio-edge-tabs {position:fixed!important;top:12%;right:0!important;bottom:auto!important;display:flex!important;flex-direction:column;gap:0;padding:0;z-index:50;width:34px}
.folio-reference .folio-edge-tabs button {writing-mode:vertical-rl;text-orientation:upright;display:grid;place-items:center;width:34px!important;min-width:0!important;min-height:0!important;height:74px;padding:5px 6px!important;border:1px solid #b89c7040;border-radius:0 8px 8px 0!important;background-image:var(--ref-texture)!important;background-blend-mode:multiply;box-shadow:1px 2px 3px #785b3420;font:11px/1.4 var(--body)!important;letter-spacing:.07em;color:#38382b;transform:none}
.folio-reference .folio-edge-tabs button:nth-child(1){background-color:#eccb96!important}
.folio-reference .folio-edge-tabs button:nth-child(2){background-color:#d4d6aa!important}
.folio-reference .folio-edge-tabs button:nth-child(3){background-color:#aad4e2!important}
.folio-reference .folio-edge-tabs button:nth-child(4){background-color:#edb8a7!important}
.folio-reference .folio-edge-tabs button:nth-child(5){background-color:#cbb9d8!important}
.folio-reference .folio-edge-tabs button.is-active {filter:brightness(1.025);box-shadow:0 0 0 1px #b0986c40}
.ref-home .empty-state {font: .86em/1.8 var(--body);padding:1em .2em;color:#95876f;min-height:0;text-align:left;display:block}
/* AIと候補BOXも、紙のページを共通の比率で使用する。 */
.folio-reference .ref-detail.is-active {display:flex;height:100dvh;padding:12px 44px 12px 12px;align-items:stretch;justify-content:center;overflow:hidden}
.ref-detail-paper {position:relative;display:flex;flex-direction:column;width:min(100%,640px);height:100%;min-height:0;border:3px solid #292922;border-radius:16px;padding:14px 16px;background:linear-gradient(#fff8ecbb,#fff8ec77),var(--ref-texture) center/540px;box-shadow:0 3px 7px #68583f35;font:14px/1.7 var(--body);isolation:isolate}
.ref-detail-paper {box-shadow:11px 8px 0 -4px #f4e7d2,17px 14px 0 -7px #eee0cb,0 3px 7px #68583f35}
.ref-detail-paper::before {display:none}
.ref-detail-paper .detail-header {flex-shrink:0;position:relative;min-height:48px;padding:0 0 12px;border-bottom:1px solid #a78d6930;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.ref-detail-paper .detail-header .eyebrow {display:none}
.ref-detail-paper .detail-header h1 {font:500 18px/1.3 var(--body);color:var(--ref-ink);padding:0;margin:0;background:none;letter-spacing:0}
.ref-detail-paper .back-button {width:31px;height:31px;min-width:31px;min-height:31px;border:1px solid #dcc9ac44;border-radius:50%;padding:6px;box-shadow:0 1px 2px #8c765226;background:#fff9ee}
.ref-ai-paper .folio-ai-header::after {display:none}
.ref-ai-paper .folio-ai-header h1::after {content:"";position:absolute;top:-7px;left:133px;width:37px;height:49px;background:var(--ref-flower) center/contain no-repeat;transform:rotate(12deg)}
.ref-ai-paper .ai-header-actions {margin-left:auto;display:flex;gap:5px}
.ref-ai-paper .ai-header-actions>button {background:#fffaf2;border:1px solid #ddc9aa66;border-radius:18px;min-width:0;min-height:29px;padding:4px 10px;font:10px/1.2 sans-serif}
.ref-ai-paper .ai-header-actions>button svg {width:14px;height:14px}
.ref-ai-paper .ai-header-actions>button span {font-size:10px}
.ref-ai-paper .ai-header-actions .ai-connection-pill {display:none}
.ref-ai-paper .folio-ai-layout {flex:1;min-height:0;display:block;height:auto}
.ref-ai-paper .ai-margin-note {display:none}
.ref-ai-paper .ai-chat-sheet {display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:9px;min-height:0;height:100%;padding:8px 0 0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.ref-ai-paper .ai-chat-sheet::before {display:none}
.ref-ai-paper .ai-messages {min-height:0;max-height:none;padding:0 4px 6px;overflow-y:auto;scrollbar-width:thin}
.ref-ai-paper .ai-message {display:block;width:85%;max-width:85%;padding:13px 16px!important;margin:0 auto 19px 0;border:0!important;border-radius:3px 6px 4px 6px!important;background-color:#fff9f0!important;background-image:var(--ref-texture)!important;background-size:440px!important;box-shadow:0 2px 3px #8f71422e;transform:rotate(-.3deg);color:var(--ref-ink)!important}
.ref-ai-paper .ai-message[data-role="user"] {margin-left:auto;margin-right:0;background-color:#f4d6aa!important;background-blend-mode:multiply;clip-path:var(--ref-edge);box-shadow:none;transform:rotate(.2deg);width:75%}
.ref-ai-paper .ai-message[data-role="assistant"] {background-image:linear-gradient(#fffaf1db,#fffaf1db),var(--ref-texture)!important}
.ref-ai-paper .ai-message[data-role="user"] {background-image:linear-gradient(#f9deb6b8,#f9deb6b8),var(--ref-texture)!important;background-blend-mode:normal}
.ref-ai-paper .ai-message small {display:none}
.ref-ai-paper .ai-message p {margin:0;font:13px/1.85 var(--body)!important;white-space:pre-wrap;overflow-wrap:anywhere}
.ref-ai-paper .ref-message-time {display:block;margin-top:3px;text-align:right;font:9px/1.4 sans-serif}
.ref-ai-paper .ai-suggestions {display:flex;flex-wrap:wrap;gap:8px;padding:5px 0}
.ref-ai-paper .ai-suggestions button {flex:1;min-height:31px;padding:6px 9px;border:1px solid #ccb38c40;border-radius:7px;background:#fffaf0;box-shadow:0 2px 2px #8e71402b;font:11px/1.4 var(--body);white-space:nowrap}
.ref-ai-paper .ai-composer {margin:0;padding:10px 0 0;border-top:1px solid #baa3832a}
.ref-ai-paper .ai-composer>label,.ref-ai-paper .ai-composer>small {display:none}
.ref-ai-paper .ai-composer>div {display:flex;align-items:center;gap:8px;background:#fffaf3;border:1px solid #ddc6a655;border-radius:20px;box-shadow:0 2px 4px #9d774226;padding:5px 8px}
.ref-ai-paper .ai-composer textarea {flex:1;width:auto;min-width:0;min-height:34px;height:38px;max-height:100px;margin:0;padding:7px 4px;border:0;border-radius:0;background:transparent;font:12px/1.8 var(--body);resize:none;box-shadow:none}
.ref-ai-paper .ai-composer button {min-width:32px;width:32px;min-height:32px;height:32px;border:0;padding:5px;border-radius:50%;color:#151b17;background:transparent}
.ref-ai-paper .ai-composer button svg {fill:currentColor;stroke:currentColor;width:24px;height:24px}
.ref-ai-paper .ai-composer button span {display:none}
.ref-inline-candidate {margin-top:10px;padding:11px;border:1px solid #dfc8a9aa;border-radius:5px;background:#fff9f0aa}
.ref-inline-candidate time {font:12px/1.7 sans-serif}.ref-inline-candidate h3{font-size:14px;margin:3px 0 12px}
.ref-inline-actions {display:flex;gap:8px}
.ref-inline-actions button {flex:1;border:0;border-radius:4px;min-height:31px;padding:5px;background:#609e55;color:#fff;font:11px var(--body)}
.ref-inline-actions button:nth-child(2){background:#eaa452}.ref-inline-actions button:nth-child(3){background:#e68274}
.ref-candidate-paper .detail-header>button:last-child {margin-left:auto;min-width:0;font:10px var(--body);padding:7px 9px;background:#fff8eb;border:1px solid #d8c4a744;border-radius:20px}
.ref-candidate-paper .candidate-box-intro {display:none}
.ref-candidate-filters {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}
.ref-candidate-filters button {font:12px/1.5 var(--body);padding:7px 2px;background:#f6ecda;border:0;border-radius:5px 5px 0 0;min-width:0}
.ref-candidate-filters button.is-active {background:#edcd9e}
.ref-candidate-paper .candidate-box-list {display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:auto;padding:2px 3px 10px;scrollbar-width:thin}
.ref-candidate-paper .schedule-candidate {display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:11px;min-height:86px;padding:10px 11px;border:0;border-radius:4px 7px 4px 4px;background:#fff9f0;box-shadow:0 2px 3px #95714126}
.ref-candidate-paper .schedule-candidate::before,.ref-candidate-paper .schedule-candidate::after {display:none}
.ref-candidate-paper .candidate-source {grid-column:1;grid-row:1/4;align-self:start;margin-top:3px;display:grid;place-items:center;width:31px;height:31px;min-width:0;border-radius:50%;padding:2px;color:#fff;background:#df938a;font:9px/1.1 sans-serif;text-align:center}
.ref-candidate-paper .candidate-source[data-source="line"] {background:#20af3f}.ref-candidate-paper .candidate-source[data-source="alexa"]{background:#61b3d2}
.ref-candidate-paper .schedule-candidate h3 {grid-column:2;grid-row:2;font:13px/1.65 var(--body);margin:0}
.ref-candidate-paper .ref-candidate-date {grid-column:2;grid-row:1;font:12px/1.7 sans-serif}
.ref-candidate-paper .ref-candidate-received {grid-column:2;grid-row:3;font:9px/1.7 sans-serif;color:#746b60}
.ref-candidate-paper .candidate-actions {grid-column:3;grid-row:1/4;align-self:center;display:flex;gap:5px;flex-wrap:wrap;width:109px}
.ref-candidate-paper .candidate-actions button {min-width:0;min-height:26px;flex:1;padding:4px 7px;border:0;border-radius:3px;color:white;font:10px/1.4 var(--body);white-space:nowrap}
.ref-candidate-paper .candidate-register {background:#62a058}.ref-candidate-paper .candidate-edit{background:#e9a350}.ref-candidate-paper .candidate-delete{background:#df8173}
.ref-candidate-paper .candidate-actions .candidate-edit {flex:0 0 100%;order:3;font-size:10px}
.ref-candidate-footer {display:flex;justify-content:center;gap:22px;padding:18px 0 5px}
.ref-candidate-footer button {min-width:100px;min-height:34px;border:1px solid #d2b89266;border-radius:4px;padding:6px 15px;background:#fff8ec;font:12px var(--body)}
.ref-candidate-footer button:first-child {background:#61a456;color:white;border:0}
.ref-candidate-paper .candidate-empty {flex:1;display:grid;place-items:center;box-shadow:none;background:none;border:0}
.ref-candidate-paper .candidate-empty h2{font:16px var(--body)}.ref-candidate-paper .candidate-empty p{font:12px/1.8 var(--body)}
@media(width < 700px), (aspect-ratio < 4/5) {
 .folio-reference .ref-home.is-active {padding:5px}
 .ref-book {display:block;padding:5px;border-width:2px;border-radius:19px;font:500 13px/1.6 var(--body)}
 .ref-left {height:100%;border-radius:11px;padding:5.5% 5% 4%;display:grid;grid-template-rows:minmax(60px,14%) minmax(0,26%) minmax(0,28%) minmax(0,1fr) minmax(50px,10%);gap:2.1%}
 .ref-greeting {display:block;position:relative;min-height:0;padding:.4em 0 0}
 .ref-greeting strong {display:inline-block;position:relative;font:500 1.25em/1.65 var(--body);letter-spacing:.1em;white-space:nowrap;border-bottom:2px solid #e2a338;padding-bottom:.13em}
 .ref-greeting strong::after {content:"";position:absolute;height:1px;background:#e2a338;left:0;right:0;bottom:-5px;transform:rotate(-1deg)}
 .ref-greeting small {display:block;font:.83em/1.7 var(--body);margin-top:.7em}
 .ref-greeting .ref-flower {position:absolute;right:0;bottom:-2px;width:29px;height:39px}
 .ref-weather-block {display:block;grid-row:2}
 .ref-weather-heading {display:none}
 .ref-weather {height:100%}
 .ref-weather-main strong {font-size:2.5em}
 .ref-weather-main {left:5%;top:6%}
 .ref-weather-main #weatherLabel {font-size:1em}
 .ref-weather-stats {top:43%;font-size:.75em}
 .ref-paperclip {display:none}
 .ref-today {grid-row:3;padding:.5em .8em .6em;grid-template-rows:1.8em minmax(0,1fr)}
 .ref-today-list {padding:0 0 1.8em}
 .ref-today .task-row {min-height:2em!important;gap:.5em!important}
 .ref-today>.ref-heading {margin-top:-1.05em}
 .ref-today .ref-heading-link {font-size:.68em}
 .ref-coffee {display:none}
 .ref-cross-tape {top:-.2em;right:-.2em;width:2.5em;height:2.8em;transform:rotate(-10deg)}
 .ref-today>.ref-flower {display:block;position:absolute;bottom:-.6em;right:.3em;width:2.4em;height:3.2em}
 .ref-cover-scrap {position:relative;display:flex;align-items:center;grid-row:4;gap:1.1em;min-height:0}
 .ref-cover-photo {width:40%;height:100%}
 .ref-handnote {color:#5489a8;font:italic 16px/1.4 cursive;transform:rotate(-6deg);white-space:nowrap}
 .ref-cover-apps {position:absolute;bottom:-.2em;right:.3em;font:.72em/1 var(--body)!important;display:flex;align-items:center;gap:.4em;color:#8b795c!important}
 .ref-cover-shortcuts {display:grid;grid-row:5;grid-template-columns:1fr 1fr;gap:9px;min-height:0;padding:3px 0}
 .ref-cover-shortcuts button {position:relative;display:flex;gap:.6em;align-items:center;justify-content:center;border-radius:6px 8px 5px 4px;border:1px solid #dab69660;background:linear-gradient(#f2c8b9aa,#f2c8b9aa),var(--ref-texture) center/420px;box-shadow:0 2px 3px #936e3e26;font:13px var(--body)}
 .ref-cover-shortcuts button:nth-child(2){background:linear-gradient(#dcdbb2aa,#dcdbb2aa),var(--ref-texture) center/420px}
 .ref-cover-shortcuts button:nth-child(2)::after {content:"";position:absolute;bottom:-8px;right:4px;width:25px;height:35px;background:var(--ref-flower) center/contain no-repeat}
 .ref-cover-shortcuts svg {width:24px!important;height:24px!important}
 .ref-favorites-block,.ref-dock,.ref-right,.ref-spine {display:none}
 .folio-reference:has(.ref-home.is-active) .folio-edge-tabs {display:none!important}
 .folio-reference:has(.ref-home.is-cover-calendar.is-active) .folio-edge-tabs {display:flex!important}
 .folio-reference .ref-home.is-cover-calendar.is-active {padding-right:31px}
 .ref-home.is-cover-calendar .ref-left {display:none}
 .ref-home.is-cover-calendar .ref-right {display:grid;height:100%;padding:10% 5% 5%;grid-template-rows:minmax(0,48%) minmax(0,35%) minmax(0,1fr);gap:5%;border-radius:11px}
 .ref-home.is-cover-calendar .ref-cover-home {display:block;position:absolute;left:5%;top:1%;font-size:11px}
 .folio-reference .ref-detail.is-active {padding:5px 31px 5px 5px}
 .ref-detail-paper {padding:10px 12px;border-width:2px;border-radius:12px}
 .ref-detail-paper .detail-header {gap:8px;min-height:42px;margin-bottom:8px;padding-bottom:8px}
 .ref-detail-paper .detail-header h1 {font-size:16px}
 .ref-ai-paper .folio-ai-header h1::after {left:119px;width:28px;height:39px}
 .ref-ai-paper .ai-header-actions>button {font-size:9px;padding:4px 7px}
 .ref-ai-paper .ai-header-actions>button span {font-size:9px}
 .ref-ai-paper .ai-header-actions .ref-model-pill {display:none}
 .ref-ai-paper .ai-message {padding:10px 12px!important;margin-bottom:16px;max-width:91%;width:91%}
 .ref-ai-paper .ai-message p {font-size:12px!important}
 .ref-ai-paper .ai-message[data-role="user"] {width:80%}
 .ref-ai-paper .ai-suggestions {gap:5px}
 .ref-ai-paper .ai-suggestions button {font-size:10px;padding:5px 6px}
 .ref-candidate-paper .schedule-candidate {grid-template-columns:26px minmax(0,1fr) 100px;gap:2px 7px;padding:9px}
 .ref-candidate-paper .candidate-source {width:25px;height:25px;font-size:8px}
 .ref-candidate-paper .candidate-actions {grid-column:3;grid-row:1/4;width:100px;margin-top:0;justify-self:stretch}
 .ref-candidate-paper .candidate-actions button {min-height:30px}
 .ref-candidate-paper .candidate-actions .candidate-edit {font-size:9px}
 .ref-candidate-paper .ref-candidate-date {font-size:11px}
 .ref-candidate-filters button {font-size:11px}
 .folio-reference .folio-edge-tabs {width:27px;top:15%}
 .folio-reference .folio-edge-tabs button {width:27px!important;height:68px;font-size:10px!important;padding:4px!important}
}
@media(width < 700px) and (max-height:700px), (aspect-ratio < 4/5) and (max-height:700px) {
 .ref-left {padding-top:4%;grid-template-rows:64px minmax(120px,24%) minmax(150px,29%) minmax(45px,1fr) 52px;gap:8px}
 .ref-greeting small {margin-top:.4em}
 .ref-greeting strong {font-size:1.1em}
 .ref-today .task-row {min-height:1.85em!important}
}
@media(max-height:500px) {
 .folio-reference .ref-home.is-active {overflow:auto}
 .ref-book {min-height:630px}
 .folio-reference .ref-detail.is-active {overflow:auto}
 .ref-detail-paper {min-height:470px}
}
.folio-reference.dark {--ref-paper:#37372e;--ref-sheet:#414036;--ref-ink:#f3e6cd;background:#25271f}
.dark .ref-page,.dark .ref-detail-paper {background:linear-gradient(#292c25e8,#292c25dd),var(--ref-texture);color:var(--ref-ink)}
.dark .ref-paper::before {background:linear-gradient(#393b31f2,#393b31ef),var(--ref-texture)}
.dark .ref-home .task-open,.dark .ref-home .task-time,.dark .ref-calendar-grid .calendar-day {color:var(--ref-ink)!important}
.dark .ref-ai-paper .ai-message,.dark .ref-candidate-paper .schedule-candidate {background-color:#424035!important;color:var(--ref-ink)!important;background-blend-mode:multiply}
.dark .ref-inline-candidate {background:#383b32;border-color:#776c52}
.dark .ref-cover-shortcuts button,.dark .ref-ai-paper .ai-composer textarea,.dark .ref-ai-paper .ai-suggestions button,.dark .ref-detail-paper .ai-header-actions button {color:#292e24}
.dark .ref-heading>span:first-child,.dark .ref-heading>button:first-child {color:#252b22}
.folio-reference.dark .detail-view>.detail-paper {background:linear-gradient(#292c25eb,#292c25eb),var(--ref-texture)!important}
.ref-cover-shortcuts button,.ref-favorites>button,.ref-actions button {transition:transform .15s ease,box-shadow .15s ease}
.ref-cover-shortcuts button:active,.ref-favorites>button:active,.ref-actions button:active {transform:translateY(2px);box-shadow:none}
@media(prefers-reduced-motion:reduce){.folio-reference *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}