:root{--ink: #18201f;--muted: #687270;--line: #dfe5e3;--paper: #f5f7f6;--green: #135e59;--green-dark: #0d4845;--orange: #ff603d;--color-white: #fff;--radius-sm: 8px;--radius-md: 10px;--radius-pill: 999px;--font-size-3xs: 9px;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px}*{box-sizing:border-box}html{background:#eef2f0}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),"Hiragino Sans","Yu Gothic",sans-serif;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.ghost-button,.primary-button{cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:var(--font-size-md);font-weight:700;display:inline-flex}.ghost-button{border:1px solid var(--line);background:var(--color-white)}.ghost-button:hover:not(:disabled){background:#eef2f0}.primary-button{background:var(--green);border:1px solid var(--green);color:var(--color-white)}.primary-button:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.55}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.app-shell{min-height:100vh;padding-bottom:68px;overflow:hidden}.catalog-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.catalog-gate-panel{max-width:420px;text-align:center;color:var(--ink)}.catalog-gate-retry{margin-top:16px;padding:10px 20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer}.catalog-gate-retry:hover{background:var(--paper)}.topbar{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,4vw,54px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-link{border-radius:13px;justify-content:center;align-items:center;flex-shrink:0;width:44px;height:44px;margin:-1px;cursor:pointer;display:flex}.brand-link:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.brand-mark{background:var(--green);border-radius:13px;justify-content:center;align-items:flex-end;gap:3px;width:42px;height:42px;padding-bottom:10px;display:flex}.brand-mark span{background:var(--color-white);border-radius:2px;width:4px;height:7px;display:block;transform:rotate(-18deg)}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:21px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.03em;font-size:18px}.brand small{color:var(--muted);margin-top:2px;font-size:var(--font-size-2xs)}.workspace-actions,.detail-footer{align-items:center;gap:9px;display:flex}.icon-button,.avatar-button{border:1px solid var(--line);cursor:pointer;background:var(--color-white);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.draft-reload-toggle{color:#52605d;border:1px solid var(--line);cursor:pointer;background:var(--color-white);border-radius:var(--radius-pill);min-height:38px;padding:0 11px;font:inherit;font-size:var(--font-size-xs);font-weight:750}.draft-reload-toggle:hover,.draft-reload-toggle:focus-visible{border-color:var(--green)}.draft-reload-toggle.is-active{color:var(--color-white);background:var(--green);border-color:var(--green)}.event-style-toggle{color:#52605d;border:1px solid var(--line);cursor:pointer;background:var(--color-white);border-radius:var(--radius-pill);min-height:38px;padding:0 11px;font:inherit;font-size:var(--font-size-xs);font-weight:750}.event-style-toggle:hover,.event-style-toggle:focus-visible{border-color:var(--green)}.event-style-toggle.is-active{color:var(--color-white);background:var(--green);border-color:var(--green)}.avatar-button{color:#5d4818;background:#f0dfb7;border-color:#ead5a4;font-size:var(--font-size-md);font-weight:750}.profile-settings-modal{max-width:400px;gap:10px}.profile-settings-auth-section{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}.birthdate-input-row{display:flex;gap:10px}.birthdate-input-row .account-popover-field{flex:1;min-width:0}.search-icon{border:2px solid #43504d;border-radius:50%;width:14px;height:14px;display:block;position:relative}.search-icon:after{content:"";background:#43504d;width:7px;height:2px;position:absolute;bottom:-5px;right:-4px;transform:rotate(45deg)}.workspace-header{justify-content:space-between;align-items:flex-end;gap:22px;max-width:1480px;margin:0 auto;padding:34px clamp(18px,4vw,54px) 25px;display:flex}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:var(--font-size-xs);font-weight:750}.workspace-heading{min-width:0}.workspace-header h1{overflow-wrap:anywhere;letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,34px);line-height:1.2}.workspace-header p{color:var(--muted);margin:8px 0 0;font-size:var(--font-size-md)}.workspace-header .workspace-saved-editing{color:var(--green-dark);background:#e8f4ef;border:1px solid #b9dbcc;border-radius:var(--radius-pill);flex-wrap:wrap;align-items:center;gap:4px 8px;width:fit-content;max-width:100%;padding:6px 10px;display:flex}.workspace-saved-editing strong{overflow-wrap:anywhere}.add-history,.discovery-strip>button{cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:var(--font-size-md);font-weight:700;display:inline-flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lane-select-fieldset{border:0;margin:0;padding:0}.lane-select-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.lane-select-card{cursor:pointer;background:var(--color-white);border:2px solid var(--line);border-radius:14px;align-items:start;column-gap:12px;row-gap:4px;min-height:84px;padding:16px;display:grid;grid-template-columns:auto auto minmax(0,1fr)}.lane-select-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #ff603d59}.lane-select-card.selected{background:#f1f8f6;border-color:var(--green)}.lane-select-card input{grid-column:1;grid-row:1;accent-color:var(--green);margin-top:3px;width:18px;height:18px}.lane-select-swatch{grid-column:2;grid-row:1;border-radius:50%;width:14px;height:14px;margin-top:4px}.lane-select-copy{grid-column:3;grid-row:1;flex-direction:column;gap:4px;min-width:0;display:flex}.lane-select-copy strong{font-size:15px;line-height:1.4}.lane-select-copy small{color:var(--muted);font-size:var(--font-size-sm)}.lane-select-state{grid-column:1 / -1;grid-row:2;justify-self:end;align-self:end;color:var(--muted);font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}.lane-select-card.selected .lane-select-state{color:var(--green-dark)}.controlbar{background:var(--color-white);border:0;border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:66px;margin:0;padding:12px 18px;display:flex;position:relative}.zoom-copy{min-width:152px}.control-label,.zoom-copy strong{display:block}.control-label{color:var(--muted);letter-spacing:.08em;font-size:var(--font-size-2xs)}.zoom-copy strong{margin-top:3px;font-size:var(--font-size-md)}.zoom-control{background:#eef1f0;border-radius:var(--radius-md);gap:2px;padding:4px;display:flex}.zoom-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:54px;padding:7px 9px;font-size:var(--font-size-sm)}.zoom-control button.active{color:var(--ink);background:var(--color-white);font-weight:800;box-shadow:0 2px 8px #18201f14}.zoom-control.zoom-slider{flex-direction:column;align-items:stretch;gap:6px;min-width:180px}.zoom-control.zoom-slider input[type=range]{width:100%;accent-color:var(--ink);background:var(--muted);cursor:pointer}.zoom-control .zoom-ticks{position:relative;height:44px;margin-inline:24px}.zoom-control .zoom-ticks button{position:absolute;top:0;transform:translate(-50%);min-width:44px;min-height:44px;padding:2px 6px;font-size:var(--font-size-2xs);white-space:nowrap;display:flex;align-items:center;justify-content:center}.range-select-control{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.range-select-toggle{cursor:pointer;background:var(--color-white);border:1px dashed #9aa6a3;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:var(--font-size-md);font-weight:700;display:flex}.range-select-toggle.active{color:var(--color-white);background:var(--green);border-color:var(--green);border-style:solid}.range-select-status{color:var(--muted);align-items:center;gap:8px;font-size:var(--font-size-sm);display:flex}.range-select-status button{cursor:pointer;background:#f3f5f4;border:0;border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-size-sm);font-weight:700}.range-select-status button:disabled{cursor:not-allowed;opacity:.5}.range-select-confirmed-hint{color:var(--green-dark);background:#e8f4ef;border:1px solid #b9dbcc;border-radius:var(--radius-pill);align-items:center;gap:6px;margin:0;padding:6px 10px;font-size:var(--font-size-xs);display:flex}.range-select-confirmed-hint button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-size:var(--font-size-xs);font-weight:700;text-decoration:underline}.add-history{background:var(--color-white);border:1px dashed #9aa6a3;margin-left:auto}.add-popover{border:1px solid var(--line);z-index:30;background:var(--color-white);border-radius:13px;gap:9px;width:270px;padding:15px;display:grid;position:absolute;top:58px;right:18px;box-shadow:0 18px 48px #1623202e}.add-popover strong{font-size:var(--font-size-md)}.add-popover p{color:var(--muted);margin:0;font-size:var(--font-size-sm);line-height:1.6}.add-popover button{cursor:pointer;background:#f6f8f7;border:0;border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:var(--font-size-sm);display:flex}.add-popover button:disabled{cursor:not-allowed;opacity:.55}.add-popover-candidates{flex-direction:column;gap:8px;max-height:220px;display:flex;overflow-y:auto}.history-dot{border-radius:50%;width:9px;height:9px}.tag-filter-status:empty{display:none}.tag-filter-status:not(:empty){color:var(--green-dark);background:#eaf3f1;border:1px solid #bfe0da;border-radius:var(--radius-pill);align-items:center;gap:10px;margin:0;padding:8px 14px;font-size:var(--font-size-sm);display:flex}.tag-filter-status-text{font-weight:700}.tag-filter-clear{color:var(--green-dark);cursor:pointer;background:var(--color-white);border:1px solid #bfe0da;border-radius:var(--radius-pill);margin-left:auto;padding:5px 10px;font-size:var(--font-size-xs)}.tag-filter-clear:hover{background:#f2faf8}.timeline-empty-state{color:var(--muted);text-align:center;pointer-events:none;background:#fffffff2;border:1px dashed var(--line);border-radius:12px;max-width:320px;padding:10px 16px;font-size:var(--font-size-sm);position:absolute;top:90px;left:calc(50% + 62px);z-index:15;transform:translate(-50%)}.timeline-frame{background:var(--color-white);grid-template-columns:176px minmax(0,1fr);margin:0;display:grid;position:relative}.timeline-labels{border-right:1px solid var(--line);z-index:12;background:var(--color-white);position:relative;box-shadow:8px 0 20px #18201f0a}.label-ruler{border-bottom:1px solid var(--line);align-items:center;height:70px;padding:22px 14px 0;display:flex}.label-ruler span{color:var(--muted);font-size:var(--font-size-2xs)}.track-label{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;height:222px;padding:18px 10px 12px;display:flex;position:relative}button.track-label{appearance:none;color:inherit;cursor:pointer;background:none;border-width:0 0 1px;border-style:solid;border-color:var(--line);width:100%;text-align:left;font:inherit}button.track-label:hover{background:var(--paper)}.track-number{color:var(--color-white);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:25px;height:25px;font-size:var(--font-size-xs);font-weight:800;display:flex}.track-label-copy{min-width:0}.track-label-copy>span{color:var(--muted);letter-spacing:.1em;margin-bottom:3px;font-size:var(--font-size-3xs);font-weight:700;display:block}.track-label-copy strong{font-size:var(--font-size-sm);line-height:1.45;display:block}.track-label-copy small{color:var(--muted);margin-top:4px;font-size:var(--font-size-3xs);line-height:1.4;display:block}.history-like-button{color:inherit;border:1px solid var(--line);cursor:pointer;background:var(--color-white);border-radius:var(--radius-sm);margin-top:4px;padding:3px 7px;font-size:var(--font-size-3xs);display:inline-flex}.history-like-button.liked{color:#e2482e;background:#fff1ef;border-color:#ffc7bb}.lane-expand-toggle{color:inherit;border:1px solid var(--line);cursor:pointer;background:var(--color-white);border-radius:var(--radius-sm);margin-top:4px;padding:3px 7px;font-size:var(--font-size-3xs);display:inline-flex}.lane-expand-toggle[aria-pressed=true]{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.track-tools{gap:4px;display:flex;position:absolute;bottom:14px;left:12px}.track-tools button{color:#53605d;cursor:pointer;background:#f3f5f4;border:0;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;font-size:var(--font-size-xs);display:flex}.track-tools button:disabled{cursor:default;opacity:.3}.timeline-scroll{overscroll-behavior-x:contain;scrollbar-color:#9eb0ac #eef2f0;scrollbar-width:thin;overflow:auto hidden;touch-action:pan-x pan-y}.timeline-canvas{background:#fbfcfb;min-width:100%;position:relative}.year-ruler{border-bottom:1px solid var(--line);background:#f7f9f8;height:38px;position:relative}.year-tick{border-left:1px solid #d8dfdd;height:7px;position:absolute;bottom:0}.year-tick.major{height:12px}.year-tick span{color:#45514f;font-size:var(--font-size-2xs);font-weight:700;position:absolute;top:-17px;left:7px}.era-bands{border-bottom:1px solid var(--line);background:var(--color-white);height:32px;position:relative}.era{letter-spacing:.16em;justify-content:center;align-items:center;height:100%;font-size:var(--font-size-2xs);font-weight:750;display:flex;position:absolute;top:0;overflow:hidden}.era-tone-0{color:#806a50;background:#f4ede4}.era-tone-1{color:#476b65;background:#e8f0ee}.era-tone-2{color:#4f5a80;background:#eaecf6}.range-select-layer{z-index:16;pointer-events:none;position:absolute;inset:0}.range-select-layer.active{cursor:crosshair;touch-action:none;pointer-events:auto}.range-select-band{background:#135e5926;border-left:2px solid var(--green);border-right:2px solid var(--green);pointer-events:none;position:absolute;top:0;bottom:0}.range-select-handle{cursor:ew-resize;pointer-events:auto;width:20px;margin-left:-10px;position:absolute;top:0;bottom:0}.range-select-handle-start{left:0}.range-select-handle-end{left:100%}.range-select-handle:after{content:"";background:var(--green);border:2px solid var(--color-white);border-radius:4px;width:4px;height:70px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #18201f38}.range-select-handle:focus-visible{outline:none}.range-select-handle:focus-visible:after{outline-offset:2px;outline:3px solid #ff603d59}.tracks{position:relative}.timeline-track{background:linear-gradient(90deg,var(--track-soft),transparent 48px);border-bottom:1px solid var(--line);height:222px;position:relative;overflow:visible}.grid-line{pointer-events:none;z-index:1;border-left:1px solid #7f918c21;position:absolute;top:70px;bottom:0}.grid-line.major{border-left-color:#5a6d683b}.selected-guide{border-left:2px solid var(--orange);pointer-events:none;z-index:10;position:absolute;top:38px;bottom:0}.selected-guide:after{background:var(--orange);content:"";border:3px solid var(--color-white);border-radius:50%;width:12px;height:12px;position:absolute;top:27px;left:-7px;box-shadow:0 2px 8px #18201f38}.selected-guide>span{background:var(--orange);color:var(--color-white);border-radius:5px;padding:3px 6px;font-size:var(--font-size-3xs);font-weight:800;position:absolute;top:4px;left:-19px}.quick-add-flag-button{pointer-events:auto;position:absolute;top:6px;left:10px;background:var(--color-white);color:var(--ink);border:1px solid var(--orange);border-radius:var(--radius-pill);padding:3px 8px;font-size:var(--font-size-2xs);font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 2px 6px #18201f26}.quick-add-flag-button:hover,.quick-add-flag-button:focus-visible{background:var(--orange);color:var(--color-white)}.event-card{border:1px solid #18201f1f;border-left:4px solid var(--track-color);cursor:pointer;text-align:left;z-index:4;background:#fffffff7;flex-direction:column;height:112px;min-height:112px;padding:10px 11px 9px;transition:box-shadow .16s,transform .16s;display:flex;position:absolute;overflow:hidden}.event-card:hover{z-index:7;transform:translateY(-2px)}.event-card.selected{box-shadow:0 0 0 2px var(--track-color),0 12px 27px #22302c29;z-index:8}.event-card.period{background:var(--track-soft)}@supports (color: color-mix(in lab,red,red)){.event-card.period{background:color-mix(in srgb,var(--track-soft) 74%,white)}}.event-card.period{border-left:0;padding-left:13px}.event-card-icon{width:28px;height:28px;border-radius:6px;object-fit:cover;position:absolute;top:10px;left:11px}.event-card.has-icon{padding-left:47px}.event-card.period.has-icon{padding-left:49px}.event-card.period .event-card-icon{left:13px}.event-style-proposed .event-card{background:transparent;border:0;border-radius:0;box-shadow:none;height:72px;min-height:72px;padding:10px 14px 9px}.event-style-proposed .event-card:hover,.event-style-proposed .event-card.selected{box-shadow:none}.event-style-proposed .event-card.instant{padding-left:22px}.event-style-proposed .event-card.instant:before{content:"";border-radius:var(--radius-pill);width:8px;position:absolute;top:10px;bottom:10px;left:0}.event-style-proposed .event-card.period{border:2px solid;border-radius:12px;padding:7px 11px 6px}.event-style-proposed .period-span{display:none}.event-style-proposed .event-date,.event-style-proposed .event-title,.event-style-proposed .event-description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-style-proposed .event-date{line-height:1.2}.event-style-proposed .event-title,.event-style-proposed .event-description{-webkit-line-clamp:unset;display:block}.event-style-proposed .event-title,.event-style-proposed .event-description{line-height:1.35}.period-span{background:var(--track-color);max-width:100%;height:4px;position:absolute;top:0;left:0}.event-date{color:var(--track-color)}.event-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.importance-icon{display:inline-block}.importance-icon img{width:100%;height:100%;max-width:none;display:block}.event-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event-meta{color:#77827f;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:7px;font-size:var(--font-size-3xs);display:flex}.importance{letter-spacing:-.08em}.importance-1{color:#9eaaa7}.importance-2{color:#e29f2b}.importance-3{color:var(--orange)}.event-card.overview{height:58px;min-height:58px;padding:8px 9px}.event-card.overview .event-title{-webkit-line-clamp:1;font-size:var(--font-size-2xs)}.event-card.overview .event-date{font-size:8px}.event-card.overview .event-meta{padding-top:4px}.event-chip{color:var(--track-color);cursor:pointer;background:var(--color-white);border:1px solid var(--track-color);border-radius:var(--radius-pill);justify-content:center;align-items:center;height:32px;font-size:var(--font-size-xs);font-weight:800;display:flex;position:absolute;z-index:5;box-shadow:0 5px 14px #22302c14}.event-chip:hover,.event-chip:focus-visible{color:var(--color-white);background:var(--track-color)}.overflow-chip-list{flex-direction:column;gap:6px;margin:0;padding:0;max-height:50vh;list-style:none;display:flex;overflow-y:auto}.overflow-chip-list button{color:var(--ink);cursor:pointer;text-align:left;background:#f6f8f7;border:0;border-radius:var(--radius-sm);flex-direction:column;gap:2px;width:100%;padding:9px 11px;display:flex}.overflow-chip-list button:hover,.overflow-chip-list button:focus-visible{background:#eaf3f1}.overflow-chip-list-date{color:var(--muted);font-size:var(--font-size-3xs);font-weight:800}.overflow-chip-list-title{font-size:var(--font-size-sm);font-weight:700}.scroll-hint{color:var(--color-white);pointer-events:none;z-index:15;background:#12211dc7;border-radius:var(--radius-pill);align-items:center;gap:7px;padding:6px 10px;font-size:var(--font-size-3xs);display:flex;position:absolute;bottom:13px;left:calc(50% + 62px);transform:translate(-50%)}.discovery-strip{color:var(--color-white);background:#153f3c;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0;padding:18px 22px;display:grid}.discovery-icon{color:#f4cb70;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.discovery-strip strong{font-size:var(--font-size-sm)}.discovery-strip p{color:#ffffffb8;max-width:700px;margin:3px 0 0;font-size:var(--font-size-2xs);line-height:1.6}.discovery-strip>button{color:var(--green-dark);white-space:nowrap;background:var(--color-white);border:0}.discovery-strip>button:disabled{opacity:.5;cursor:not-allowed}@media not (max-width:720px){.discovery-strip.with-detail-panel{margin-right:min(640px,calc(58vw + 20px))}}@media(not (max-width:720px))and (max-width:1100px){.discovery-strip.with-detail-panel{grid-template-columns:auto 1fr}.discovery-strip.with-detail-panel>button{grid-column:1/-1}}.detail-panel{border:1px solid var(--line);z-index:40;background:var(--color-white);border-radius:18px;grid-template-columns:148px 1fr;grid-template-rows:minmax(0,1fr);width:min(58vw,600px);max-width:600px;max-height:calc(100vh - 40px);display:grid;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 22px 70px #12211d3d}.detail-visual{color:var(--color-white);background:#223a37;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.detail-visual:before,.detail-visual:after{content:"";border:1px solid #ffffff38;border-radius:50%;width:170px;height:170px;position:absolute;transform:translate(38px,52px)}.detail-visual:after{width:92px;height:92px;transform:translate(-56px,-76px)}.detail-visual.manga{background:linear-gradient(145deg,#ff6c48,#db2f20)}.detail-visual.music{background:linear-gradient(145deg,#7f5bd8,#43328f)}.detail-visual.game{background:linear-gradient(145deg,#efcb52,#d06c20)}.detail-visual.news{background:linear-gradient(145deg,#1a8d84,#174a48)}.detail-visual.has-icon:before{display:none}.detail-visual.has-icon:after{content:"";border:none;width:auto;height:auto;position:absolute;inset:0;transform:none;z-index:1;background:linear-gradient(180deg,#0a141200 45%,#0a1412bf)}.detail-visual-icon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.detail-visual span,.detail-visual strong{z-index:2;position:relative}.detail-visual span{letter-spacing:-.06em;font-size:34px;font-weight:850}.detail-visual strong{letter-spacing:.22em;font-size:var(--font-size-2xs)}.detail-body{min-height:0;padding:21px 22px 16px;overflow-y:auto}.detail-topline{color:var(--muted);background:var(--color-white);justify-content:space-between;align-items:center;font-size:var(--font-size-2xs);display:flex;position:sticky;top:0;z-index:1}.detail-topline button{cursor:pointer;background:#f0f3f2;border:0;border-radius:50%;width:28px;height:28px}.detail-body h2{letter-spacing:-.03em;margin:7px 0;font-size:20px;line-height:1.4}.detail-rating{color:var(--orange);align-items:center;gap:1px;font-size:var(--font-size-xs);display:flex}.detail-rating small{color:var(--muted);margin-left:6px}.detail-body>p{color:#53605d;margin:13px 0;font-size:var(--font-size-xs);line-height:1.75}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list button{color:#56625f;cursor:pointer;background:#f0f3f2;border:1px solid transparent;border-radius:var(--radius-pill);padding:5px 8px;font-size:var(--font-size-3xs);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.tag-list button:hover{background:#e2e8e6}.tag-list button:active{background:#d7deda}.tag-list button[aria-pressed=true]{color:var(--color-white);background:var(--green);border-color:var(--green-dark)}.detail-footer{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.detail-footer button{border:1px solid var(--line);cursor:pointer;background:var(--color-white);border-radius:var(--radius-sm);padding:7px 9px;font-size:var(--font-size-3xs)}.detail-footer button.liked{color:#e2482e;background:#fff1ef;border-color:#ffc7bb}.source-row{color:#8a9491;margin-top:10px;font-size:8px}.comment-section{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.comment-section h3{margin:0 0 8px;font-size:var(--font-size-sm)}.comment-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.comment-item{background:#f6f8f7;border-radius:var(--radius-md);padding:8px 10px}.comment-meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--font-size-3xs);display:flex}.comment-meta strong{color:var(--ink);font-size:var(--font-size-2xs)}.comment-item p{color:#384542;white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:var(--font-size-xs);line-height:1.6}.comment-empty{color:var(--muted);margin:0 0 12px;font-size:var(--font-size-2xs)}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:var(--font-size-2xs);display:flex}.comment-form input,.comment-form textarea{color:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;font-family:inherit;font-size:var(--font-size-xs);resize:vertical}.comment-form input:focus-visible,.comment-form textarea:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.comment-form button{color:var(--color-white);cursor:pointer;background:var(--green-dark);border:0;border-radius:var(--radius-sm);align-self:flex-start;padding:8px 14px;font-size:var(--font-size-2xs);font-weight:700}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.onboarding-card{color:var(--color-white);z-index:50;background:#1a2e2b;border:1px solid #ffffff1f;border-radius:14px;width:calc(100vw - 56px);max-width:310px;padding:18px;position:fixed;top:92px;left:28px;box-shadow:0 20px 65px #101d1a4d}.onboarding-card>button:first-child{color:#ffffffb3;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:8px;right:11px}.onboarding-step{color:#f4cb70;letter-spacing:.1em;margin-bottom:7px;font-size:var(--font-size-3xs);font-weight:800;display:block}.onboarding-card strong{font-size:14px;display:block}.onboarding-card p{color:#ffffffb3;margin:7px 0 13px;font-size:var(--font-size-2xs);line-height:1.6}.onboarding-card .onboarding-action{color:#153f3c;cursor:pointer;background:var(--color-white);border:0;border-radius:var(--radius-sm);padding:8px 13px;font-size:var(--font-size-2xs);font-weight:800}.search-overlay{z-index:60;background:#12211d59;justify-content:center;align-items:flex-start;padding:84px 20px 20px;display:flex;position:fixed;inset:0}.search-panel{border:1px solid var(--line);background:var(--color-white);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:520px;max-height:calc(100vh - 120px);padding:18px;display:flex;box-shadow:0 24px 70px #12211d3d}.search-panel-header{justify-content:space-between;align-items:center;display:flex}.search-panel-header h2{margin:0;font-size:15px}.search-panel-header button{color:#53605d;cursor:pointer;background:#f0f3f2;border:0;border-radius:50%;width:28px;height:28px;font-size:14px}.search-panel input[type=search]{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;padding:10px 12px;font-size:var(--font-size-md)}.search-panel input[type=search]:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.search-status{color:var(--muted);margin:0;font-size:var(--font-size-xs)}.search-results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-results button{color:inherit;text-align:left;cursor:pointer;background:#f6f8f7;border:0;border-radius:var(--radius-md);flex-direction:column;gap:4px;width:100%;padding:10px 12px;display:flex}.search-results button:hover{background:#eef2f0}.search-result-title{font-size:var(--font-size-sm);font-weight:750}.search-result-meta{color:var(--muted);align-items:center;gap:8px;font-size:var(--font-size-2xs);display:flex}.upgrade-overlay{z-index:70;background:#12211d59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.upgrade-modal{border:1px solid var(--line);background:var(--color-white);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:360px;max-height:calc(100vh - 40px);padding:18px;display:flex;box-shadow:0 24px 70px #12211d3d;overflow-y:auto}.upgrade-modal-header{justify-content:space-between;align-items:center;display:flex}.upgrade-modal-header h2{margin:0;font-size:15px}.upgrade-modal-header button{color:#53605d;cursor:pointer;background:#f0f3f2;border:0;border-radius:50%;width:28px;height:28px;font-size:14px}.upgrade-modal p{color:var(--muted);margin:0;font-size:var(--font-size-sm);line-height:1.6}.upgrade-modal-action{color:var(--color-white);cursor:pointer;background:var(--green);border:0;border-radius:var(--radius-sm);align-self:flex-start;padding:9px 16px;font-size:var(--font-size-sm);font-weight:700}.upgrade-modal-action:disabled{cursor:not-allowed;opacity:.6}.upgrade-modal-action-danger{background:#b3261e}.save-dialog-field{color:var(--ink);flex-direction:column;gap:6px;margin:4px 0 0;font-size:var(--font-size-sm);font-weight:700;display:flex}.save-dialog-field input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;font-size:var(--font-size-md);font-weight:400}.save-dialog-field input:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.save-dialog-field input:disabled{cursor:not-allowed;opacity:.6}.save-dialog-publication{display:flex;align-items:flex-start;gap:10px;margin-top:14px;cursor:pointer}.save-dialog-publication input{margin-top:3px}.save-dialog-publication span{display:flex;flex-direction:column;gap:3px}.save-dialog-publication small{color:var(--muted);line-height:1.5}.save-dialog-publication-retry{color:#384440;cursor:pointer;background:none;border:0;padding:0;margin-top:6px;font-size:var(--font-size-sm);font-weight:700;text-decoration:underline}.save-dialog-range{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md)}.save-dialog-range legend{padding:0 4px;color:var(--ink);font-size:var(--font-size-sm);font-weight:700}.save-dialog-range-inputs{display:flex;flex-wrap:wrap;gap:10px}.save-dialog-range-field{display:flex;flex:1 1 120px;flex-direction:column;gap:6px;color:var(--ink);font-size:var(--font-size-sm);font-weight:700}.save-dialog-range-field input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;font-size:var(--font-size-md);font-weight:400}.save-dialog-range-field input:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.save-dialog-range-field input:disabled{cursor:not-allowed;opacity:.6}.save-dialog-range-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.save-dialog-range-actions button{color:#384440;cursor:pointer;background:#f0f3f2;border:0;border-radius:var(--radius-sm);padding:7px 12px;font-size:var(--font-size-sm);font-weight:700}.save-dialog-range-actions button:disabled{cursor:not-allowed;opacity:.6}.save-dialog-range-hint{margin:8px 0 0;color:var(--muted);font-size:var(--font-size-xs);line-height:1.5}.save-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.save-dialog-actions button[type=button]:not(.upgrade-modal-action),.share-dialog-actions button[type=button]:not(.upgrade-modal-action){color:#384440;cursor:pointer;background:#f0f3f2;border:0;border-radius:var(--radius-sm);padding:9px 14px;font-size:var(--font-size-sm);font-weight:700}.save-dialog-actions .upgrade-modal-action,.share-dialog-actions .upgrade-modal-action{align-self:auto}.copy-fallback-input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;padding:9px 10px;font-size:var(--font-size-sm)}.copy-fallback-input:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.share-dialog-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-dialog-actions button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:760px){.workspace-header{flex-wrap:wrap}.workspace-header>div:not(.workspace-actions){flex:1 1 260px}.workspace-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}}@media(max-width:720px){.app-shell{padding-bottom:44px}.topbar{height:61px;padding:0 14px}.brand-mark{border-radius:var(--radius-md);width:35px;height:35px}.brand-link{width:45px;height:45px;margin:-5px}.brand strong{font-size:15px}.brand small{display:none}.icon-button,.avatar-button{width:44px;height:44px}.workspace-header{align-items:flex-start;padding:23px 16px 18px}.workspace-header h1{max-width:320px;font-size:20px}.workspace-header p{font-size:var(--font-size-xs)}.workspace-actions .ghost-button span:last-child,.workspace-actions .primary-button span:last-child{display:none}.workspace-actions .ghost-button,.workspace-actions .primary-button{width:44px;min-height:44px;padding:0}.controlbar{flex-wrap:wrap;gap:8px;min-height:64px;margin:0;padding:9px 8px}.zoom-copy{display:none}.zoom-control{flex:1}.zoom-control button{flex:1;min-width:0;min-height:44px;padding-inline:5px;display:flex;align-items:center;justify-content:center}.add-history{width:44px;height:44px;min-height:44px;padding:0}.add-history span:first-child{font-size:18px}.add-history span:last-child{display:none}.add-popover{top:59px;right:8px}.range-select-toggle{width:44px;height:44px;min-height:44px;padding:0}.range-select-toggle span:first-child{font-size:16px}.range-select-toggle span:last-child{display:none}.range-select-status{flex-wrap:wrap;width:100%}.timeline-frame{grid-template-columns:108px minmax(0,1fr);margin:0}.label-ruler{height:70px;padding:20px 8px 0}.track-label{gap:6px;height:222px;padding:14px 7px 10px}.track-number{border-radius:7px;width:22px;height:22px}.track-label-copy>span,.track-label-copy small{display:none}.track-label-copy strong{font-size:var(--font-size-2xs);line-height:1.45}.history-like-button,.lane-expand-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.track-tools{flex-wrap:wrap;gap:4px;width:92px;bottom:8px;left:7px}.track-tools button{width:44px;height:44px;font-size:var(--font-size-xs)}.quick-add-flag-button{top:-14px;height:44px}.scroll-hint{left:calc(50% + 43px)}.timeline-empty-state{left:calc(50% + 43px);max-width:220px}.tag-filter-status:not(:empty){margin:8px 0 0;padding:7px 10px;font-size:var(--font-size-xs)}.discovery-strip{grid-template-columns:auto 1fr;gap:10px;margin:0;padding:14px}.discovery-strip p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.discovery-strip>button{grid-column:1/-1;min-height:44px}.detail-panel{border-radius:17px 17px 0 0;grid-template-columns:90px 1fr;width:100%;max-width:none;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);bottom:0;left:0;right:0}.detail-visual{min-height:292px}.detail-visual span{font-size:25px;transform:rotate(-90deg)}.detail-visual strong{margin-top:26px;transform:rotate(-90deg)}.detail-body{padding:17px 16px max(13px,env(safe-area-inset-bottom,0px))}.detail-body h2{margin-top:5px;font-size:16px}.detail-body>p{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:var(--font-size-2xs);line-height:1.65;display:-webkit-box;overflow:hidden}.onboarding-card{top:70px;left:14px}.search-overlay{padding:64px 12px max(12px,env(safe-area-inset-bottom,0px))}.search-panel{max-height:calc(100vh - 88px);max-height:calc(100dvh - 64px - max(12px,env(safe-area-inset-bottom,0px)));padding:14px}.upgrade-overlay{padding:12px 12px max(12px,env(safe-area-inset-bottom,0px))}.upgrade-modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 12px - max(12px,env(safe-area-inset-bottom,0px)));padding:14px 14px max(14px,env(safe-area-inset-bottom,0px))}.lane-select-grid{grid-template-columns:1fr}.comment-form button,.save-dialog-actions button,.share-dialog-actions button,.upgrade-modal-action,.onboarding-card .onboarding-action{min-height:44px;display:flex;align-items:center;justify-content:center}.tag-list{gap:8px}.tag-list button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.detail-footer button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px}.add-popover button{min-height:44px}.search-panel-header button,.upgrade-modal-header button,.detail-topline button{width:44px;height:44px;font-size:16px;display:flex;align-items:center;justify-content:center}.onboarding-card>button:first-child{width:44px;height:44px;top:0;right:0;display:flex;align-items:center;justify-content:center}.onboarding-card>div[aria-live]{padding-right:44px}.comment-form input,.comment-form textarea,.save-dialog-field input,.copy-fallback-input,.search-panel input[type=search]{min-height:44px}}@media(max-width:480px){.detail-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.detail-visual{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:0;padding:14px 18px}.detail-visual span{font-size:22px;transform:none}.detail-visual strong{margin-top:0;transform:none}}.export-offscreen-host{position:fixed;top:0;left:-10000px;pointer-events:none}.export-root{background:var(--color-white)}.export-metadata{border-bottom:1px solid var(--line);padding:14px 18px;flex-direction:column;gap:6px;display:flex}.export-app-name{color:var(--muted);letter-spacing:.12em;font-size:var(--font-size-xs);font-weight:800}.export-metadata h2{margin:0;font-size:17px}.export-meta-row{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:var(--font-size-xs);display:flex}.export-crop{overflow:hidden}.export-timeline-frame{margin:0;border:0}.lane-spotlight-modal{background:var(--color-white);border-radius:12px;width:min(960px,100%);max-height:min(85vh,760px);display:flex;flex-direction:column;overflow:hidden}.lane-spotlight-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #e2e8f0}.lane-spotlight-header h2{display:flex;align-items:center;gap:8px;font-size:16px;margin:0;min-width:0}.lane-spotlight-dot{width:10px;height:10px;border-radius:50%;flex:none}.lane-spotlight-header button{flex:none}.lane-spotlight-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid #e2e8f0}.lane-spotlight-actions button{border:1px solid var(--orange);background:var(--color-white);color:var(--ink);border-radius:var(--radius-pill);padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer}.lane-spotlight-actions button:hover,.lane-spotlight-actions button:focus-visible{background:var(--orange);color:var(--color-white)}.lane-spotlight-actions button:disabled{cursor:default;opacity:.55;background:var(--color-white);color:var(--ink)}.lane-spotlight-scroll{position:relative;flex:1;overflow:auto;min-height:180px}.lane-spotlight-canvas{position:relative;min-height:160px}.lane-spotlight-detail{border-top:1px solid #e2e8f0;padding:12px 16px;max-height:200px;overflow-y:auto}.lane-spotlight-detail h3{margin:4px 0 8px}.lane-spotlight-detail-date{font-size:12.5px;color:#64748b}.lane-spotlight-detail-empty{color:#64748b;margin:0}.search-corpus-status{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.top-actions{align-items:center;gap:9px;display:flex}.top-hero{max-width:760px;margin:0 auto;padding:8px clamp(18px,4vw,54px) 20px}.top-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(24px,4vw,36px);line-height:1.25}.top-hero p{color:var(--muted);margin:14px 0 0;max-width:62ch;font-size:14px;line-height:1.7}.top-selection,.top-my-timeline,.top-saved,.top-gallery{max-width:1120px;margin:0 auto;padding:20px clamp(18px,4vw,54px)}.top-selection h2,.top-my-timeline h2,.top-saved h2,.top-gallery h2{letter-spacing:-.01em;margin:0 0 14px;font-size:18px}.top-selection h2:focus,.top-saved h2:focus,.top-gallery h2:focus{outline-offset:2px;outline:3px solid #ff603d59}.top-selection-footer{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.top-selection-count{color:var(--muted);margin:0;font-size:var(--font-size-md);font-weight:700}.top-start-button{min-width:160px}.top-my-timeline-lead{color:var(--muted);margin:0 0 14px;font-size:14px}.top-my-timeline-fields{display:flex;flex-wrap:wrap;gap:12px}.top-my-timeline-field{display:flex;flex-direction:column;gap:6px;font-size:var(--font-size-md);font-weight:700}.top-my-timeline-field input{width:110px;padding:8px 10px;border:1px solid rgba(15,23,42,.2);border-radius:var(--radius-sm);font:inherit;font-weight:400}.top-my-timeline-field input:disabled{background:#0f172a0d}.top-my-timeline-schools{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;border:none}.top-my-timeline-schools legend{padding:0 0 6px;font-size:var(--font-size-md);font-weight:700}.top-my-timeline-school-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.top-my-timeline-school-checkbox{display:flex;align-items:center;gap:6px;min-width:132px;font-size:var(--font-size-md);font-weight:400}.top-my-timeline-school-year{display:flex;align-items:center;gap:6px;font-size:var(--font-size-md);font-weight:400}.top-my-timeline-school-year input{width:90px;padding:6px 8px;border:1px solid rgba(15,23,42,.2);border-radius:var(--radius-sm);font:inherit}.top-my-timeline-school-year input:disabled{background:#0f172a0d}.top-my-timeline-schools:disabled .top-my-timeline-school-checkbox,.top-my-timeline-schools:disabled .top-my-timeline-school-year,.top-my-timeline-school-year:has(input:disabled){color:var(--muted)}.top-my-timeline-hint{color:var(--muted);margin:12px 0 0;font-size:var(--font-size-md)}.top-my-timeline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}.top-my-timeline-actions .primary-button{min-width:160px}.top-my-timeline-login{padding:9px 16px;border:1px solid rgba(15,23,42,.2);border-radius:var(--radius-pill);background:var(--color-white);font:inherit;font-size:var(--font-size-md);font-weight:700;cursor:pointer}.top-my-timeline-login:hover:not(:disabled){border-color:#0f172a66}.top-my-timeline-panel{max-width:440px}.top-form-error{color:#b3261e;margin:12px 0 0;font-size:var(--font-size-md);font-weight:700}.top-saved-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.top-saved-item-row{background:var(--color-white);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 16px;width:100%;padding:14px 16px;display:flex}.top-saved-item-info{flex-direction:column;gap:4px;flex:1 1 220px;min-width:0;display:flex}.top-saved-item-info strong{font-size:14px;overflow-wrap:anywhere}.top-saved-item-info span,.top-saved-item-info time{color:var(--muted);font-size:var(--font-size-sm)}.top-saved-item-actions{align-items:center;gap:8px;flex-shrink:0;display:flex}.top-saved-item-resume{color:var(--color-white);cursor:pointer;background:var(--green);border:0;border-radius:var(--radius-sm);padding:8px 14px;font-size:var(--font-size-sm);font-weight:700}.top-saved-item-resume:disabled{cursor:not-allowed;opacity:.6}.top-saved-item-delete{color:#b3261e;cursor:pointer;background:#fdeceb;border:0;border-radius:var(--radius-sm);padding:8px 14px;font-size:var(--font-size-sm);font-weight:700}.top-saved-item-delete:hover{background:#fadedc}.top-saved-legacy{border-top:1px dashed var(--line);margin-top:14px;padding-top:14px}.top-saved-legacy-label{color:var(--muted);margin:0 0 8px;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.top-gallery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.top-gallery-header p{margin:6px 0 0;color:var(--muted);font-size:var(--font-size-md)}.top-gallery-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-md)}.top-gallery-tabs button{border:0;border-radius:7px;padding:7px 12px;background:transparent;color:var(--muted);cursor:pointer}.top-gallery-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.top-gallery-status{margin:18px 0 0}.top-gallery-status button{margin-top:8px}.top-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}.top-gallery-card{display:flex;min-height:132px;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;background:var(--paper)}.top-gallery-card:hover{border-color:var(--accent);transform:translateY(-1px)}.top-gallery-card:focus-visible,.top-gallery-tabs button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.top-gallery-card span,.top-gallery-card small{color:var(--muted)}.top-gallery-card small{margin-top:auto}@media(max-width:720px){.top-hero{padding:4px 16px 16px}.top-selection,.top-saved,.top-gallery{padding:16px}.top-gallery-header{flex-direction:column}.top-selection-footer{align-items:stretch}.top-start-button{width:100%;min-height:44px}.top-saved-item-row{flex-direction:column;align-items:stretch}.top-saved-item-actions{justify-content:stretch}.top-saved-item-resume,.top-saved-item-delete{flex:1 1 0;min-height:44px}}.search-selected-chips{align-items:center;flex-wrap:wrap;gap:6px;display:flex}.search-selected-count{color:var(--muted);font-size:var(--font-size-2xs);white-space:nowrap}.search-selected-chip{background:#f6f8f7;border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 4px 2px 8px;font-size:var(--font-size-2xs);display:inline-flex}.search-selected-chip button{color:var(--muted);cursor:pointer;background:none;border:0;border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--font-size-xs);line-height:1}.search-selected-chip button:hover,.search-selected-chip button:focus-visible{color:inherit;background:#e5ebe8}.search-selected-chip-title{max-width:14em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(max-width:720px){.search-selected-chip button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:16px}.search-selected-chip{padding:0 0 0 8px}}.account-menu{position:relative}.account-popover{z-index:35;background:var(--color-white);border:1px solid var(--line);border-radius:13px;width:250px;max-width:calc(100vw - 36px);padding:15px;display:grid;gap:10px;position:absolute;top:46px;right:0;box-shadow:0 18px 48px #1623202e}.account-popover strong{font-size:var(--font-size-md)}.account-popover-field{color:var(--muted);gap:6px;font-size:var(--font-size-xs);font-weight:700;display:grid}.account-popover-field input{color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;font-size:var(--font-size-md);font-weight:400}.account-popover-field input:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.account-popover-hint{color:var(--muted);margin:0;font-size:var(--font-size-xs);line-height:1.6}.account-popover-action{cursor:pointer;background:#f6f8f7;border:0;border-radius:var(--radius-sm);padding:10px;font-size:var(--font-size-sm);font-weight:700;text-align:left}.account-popover-action:hover{background:#eef2f0}.account-popover-action:disabled{cursor:default;opacity:.55}a.account-popover-action{color:var(--ink);text-decoration:none}.account-auth-section{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}.account-auth-status:empty{display:none}.account-auth-adoption,.account-auth-delete-confirm{display:grid;gap:8px}.account-auth-danger{color:#a02c15;background:#fbeeea}.account-auth-danger:hover{background:#f6ded7}@media(max-width:720px){.account-popover{top:52px;width:220px}.account-popover-action{min-height:44px;display:flex;align-items:center;justify-content:center}.account-popover-action{justify-content:flex-start}.account-popover-field input,.user-histories-editor input:not([type=checkbox]):not([type=color]):not([type=radio]),.user-histories-editor textarea,.user-histories-editor select,.user-histories-event input:not([type=checkbox]):not([type=color]):not([type=radio]),.user-histories-event textarea,.user-histories-event select{min-height:44px}}.user-histories-page{max-width:760px;margin:0 auto;padding:24px 16px 64px}.user-histories-header{justify-content:space-between;align-items:baseline;display:flex}.user-histories-gate{max-width:480px;margin:80px auto;text-align:center}.user-histories-disclaimer{color:var(--muted);background:#fff6e5;border:1px solid #f0ddb0;border-radius:var(--radius-sm);margin:12px 0 20px;padding:10px 14px;font-size:var(--font-size-md)}.user-created-badge{color:var(--green-dark);background:#e8f4ef;border:1px solid #b9dbcc;border-radius:var(--radius-pill);padding:2px 9px;font-size:var(--font-size-2xs);font-weight:700;display:inline-block;width:fit-content}.user-histories-list{flex-direction:column;gap:12px;display:flex;padding:0;list-style:none}.user-histories-card{justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border, #ddd);border-radius:var(--radius-md);padding:12px 16px;display:flex}.user-histories-card-info{flex-direction:column;gap:4px;display:flex}.user-histories-card-title{color:inherit;cursor:pointer;background:none;border:none;width:fit-content;padding:0;font-size:inherit;font-weight:700;text-align:left;font-family:inherit}.user-histories-card-title:hover{text-decoration:underline}.user-histories-card-actions{gap:8px;display:flex;flex-shrink:0}.user-histories-dialog-backdrop{background:#0006;align-items:center;justify-content:center;display:flex;position:fixed;inset:0;z-index:50}.user-histories-dialog{background:var(--surface, var(--color-white));border-radius:var(--radius-md);max-width:420px;padding:20px}.user-histories-dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.user-histories-editor{flex-direction:column;gap:12px;display:flex}.user-histories-editor label,.user-histories-event label{color:var(--ink);flex-direction:column;gap:4px;font-size:var(--font-size-md);font-weight:700;display:flex}.user-histories-editor input:not([type=checkbox]):not([type=color]):not([type=radio]),.user-histories-editor textarea,.user-histories-editor select,.user-histories-event input:not([type=checkbox]):not([type=color]):not([type=radio]),.user-histories-event textarea,.user-histories-event select{color:var(--ink);background:var(--color-white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;font-size:var(--font-size-md);font-weight:400}.user-histories-editor textarea,.user-histories-event textarea{min-height:88px;resize:vertical;font-family:inherit}.user-histories-editor input:not([type=checkbox]):not([type=color]):not([type=radio]):focus-visible,.user-histories-editor textarea:focus-visible,.user-histories-editor select:focus-visible,.user-histories-event input:not([type=checkbox]):not([type=color]):not([type=radio]):focus-visible,.user-histories-event textarea:focus-visible,.user-histories-event select:focus-visible{outline-offset:2px;outline:3px solid #ff603d59}.user-histories-event{border:1px solid var(--border, #ddd);border-radius:var(--radius-md);gap:12px;display:flex;flex-direction:column;padding:14px}.upgrade-modal.user-histories-event-modal{max-width:480px}.user-histories-orphan-events{flex-direction:column;gap:6px;display:flex}.user-histories-orphan-buttons{flex-wrap:wrap;gap:6px;display:flex}.user-histories-event legend{color:var(--ink);padding:0 4px;font-size:var(--font-size-md);font-weight:700}.user-histories-date-fields{gap:10px;display:flex}.user-histories-date-fields label{flex:1}.user-histories-checkbox{flex-direction:row!important;align-items:center;gap:6px!important;font-weight:400!important}.user-histories-list-field{flex-direction:column;gap:6px;display:flex}.user-histories-list-field>span{color:var(--ink);font-size:var(--font-size-md);font-weight:700}.user-histories-list-row{gap:6px;display:flex}.user-histories-list-row input{flex:1}.user-histories-icon-field{flex-direction:column;gap:6px;display:flex}.user-histories-icon-field>span{color:var(--ink);font-size:var(--font-size-md);font-weight:700}.user-histories-icon-row{align-items:center;gap:12px;display:flex}.user-histories-icon-preview{width:56px;height:56px;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-sm);flex-shrink:0}.user-histories-icon-preview-empty{color:var(--muted, #888);background:var(--color-white);align-items:center;justify-content:center;font-size:var(--font-size-2xs);display:flex}.user-histories-icon-controls{flex-direction:column;gap:4px;display:flex}.user-histories-hints{color:#7a6318;background:#fffaf0;border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-size-sm)}.user-histories-errors{color:#a3312a;background:#fdecea;border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-size-sm)}.user-histories-editor-actions{justify-content:flex-end;gap:8px;display:flex}.user-histories-visibility-badge{border-radius:var(--radius-pill);padding:2px 9px;font-size:var(--font-size-2xs);font-weight:700;display:inline-block;width:fit-content}.user-histories-visibility-badge.is-public{color:var(--green-dark);background:#e8f4ef;border:1px solid #b9dbcc}.user-histories-visibility-badge.is-private{color:var(--muted);background:#f0f0f0;border:1px solid #ddd}.user-histories-visibility-badge.is-limited{color:var(--orange);background:#fdece7;border:1px solid #f6c7b8}.user-histories-visibility{flex-direction:column;align-items:flex-start;gap:6px;border:1px solid var(--border, #ddd);border-radius:var(--radius-md);padding:12px 14px;display:flex}.user-histories-visibility-hint{color:var(--muted);margin:0;font-size:var(--font-size-sm)}.user-histories-visibility-options{gap:8px;display:flex}.user-histories-sharing{flex-direction:column;align-items:flex-start;gap:8px;border:1px solid var(--border, #ddd);border-radius:var(--radius-md);padding:12px 14px;display:flex}.user-histories-invite-link{flex-direction:column;align-items:flex-start;gap:6px;background:var(--paper);border-radius:var(--radius-sm);padding:8px 10px;display:flex}.user-histories-invite-link code{word-break:break-all;font-size:var(--font-size-sm)}.user-histories-grant-list{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.user-histories-grant-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-histories-timeline-hint{color:var(--muted);margin:0;font-size:var(--font-size-sm)}.user-histories-timeline-frame{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.user-histories-timeline-frame .label-ruler{height:38px}.user-histories-timeline-scroll{overscroll-behavior-x:contain;scrollbar-color:#9eb0ac #eef2f0;scrollbar-width:thin;overflow:auto hidden}.user-histories-timeline-canvas{cursor:crosshair;background:#fbfcfb;min-width:100%;position:relative}.sharing-lanes,.sharing-shared-with-me{margin-top:28px}.sharing-gallery{margin-top:36px}.sharing-lane-card{flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 16px;display:flex}.sharing-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}.sharing-gallery-card{flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex}.sharing-gallery-card-link{flex-direction:column;gap:6px;color:inherit;text-decoration:none;display:flex}.sharing-gallery-card-link span,.sharing-gallery-card-link small{color:var(--muted)}.sharing-gallery-card-actions{gap:8px;display:flex}