:root{--kertas-sobek-atas:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='460' height='20'><path d='M0 20 L0 8.0 L16.69 9.1 L33.38 9.55 L42.31 5.82 L48.89 10.98 L64.2 7.42 L69.84 10.73 L74.58 8.28 L84.29 6.22 L95.2 12.97 L103.41 9.78 L107.96 6.32 L128.0 7.38 L137.69 10.86 L147.01 6.06 L154.38 5.56 L164.75 9.17 L185.74 8.9 L190.32 9.8 L199.63 5.71 L229.37 2.39 L238.08 7.85 L247.39 7.23 L255.48 11.72 L281.36 10.84 L286.4 10.91 L289.49 6.7 L292.85 3.73 L317.06 6.16 L322.45 7.73 L329.65 7.41 L338.39 9.3 L342.46 3.57 L353.0 8.48 L362.83 2.85 L368.88 7.55 L376.21 9.67 L385.83 12.73 L390.9 9.88 L397.11 7.3 L401.83 9.19 L411.0 12.0 L417.84 10.61 L422.29 12.46 L429.08 11.5 L438.14 10.48 L444.37 6.4 L460.0 8.0 L460 20 Z' fill='black'/></svg>");--kertas-sobek-bawah:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='460' height='20'><path d='M0 0 L0 12.0 L5.61 10.06 L27.75 11.33 L35.8 9.89 L65.16 10.12 L74.85 13.07 L101.53 13.77 L105.18 11.64 L113.81 16.32 L122.73 9.9 L144.65 16.44 L148.5 10.34 L152.47 14.66 L163.26 9.32 L168.01 10.57 L174.08 14.79 L177.4 9.06 L207.18 10.87 L229.25 14.43 L232.98 9.51 L241.99 14.63 L251.08 14.84 L267.4 14.32 L274.21 14.19 L283.39 17.67 L312.76 11.99 L323.61 11.39 L328.75 14.38 L334.11 12.28 L341.84 17.96 L345.56 11.94 L354.79 16.1 L361.47 10.83 L366.02 12.43 L375.93 9.85 L386.24 9.18 L397.24 10.5 L404.44 12.6 L410.47 11.63 L415.94 16.65 L421.82 14.71 L429.53 10.94 L444.86 11.48 L460.0 12.0 L460 0 Z' fill='black'/></svg>");--kertas-robek-halus-atas:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='380' height='11'><path d='M0 11 L0 5.5 L13.63 5.53 L29.59 4.59 L37.45 4.9 L65.96 5.68 L71.74 5.61 L84.81 5.28 L121.37 5.23 L129.66 6.37 L145.15 5.62 L158.97 4.56 L165.12 4.22 L175.4 3.08 L184.46 6.45 L192.15 7.65 L228.25 4.53 L237.69 5.4 L250.14 7.45 L263.41 2.67 L275.63 7.72 L281.57 4.94 L287.8 6.48 L293.55 5.85 L323.24 6.67 L334.5 6.69 L345.1 3.37 L352.42 5.56 L358.91 5.53 L373.64 6.68 L380.0 5.5 L380 11 Z' fill='black'/></svg>");--kertas-robek-halus-bawah:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='380' height='11'><path d='M0 0 L0 5.5 L14.79 4.95 L25.52 4.91 L30.92 4.21 L38.79 6.36 L48.64 6.44 L60.76 5.08 L66.37 6.56 L75.91 6.16 L89.26 4.66 L98.05 6.21 L103.4 4.67 L134.96 5.95 L144.19 4.4 L155.08 5.09 L165.83 6.35 L174.15 5.7 L180.0 5.11 L190.07 5.99 L205.06 5.53 L219.26 6.45 L234.71 5.73 L274.18 5.33 L285.1 6.12 L292.93 4.31 L305.31 6.39 L320.32 6.64 L330.07 4.84 L340.92 5.08 L353.17 4.71 L380.0 5.5 L380 0 Z' fill='black'/></svg>");--kertas-serat:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url%28%23s%29'/></svg>");--kertas-warna:#f4efdf;--kertas-tinta:#3c3930}.kertas-lembar{filter:drop-shadow(0 3px 4px #38342638);position:relative;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.kertas-lembar:before{content:"";z-index:-1;background-color:var(--kertas-warna);-webkit-mask-image:var(--kertas-sobek-atas), linear-gradient(black, black), var(--kertas-sobek-bawah);-webkit-mask-size:460px 20px,100% calc(100% - 37px),460px 20px;-webkit-mask-position:var(--kertas-geser,0px) top, center, calc(var(--kertas-geser,0px) * -1) bottom;-webkit-mask-repeat:repeat-x,no-repeat,repeat-x;-webkit-mask-image:var(--kertas-sobek-atas), linear-gradient(black, black), var(--kertas-sobek-bawah);mask-image:var(--kertas-sobek-atas), linear-gradient(black, black), var(--kertas-sobek-bawah);-webkit-mask-size:460px 20px,100% calc(100% - 37px),460px 20px;mask-size:460px 20px,100% calc(100% - 37px),460px 20px;-webkit-mask-position:var(--kertas-geser,0px) top, center, calc(var(--kertas-geser,0px) * -1) bottom;mask-position:var(--kertas-geser,0px) top, center, calc(var(--kertas-geser,0px) * -1) bottom;background-image:radial-gradient(58% 38% at 16% 10%,#9e844e24,#0000 70%),radial-gradient(42% 52% at 90% 84%,#927a4a21,#0000 72%),radial-gradient(30% 26% at 72% 22%,#967e5014,#0000 75%),linear-gradient(103deg,#0000 27.4%,#7868420b 27.9%,#fffcf029 28.3%,#0000 28.8%),linear-gradient(78deg,#0000 68.3%,#78684209 68.7%,#fffcf021 69.1%,#0000 69.5%),repeating-linear-gradient(0deg,#7e6e4607 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#7e6e4605 0 1px,#0000 1px 7px);position:absolute;inset:0;-webkit-mask-repeat:repeat-x,no-repeat,repeat-x;mask-repeat:repeat-x,no-repeat,repeat-x}.kertas-lembar:after{content:"";z-index:-1;pointer-events:none;background-image:var(--kertas-serat);opacity:.075;mix-blend-mode:multiply;-webkit-mask-image:var(--kertas-sobek-atas), linear-gradient(black, black), var(--kertas-sobek-bawah);-webkit-mask-size:460px 20px,100% calc(100% - 37px),460px 20px;-webkit-mask-position:var(--kertas-geser,0px) top, center, calc(var(--kertas-geser,0px) * -1) bottom;-webkit-mask-repeat:repeat-x,no-repeat,repeat-x;-webkit-mask-image:var(--kertas-sobek-atas), linear-gradient(black, black), var(--kertas-sobek-bawah);mask-image:var(--kertas-sobek-atas), linear-gradient(black, black), var(--kertas-sobek-bawah);-webkit-mask-size:460px 20px,100% calc(100% - 37px),460px 20px;mask-size:460px 20px,100% calc(100% - 37px),460px 20px;-webkit-mask-position:var(--kertas-geser,0px) top, center, calc(var(--kertas-geser,0px) * -1) bottom;mask-position:var(--kertas-geser,0px) top, center, calc(var(--kertas-geser,0px) * -1) bottom;background-size:140px 140px;position:absolute;inset:0;-webkit-mask-repeat:repeat-x,no-repeat,repeat-x;mask-repeat:repeat-x,no-repeat,repeat-x}.kertas-strip:before,.kertas-strip:after{-webkit-mask-image:var(--kertas-robek-halus-atas), linear-gradient(black, black), var(--kertas-robek-halus-bawah);-webkit-mask-size:380px 11px,100% calc(100% - 19px),380px 11px;-webkit-mask-image:var(--kertas-robek-halus-atas), linear-gradient(black, black), var(--kertas-robek-halus-bawah);mask-image:var(--kertas-robek-halus-atas), linear-gradient(black, black), var(--kertas-robek-halus-bawah);-webkit-mask-size:380px 11px,100% calc(100% - 19px),380px 11px;mask-size:380px 11px,100% calc(100% - 19px),380px 11px}.kertas-strip{letter-spacing:.01em;transform:translateX(var(--kertas-dorong,0px)) rotate(var(--kertas-putar,0deg))}.kertas-strip:active{transform:translateX(var(--kertas-dorong,0px)) rotate(var(--kertas-putar,0deg)) scale(.99)}@media (prefers-reduced-motion:reduce){.kertas-strip,.kertas-strip:active{transform:none}}.kertas-latar{pointer-events:none;background-image:var(--kertas-serat);opacity:.1;mix-blend-mode:multiply;background-size:180px 180px;position:absolute;inset:0}.kertas-vignette{pointer-events:none;background:radial-gradient(120% 85% at 50% 8%,#0000 40%,#343a262e 100%);position:absolute;inset:0}.kertas-selotip{pointer-events:none;background:#eee6c8b8;width:104px;height:26px;margin-left:-52px;position:absolute;top:-13px;left:50%;transform:rotate(-1.6deg);box-shadow:0 1px 2px #3c393029;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 3px calc(100% - 3px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 3px calc(100% - 3px),#0000 100%)}.kertas-mini:before,.kertas-mini:after{-webkit-mask-size:230px 10px,100% calc(100% - 17px),230px 10px;mask-size:230px 10px,100% calc(100% - 17px),230px 10px}.kertas-note{background:var(--kertas-note,#efe8d4);min-width:7.5rem;transform:rotate(var(--kertas-putar,0deg));padding:.7rem 1.1rem .85rem;transition:transform .22s,box-shadow .22s,background-color .22s;position:relative;box-shadow:0 2px 3px #3a34222e}.kertas-note:after{content:"";background:linear-gradient(135deg,#0000 50%,#584c2c33 50%);width:1.05rem;height:1.05rem;position:absolute;bottom:0;right:0}.kertas-note[data-aktif=true]{background:var(--kertas-note-aktif,#e6d5a4);transform:rotate(var(--kertas-putar,0deg)) translateY(-3px);box-shadow:0 6px 9px #3a342242}@media (prefers-reduced-motion:reduce){.kertas-note{transition:none}}.kertas-halaman .text-\[15px\],.kertas-halaman .text-sm{font-size:1.02rem;line-height:1.5}
:root{--sketsa-tinta:#1c1c1c;--sketsa-kertas:#fff;--sketsa-arsir:#1c1c1c4d;--sketsa-grid:#1c1c1c0d}.sketsa-kotak{position:relative}.sketsa-kotak:before{content:"";pointer-events:none;border:2px solid var(--sketsa-tinta);opacity:.3;border-radius:15px 225px 15px 255px/255px 14px 225px 15px;position:absolute;inset:3px}.sketsa-arsir{background-image:repeating-linear-gradient(-45deg, var(--sketsa-arsir) 0 1px, transparent 1px 7px)}.sketsa-arsir+button,.sketsa-tab-aktif{font-weight:700}.sketsa-grid{pointer-events:none;background-image:repeating-linear-gradient(0deg, var(--sketsa-grid) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, var(--sketsa-grid) 0 1px, transparent 1px 24px);position:absolute;inset:0}.sketsa-vignette{pointer-events:none;background:radial-gradient(120% 80% at 50% 6%,#0000 45%,#1c1c1c12 100%);position:absolute;inset:0}.sketsa-kotak{transform:rotate(var(--sketsa-putar,0deg))}.sketsa-kotak:active{transform:rotate(var(--sketsa-putar,0deg)) scale(.99)}@media (prefers-reduced-motion:reduce){.sketsa-kotak,.sketsa-kotak:active{transform:none}}.sketsa-mini:before{border-width:1.5px;inset:2px}