#opine-web-home{--opine-library-width:var(--opine-web-preferences-width);width:100%;height:100dvh;color:inherit;grid-template-columns:0 minmax(0,1fr) 0;font-family:SunghyunSans-Regular,sans-serif;transition:grid-template-columns .36s cubic-bezier(.22,1,.36,1);display:grid}#opine-web-home[data-opine-library-open]{grid-template-columns:var(--opine-library-width) minmax(0, 1fr) 0px}#opine-web-shell[data-opine-preferences-open] #opine-web-home{grid-template-columns:0px minmax(0, 1fr) var(--opine-web-preferences-width)}#opine-web-shell[data-opine-preferences-open] #opine-web-home[data-opine-library-open]{grid-template-columns:var(--opine-library-width) minmax(0, 1fr) var(--opine-web-preferences-width)}#opine-web-home-main{min-width:0;height:100%;position:relative}#opine-web-home-header{z-index:2;justify-content:space-between;display:flex;position:absolute;top:32px;left:36px;right:36px}#opine-web-home-header button{width:48px;height:48px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;place-items:center;transition:background .14s;display:grid}#opine-web-home-header button:is(:hover,:focus-visible){background:#7f7f7f1f}#opine-web-shell[data-opine-preferences-open] #opine-web-preferences-trigger,#opine-web-home[data-opine-library-open] #opine-web-library-trigger{visibility:hidden;pointer-events:none}#opine-web-library-edge{z-index:3;width:20px;position:fixed;top:0;bottom:0;left:0}#opine-web-library-edge:before{opacity:0;content:"";pointer-events:none;background:linear-gradient(90deg,#775f5042,#0000);position:absolute;inset:0}#opine-web-library-edge[data-opine-edge-active]:before{animation:2s linear both opine-edge-warmup}@keyframes opine-edge-warmup{0%{opacity:0}to{opacity:1}}#opine-web-home-entity{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:clamp(170px,22vw,260px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#opine-web-home-entity:focus-visible{outline-offset:8px;outline:2px solid}#opine-web-add-photo-hint{color:#1e2228;white-space:nowrap;pointer-events:none;background:#f5f4f2;border:1px solid #7f7f7f33;border-radius:12px;padding:9px 12px;font:14px SunghyunSans-Regular,sans-serif;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}#opine-web-add-photo-hint:after{border-right:inherit;border-bottom:inherit;background:inherit;content:"";width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#opine-web-home-compose{color:#fff;cursor:pointer;background:#1e2228;border:0;border-radius:999px;min-width:150px;height:48px;font:600 18px SunghyunSans-SemiBold,sans-serif;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}#opine-web-home-compose:hover{background:#393c42}#opine-web-home-encryption{place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:42px;left:calc(50% + 92px)}#opine-web-home-encryption button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}#opine-web-home-encryption button:is(:hover,:focus-visible){background:#7f7f7f1f}#opine-web-encryption-popover{box-sizing:border-box;corner-shape:squircle;color:#1e2228;background:#f5f4f2;border:1px solid #7f7f7f2e;border-radius:25px;max-height:min(70dvh,620px);padding:15px;font-family:SunghyunSans-Regular,sans-serif;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 16px 55px #0003}[data-opine-library-drawer]{z-index:51;backdrop-filter:blur(28px);color:#1e2228;background:linear-gradient(135deg,#ffffffed,#f5f4f2c7);border-right:1px solid #7878782e;flex-direction:column;width:100vw;font-family:SunghyunSans-Regular,sans-serif;animation:.32s cubic-bezier(.22,1,.36,1) both opine-library-enter;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}#opine-web-home>[data-opine-library-drawer]{z-index:1;width:100%;height:100%;box-shadow:none;animation:none;position:relative;top:auto;bottom:auto}[data-opine-library-accessible-title]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-opine-library-list]{flex:1;min-height:0}#opine-library-empty-card{corner-shape:squircle;background:#ffffffc4;border:1px solid #7f7f7f1f;border-radius:35px;margin:8px 6px 0;overflow:hidden;box-shadow:0 2px 5px #1919190a}[data-opine-library-route-pane]{width:460px;box-shadow:16px 0 50px #14141414}body>[data-opine-library-route-pane]:has(~[data-opine-library-route-pane]){display:none}[data-opine-library-route-content]{box-sizing:border-box;min-height:0;padding:var(--opine-pane-header-clearance) 22px 36px;flex:1;overflow-y:auto}[data-opine-library-route-content] [data-opine-modal-top-spacer]{height:0!important}@keyframes opine-library-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}html[data-opine-theme=dark] #opine-web-home-header button:is(:hover,:focus-visible){background:#ffffff1f}html[data-opine-theme=dark] #opine-web-home-compose{color:#151619;background:#f2f1ef}html[data-opine-theme=dark] #opine-web-home-compose:hover{background:#d8d6d3}html[data-opine-theme=dark] #opine-web-add-photo-hint,html[data-opine-theme=dark] #opine-web-encryption-popover{color:#f7f7f7;background:#24252a}html[data-opine-theme=dark] [data-opine-library-drawer]{color:#f7f7f7;background:linear-gradient(135deg,#26272cf0,#141519db)}html[data-opine-theme=dark] #opine-library-empty-card{background:#ffffff17}@media (width<=1059px){#opine-web-shell[data-opine-preferences-open] #opine-web-home[data-opine-library-open]{grid-template-columns:0 minmax(0, 1fr) var(--opine-web-preferences-width)}body:has(#opine-web-shell[data-opine-preferences-open])>[data-opine-library-route-pane]{display:none}}@media (width<=700px){#opine-web-home{display:block}#opine-web-home-header{top:18px;left:20px;right:20px}#opine-web-library-edge{display:none}#opine-web-home-compose,#opine-web-home-encryption{bottom:24px}[data-opine-library-route-pane]{width:100vw}}@media (prefers-reduced-motion:reduce){#opine-web-home{transition:none}[data-opine-library-drawer],#opine-web-library-edge:before{animation:none!important}}