.illo-scope{--paper:#fbf9f5;--ink:#2a2e2e;--ink-2:#5a6363;--ink-muted:#8c9491;--hair:#2a2e2e1f;--hair-soft:#2a2e2e12;--peach-deep:#e4674a;--peach-ink:#b7532f;--forest:#3e9275;--me-bubble:#ede7dc;--dusk:#23282b;--dusk-2:#2c3235;--ease:cubic-bezier(.16, 1, .3, 1);color:var(--ink);-webkit-user-select:none;user-select:none}.illo-scope *,.illo-scope :before,.illo-scope :after{box-sizing:border-box}.illo-scope .scope{--c-canvas:#fcfbf9;--c-rail:#f4f0e9;--c-card:#fff;--c-ink:#2a2e2e;--c-ink2:#5a6363;--c-ink3:#98a0a0;--c-hair:#2a2e2e1a;--c-hairsoft:#2a2e2e0e;--c-me:#ede7dc;color:var(--c-ink)}.illo-scope .bar{background:var(--c-rail);border-bottom:1px solid var(--c-hairsoft);align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.illo-scope .tl{gap:7px;display:flex}.illo-scope .tl i{border-radius:50%;width:11px;height:11px;display:block}.illo-scope .tl i:first-child{background:#ff5f57}.illo-scope .tl i:nth-child(2){background:#febc2e}.illo-scope .tl i:nth-child(3){background:#28c840}.illo-scope .bt{font:500 12px/1 var(--mono);color:var(--c-ink2);margin-left:5px}.illo-scope .rttl{font-family:var(--serif);font-size:22px;font-weight:500}.illo-scope .deskfield{background:radial-gradient(900px 500px at 20% 0,#f2846a29,#0000 55%),radial-gradient(800px 600px at 90% 100%,#7890ac29,#0000 58%),linear-gradient(155deg,#e7e1d6,#cec8bb);border:1px solid #ffffff80;border-radius:20px;height:360px;position:relative;overflow:hidden}@keyframes illo-line-in{0%{opacity:0;transform:translateY(5px)}}.illo-scope .chip .cline.clive{animation:illo-line-in .45s var(--ease) both}.illo-scope .chip{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);color:#f4f1ea;background:#202325e0;border:1px solid #ffffff24;border-radius:20px;width:min(420px,92%);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 60px #14121066}.illo-scope .chip .chead{align-items:center;gap:11px;padding:14px 18px;display:flex}.illo-scope .chip .corb{flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative}.illo-scope .chip .ct{flex:auto;min-width:0}.illo-scope .chip .ct b{letter-spacing:-.01em;font-size:15px;font-weight:600;display:block}.illo-scope .chip .ct small{font:500 12px/1.4 var(--mono);color:#f2a48f;display:block}.illo-scope .chip .cstop{background:#f2846aeb;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.illo-scope .chip .cstop i{background:#fff;border-radius:2px;width:10px;height:10px;display:block}.illo-scope .chip .cbody{box-sizing:border-box;flex-direction:column;justify-content:flex-end;gap:7px;height:116px;padding:6px 18px 14px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#00000059 26%,#000 64%);mask-image:linear-gradient(#0000 0,#00000059 26%,#000 64%)}.illo-scope .chip .cline{color:#f4f1eab8;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;line-height:1.5;overflow:hidden}.illo-scope .chip .cline.cw{color:#f4f1ea73;font-weight:500}.illo-scope .chip .cline.clive{color:#f4f1ea}.illo-scope .chip .chint{font:500 11.5px/1 var(--mono);color:#f4f1ea80;border-top:1px solid #ffffff17;padding:11px 18px}.illo-scope .fan{max-width:920px;height:330px;margin:0 auto;position:relative}.illo-scope .fdoc{border:1px solid var(--hair);width:196px;transform:translate(-50%, 26px) rotate(var(--rot)) translateX(var(--off)) scale(.96);opacity:0;background:#fff;border-radius:13px;padding:15px 15px 17px;position:absolute;top:8%;left:50%;box-shadow:0 2px 6px #1c1a180d,0 22px 48px #1c1a181f}.illo-scope.in .fdoc,.illo-scope .fan.in .fdoc{opacity:1;transform:translate(-50%, 0) rotate(var(--rot)) translateX(var(--off)) scale(1);transition:opacity .65s var(--ease), transform .85s var(--ease)}.illo-scope .fdoc .dtop{align-items:center;gap:7px;margin-bottom:10px;display:flex}.illo-scope .fdoc .fi{border:1px solid var(--hair);background:linear-gradient(#fff,#f1ece3);border-radius:3px;flex:none;width:16px;height:20px;position:relative}.illo-scope .fdoc .fi:after{content:"md";text-align:center;font:700 6px/1 var(--mono);color:var(--peach-ink);position:absolute;bottom:2px;left:0;right:0}.illo-scope .fdoc .fn{font:500 10.5px/1.25 var(--mono);color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.illo-scope .fdoc .dl{background:var(--hair-soft);border-radius:3px;height:5px;margin-top:6px}.illo-scope .fdoc .dl.s{width:60%}.illo-scope .fdoc .dl.m{width:86%}.illo-scope .fdoc .df{font:500 9.5px/1 var(--mono);color:var(--ink-muted);text-align:left;margin-top:12px}.illo-scope .fanfoot{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.illo-scope .fanfoot .g{background:var(--forest);border-radius:50%;width:7px;height:7px}.illo-scope .fanfoot b{color:var(--ink-2);font-weight:500;font-family:var(--mono);font-size:11.5px}.illo-scope .noteswin{background:#fcfbf9;border:1px solid #ffffffa6;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #1c1a180f,0 28px 60px #b45a3c24}.illo-scope .rd{padding:22px 24px 24px}.illo-scope .rd .rttl{font-size:20px}.illo-scope .rdmeta{font:500 11px/1 var(--mono);color:var(--ink-muted);margin-top:6px}.illo-scope .notes{background:linear-gradient(#d977570d,#d9775704);border:1px solid #d9775742;border-radius:13px;margin-top:16px;overflow:hidden}.illo-scope .nhead{border-bottom:1px solid #d9775729;align-items:center;gap:8px;padding:11px 14px;display:flex}.illo-scope .nhead .clogo{flex:none;width:20px;height:20px}.illo-scope .nhead b{color:var(--peach-ink);font-size:12.5px;font-weight:600}.illo-scope .nhead .when{font:500 10px/1 var(--mono);color:var(--ink-muted);margin-left:auto}.illo-scope .nbody{padding:14px 15px}.illo-scope .nsub{font:600 10px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.illo-scope .nsum{color:var(--ink);font-size:13.5px;line-height:1.6}.illo-scope .nlist{flex-direction:column;gap:2px;margin-top:13px;display:flex}.illo-scope .nitem{color:var(--ink);gap:9px;padding:5px 0;font-size:13px;line-height:1.5;display:flex}.illo-scope .nitem .ck{border:1.5px solid var(--forest);border-radius:4px;flex:none;width:15px;height:15px;position:relative;top:2px}.illo-scope .nitem .ck:after{content:"";border:solid var(--forest);border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.illo-scope .nitem .who{color:var(--ink-2);font-weight:500}.illo-scope.dusk{--ink:#f4f1ea;color:#f4f1ea}.illo-scope .askbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fcfbf914;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:11px;max-width:560px;margin:0 auto;padding:15px 18px;display:flex;position:relative;box-shadow:0 22px 54px #0000004d}.illo-scope .askbar svg{stroke:#f4f1ea99;fill:none;flex:none;width:16px;height:16px}.illo-scope .askbar .qt{color:#f4f1ea;text-align:left;min-height:1.4em;font-size:15px}.illo-scope .askans{text-align:left;background:#fcfbf90f;border:1px solid #ffffff1a;border-radius:16px;max-width:560px;margin:16px auto 0;padding:16px 18px}.illo-scope .askans p{color:#f4f1eae0;font-size:14px;line-height:1.6}.illo-scope .askans p b{color:#fff;font-weight:600}.illo-scope .srcchip{font:500 11px/1 var(--mono);color:#f2a48f;background:#f2846a1f;border:1px solid #f2846a47;border-radius:8px;align-items:center;gap:7px;margin-top:12px;padding:6px 10px;display:inline-flex}.illo-scope .srcchip:before{content:"";background:var(--peach);border-radius:50%;width:5px;height:5px}.illo-scope .mq{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.illo-scope .mq-rail{will-change:transform;width:max-content;animation:80s linear infinite illo-mq;display:flex}.illo-scope .mq:hover .mq-rail{animation-play-state:paused}@keyframes illo-mq{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.illo-scope .mq-set{align-items:center;gap:56px;margin:0;padding-right:56px;list-style:none;display:flex}.illo-scope .mq-item{flex:none;align-items:center;gap:13px;display:inline-flex}.illo-scope .mq-item svg{width:40px;height:40px;display:block}.illo-scope .mq-item span{color:var(--ink);white-space:nowrap;font-size:16.5px}.illo-scope .skills{grid-template-columns:repeat(3,minmax(0,290px));justify-content:center;gap:16px;display:grid}.illo-scope .sk{text-align:left;border:1px solid var(--hair);background:#fff;border-radius:16px;padding:18px 18px 19px;box-shadow:0 1px 2px #1c1a180a}.illo-scope .sk .shead{align-items:center;gap:9px;display:flex}.illo-scope .sk .sdot{background:var(--forest);border-radius:50%;flex:none;width:8px;height:8px}.illo-scope .sk .sdot.w{background:var(--peach)}.illo-scope .sk b{color:var(--ink);font-size:14px;font-weight:600}.illo-scope .sk .stime{font:500 10px/1 var(--mono);color:var(--ink-muted);margin-left:auto}.illo-scope .sk p{color:var(--ink-2);margin-top:9px;font-size:13px;line-height:1.55}.illo-scope .sk p .hl{color:var(--peach-ink);font-weight:500}@media (max-width:880px){.illo-scope .skills{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.illo-scope .fan{grid-template-columns:1fr 1fr;gap:12px;max-width:430px;height:auto;padding:0 6px;display:grid;position:static}.illo-scope .fdoc{width:auto;position:static;top:auto;left:auto;opacity:1!important;transform:none!important;box-shadow:0 1px 2px #1c1a180d,0 10px 26px #1c1a1814!important}.illo-scope .fanfoot{grid-column:1/-1;justify-content:center;margin-top:2px;position:static;transform:none}}@media (prefers-reduced-motion:reduce){.illo-scope .mq-rail,.illo-scope .chip .cline.clive{animation:none}.illo-scope .fdoc{opacity:1;transform:translate(-50%, 0) rotate(var(--rot)) translateX(var(--off));transition:none}}